/* ============================================================================
   profile.desktop.css — DESKTOP / TABLET · light-2026 (loaded via media ≥768)
   Mobile Source-of-Truth is never touched by this file. Direction reference =
   account-hub (approved): light neutral canvas, soft white cards w/ NEUTRAL
   borders (not coffee), soft inputs, no dark/colored hero. Layout + skin only.
   ============================================================================ */

/* desktop navigates via the shared AppShell sidebar → hide the mobile back button */
.page-header .ib{display:none}

@media (min-width:768px){
  body.ptshell{background:#F4F5F7}
  main.page{max-width:1080px;margin-inline:auto;padding:8px 24px 40px}

  /* light-2026 cards: white · neutral hairline · soft shadow */
  main.page>.card{
    background:#fff;border:1px solid #E8EAEF;border-radius:18px;
    box-shadow:0 18px 44px -30px rgba(20,25,35,.22);padding:22px 24px;
  }
  .card .title{font-size:15.5px;margin-bottom:16px;color:#181A1D}

  /* softer, modern inputs */
  .field{margin-bottom:16px}
  .field label{color:#565C64}
  .field input,.field select{
    background:#F7F8FA;border:1px solid #E8EAEF;border-radius:12px;padding:13px 15px;color:#181A1D;
    transition:border-color .12s,box-shadow .12s,background .12s;
  }
  .field input:focus,.field select:focus{background:#fff;border-color:var(--cta,#EF5F06);box-shadow:0 0 0 3px rgba(242,86,11,.12)}

  /* identity summary card */
  .pfhead{padding:8px 0 4px}
  .pfav{width:104px;height:104px;border:3px solid #fff;outline:1px solid #EDEFF3;box-shadow:0 16px 34px -18px rgba(20,25,35,.3)}
  .pfav>svg{width:56px;height:56px}
  .pfcam{width:34px;height:34px}
  .pfname{font-size:21px;margin-top:12px;color:#181A1D}
  .pfmeta{font-size:12.5px}

  /* account-settings rows: flat, hover, neutral divider */
  .navrow{border-radius:12px;padding:14px 12px;border-bottom:1px solid #F0F1F4;transition:background .12s}
  .navrow:last-child{border-bottom:none}
  .navrow:hover{background:#F7F8FA}
  .navrow .ni{background:#F4F5F7;color:var(--cta-deep,#EF5F06)}

  /* save = content-width CTA, not a full-bleed block */
  main.page .btn.sun{display:inline-flex;width:auto;min-width:220px;align-items:center;justify-content:center}
}

/* ≥1024: two-column dashboard — identity (sticky) left · form/save/settings right */
@media (min-width:1024px){
  main.page{
    display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);
    gap:20px;align-items:start;
  }
  main.page>.card{margin-top:0}
  main.page>.card:nth-of-type(1){grid-column:1;grid-row:1;position:sticky;top:96px}  /* identity */
  main.page>.card:nth-of-type(2){grid-column:2;grid-row:1}  /* personal info    */
  main.page>.card:nth-of-type(3){grid-column:2;grid-row:2}  /* save             */
  main.page>.card:nth-of-type(4){grid-column:2;grid-row:3}  /* account settings */
}