/* ============================================================================
 * create-delivery.desktop.css — DESKTOP / TABLET light-2026 layer (>=768px)
 * ----------------------------------------------------------------------------
 * Loads only via the media-gated <link>, applies only beside the AppShell
 * sidebar (body.ptshell, set by ptcargo-shell.js). The MOBILE Source-of-Truth
 * (create-delivery.css) is NEVER touched — phone view stays byte-equal.
 * LAYOUT = single vertical column (820px), one card per row, stacked top→bottom
 * — same as create-paybill (Owner request). The plain hero (.dhero) + howto
 * (.dhowto) live in create-delivery.html's injected <style>; here we only set
 * the column width, de-grid, un-sticky the summary, light-2026 inputs, and
 * re-skin the (already de-fixed) .pybar. Accent PRESERVED = the page's OWN
 * orange (--sun/--sun-deep). Money figures are demo DATA (submit = mock flow).
 * ========================================================================== */
@media (min-width:768px){
  body.ptshell{background:#F4F5F7}

  /* single vertical column — cards stack full-width (เหมือน create-paybill) */
  body.ptshell main.page{max-width:1080px;margin-inline:auto;padding:20px 0 40px;display:block}

  /* hero + howto span the column */
  body.ptshell .dhero,body.ptshell .dhowto{margin-left:0;margin-right:0}

  /* every card = its own full-width row, normal flow (no grid, no sticky) */
  body.ptshell main.page>.card,body.ptshell main.page>.due{margin:0 0 14px;position:static}
  body.ptshell .card{border:1px solid #E8EAEF;box-shadow:0 18px 44px -30px rgba(20,25,35,.26)}

  /* inputs light-2026 (soft #F7F8FA · accent focus) */
  body.ptshell .field select,body.ptshell .field input{background:#F7F8FA;border-color:#E8EAEF}
  body.ptshell .field select:focus,body.ptshell .field input:focus{
    background:#fff;border-color:var(--sun);box-shadow:0 0 0 3px rgba(242,86,11,.12)}

  /* fixed confirm bar → inline card in the same 820 column (appshell de-fixes .pybar) */
  body.ptshell .pybar{max-width:1080px;margin:16px auto 0;background:#fff;border:1px solid #E8EAEF;
    border-radius:18px;box-shadow:0 18px 44px -30px rgba(20,25,35,.26)}
}