/* ============================================================================
   claim-report.desktop.css — DESKTOP / TABLET · light-2026 (loaded via <link media ≥768>)
   ----------------------------------------------------------------------------
   Full desktop RELAYOUT beside the shared AppShell sidebar (body.ptshell). Mobile
   Source-of-Truth in claim-report.css is never touched here. Skin + layout only.
   Direction: modules/account/pages/account-hub.css + member profile/kyc desktop —
     canvas #F4F5F7 · cards WHITE · hairline #E8EAEF · soft shadow · radius 20 ·
     ink #181A1D · soft inputs w/ orange focus · accent sparingly.
   ============================================================================ */

:root {
  --l26-canvas:#F4F5F7; --l26-surface:#fff;
  --l26-line:#E8EAEF; --l26-ink:#181A1D; --l26-ink-2:#565C64; --l26-muted:#8A9099;
  --l26-fill:#F7F8FA;
  --l26-shadow:0 22px 48px -30px rgba(20,25,35,.28);
}

@media (min-width: 768px) {

  body.ptshell { background: var(--l26-canvas); }

  /* centred reading column (the mobile <header> is hidden ≥768 by the shell) */
  body.ptshell main.page { max-width: 1040px; margin-inline: auto; padding: 0 22px 56px; }

  /* in-content page heading — quiet light-2026 title */
  body.ptshell .pt-h {
    display: block; font-family: var(--fd); font-weight: 600; font-size: 26px;
    color: var(--l26-ink); letter-spacing: -.3px; margin: 2px 2px 4px;
  }
  body.ptshell .page .lead { font-size: 14.5px; color: var(--l26-ink-2); margin: 8px 2px 20px; }

  /* two-column: new-claim form (wider) + side column (claims + guidelines) */
  body.ptshell .claim-grid {
    display: grid; grid-template-columns: 1.15fr .85fr; gap: 22px; align-items: start;
  }
  body.ptshell .claim-grid > * + * { margin-top: 0; }
  body.ptshell .claim-side > * + * { margin-top: 22px; }

  /* white light-2026 cards */
  body.ptshell .card {
    background: var(--l26-surface); border: 1px solid var(--l26-line); border-radius: 20px;
    box-shadow: var(--l26-shadow); padding: 26px 28px;
  }
  body.ptshell .ctitle { font-size: 17px; color: var(--l26-ink); margin-bottom: 18px; }
  body.ptshell .ctitle .ccount { color: var(--l26-muted); }

  /* soft inputs + orange focus */
  body.ptshell .field label { color: var(--l26-ink-2); }
  body.ptshell .fsel, body.ptshell .finp {
    background: var(--l26-fill); border-color: var(--l26-line); color: var(--l26-ink); border-radius: 12px;
  }
  body.ptshell .fsel:focus, body.ptshell .finp:focus {
    background: #fff; border-color: var(--sun-deep, #ef5f06); box-shadow: 0 0 0 3px rgba(242, 86, 11, .12);
  }
  body.ptshell .drop { background: var(--l26-fill); border-color: #D8DCE3; }
  body.ptshell .drop:hover { border-color: var(--sun, #ff7a1a); background: #FFF7F0; }

  /* claim rows: flat rows on the white card */
  body.ptshell .clm { border-color: var(--l26-line); border-radius: 14px; }
  body.ptshell .clmhd b { color: var(--l26-ink); }
  body.ptshell .clmdesc { color: var(--l26-ink-2); }
  body.ptshell .clmmeta { color: var(--l26-muted); }
  body.ptshell .clmmeta b { color: var(--l26-ink); }

  /* toast sits above the (absent) mobile bottom bar → nudge to corner */
  body.ptshell .clm-toast { bottom: 32px; left: auto; right: 32px; transform: translateY(16px); }
  body.ptshell .clm-toast.show { transform: translateY(0); }
}

/* ≥1120: a touch more side breathing room */
@media (min-width: 1120px) {
  body.ptshell main.page { max-width: 1100px; }
}