/* ============================================================================
   unclaimed-parcels.desktop.css — DESKTOP / TABLET · light-2026 (<link media ≥768>)
   ----------------------------------------------------------------------------
   Member-facing "พัสดุรอเจ้าของ (นับรับ)" page beside the AppShell sidebar
   (body.ptshell). MOBILE Source-of-Truth (inline <style>) is never touched here.
   Owner rule (unchanged): พัสดุตกค้างส่งปกติแต่เลื่อนออก IM จนเจอเจ้าของ — layout only.
     canvas #F4F5F7 · white cards · hairline #E8EAEF · radius 22 · soft shadow
   ============================================================================ */
@media (min-width:768px){

  /* light-2026 canvas (shell sets html bg; keep body in step) */
  body.ptshell{ background:#F4F5F7; }

  /* the page's own sticky header is replaced by the shell topbar/sidebar on desktop */
  body.ptshell header{ display:none !important; }

  /* ── ONE centred column · hero + content line up (beats shell .wrap{max-width:none}) ── */
  html body.ptshell .hero,
  html body.ptshell main.page{ max-width:840px !important; margin-left:auto !important; margin-right:auto !important; }
  html body.ptshell main.page{ padding-left:0 !important; padding-right:0 !important; }

  /* ── dark hero → light-2026 white card ── */
  body.ptshell .hero{
    margin-top:20px; padding:28px 32px; border-radius:22px; overflow:hidden;
    background:#fff; color:var(--ink);
    border:1px solid #E8EAEF; box-shadow:0 22px 48px -30px rgba(20,25,35,.28);
  }
  body.ptshell .hero::before,
  body.ptshell .hero::after,
  body.ptshell .hero .xblob{ display:none !important; }
  html body.ptshell .hero > .wrap{ max-width:none !important; margin:0 !important; padding:0 !important; align-items:center; }
  body.ptshell .hero .eyebrow{ background:#FFF1E8; border:1px solid #FFD9C2; color:var(--sun-deep); }
  body.ptshell .hero .eyebrow svg{ color:var(--sun-deep); }
  body.ptshell .hero h1{ color:var(--ink); font-size:27px; }
  body.ptshell .hero p{ color:var(--ink-2); }

  /* ── card surfaces: light-2026 hairline + soft shadow ── */
  body.ptshell main.page .card{ border:1px solid #E8EAEF; box-shadow:0 18px 44px -30px rgba(20,25,35,.26); }
  body.ptshell .note{ border-color:#E8EAEF; }
  body.ptshell details.qax{ border-color:#E8EAEF; }

  /* evidence tiles breathe wider on desktop */
  body.ptshell .iconrow{ grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); }
}