/* ============================================================
   Desktop layer — reflows the same components into a console.
   Only applies under body.view-desktop. Same tokens / feeling.
   ============================================================ */

body.view-desktop .desk-only{display:block}
body.view-desktop .scroll::-webkit-scrollbar{width:10px}

/* map-split is the shared flex container on the map screen */
.map-split{flex:1;display:flex;flex-direction:column;min-height:0;position:relative}
.bigmap{flex:1}

/* ---------------- HOME dashboard ---------------- */
body.view-desktop .home-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;padding:22px;align-items:start}
body.view-desktop .home-hero{grid-column:1/-1;margin:0}
body.view-desktop .home-hero h1{max-width:70%;font-size:26px}
body.view-desktop .home-quick{grid-column:1/-1;grid-template-columns:repeat(6,1fr);margin:0;padding:18px 14px}
body.view-desktop .home-map-col{grid-column:1;grid-row:3}
body.view-desktop .home-map-col .pad,body.view-desktop .home-stats-col .pad{padding:0}
body.view-desktop .home-stats-col{grid-column:1;grid-row:4;margin-top:4px}
body.view-desktop .home-cases-col{grid-column:2;grid-row:3 / span 2}
body.view-desktop .home-cases-col .pad{padding:0 0 8px}
body.view-desktop .minimap{height:320px}
body.view-desktop .stats{grid-template-columns:repeat(4,1fr)}
body.view-desktop .home-cases-col .cases{flex-direction:column;overflow:visible;padding:0;gap:11px}
body.view-desktop .home-cases-col .case{width:100%;flex:0 0 auto;display:flex;align-items:stretch}
body.view-desktop .home-cases-col .case .ph{width:118px;height:auto;flex-shrink:0;font-size:38px}
body.view-desktop .home-cases-col .case .body{flex:1}

/* ---------------- MAP console ---------------- */
body.view-desktop .map-split{flex-direction:row}
body.view-desktop .sheet{width:340px;flex-shrink:0;margin-top:0;border-radius:0;border-left:1px solid var(--line);
  box-shadow:none;overflow-y:auto;padding:14px 0}
body.view-desktop .sheet .acards{flex-direction:column;overflow:visible;padding:2px 14px}
body.view-desktop .sheet .acard{width:100%;flex:0 0 auto;display:flex;align-items:stretch}
body.view-desktop .sheet .acard .ph{width:104px;height:auto;flex-shrink:0;font-size:34px}
body.view-desktop .sheet .acard .b{flex:1}
body.view-desktop #s-map .chips{padding:12px 18px}

/* ---------------- ADD PET ---------------- */
body.view-desktop .add-wrap{max-width:720px;padding-top:14px}
body.view-desktop #s-add .submit-bar .dwrap{max-width:720px}

/* ---------------- CHAT two-pane ---------------- */
body.view-desktop #s-chat{flex-direction:row}
.chat-list-pane{display:flex;flex-direction:column;flex:1;min-height:0}
body.view-desktop .chat-list-pane{flex:0 0 360px;border-right:1px solid var(--line)}
body.view-desktop .chat-detail{position:relative!important;transform:none!important;visibility:visible!important;inset:auto;flex:1;z-index:1}

/* ---------------- IMPACT ---------------- */
body.view-desktop #s-impact .dwrap{max-width:1080px;padding:22px}
body.view-desktop .kpis{grid-template-columns:repeat(4,1fr)}
body.view-desktop .impact-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}

/* ---------------- PROFILE ---------------- */
body.view-desktop .prof-wrap{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;align-items:start;padding:22px;max-width:1040px}
body.view-desktop .prof-card{grid-column:1/-1;margin:0}
body.view-desktop .menu-card{grid-column:1;margin:0}
body.view-desktop .prof-side{grid-column:2}
body.view-desktop .prof-side .pad{padding:0 0 6px}
body.view-desktop .ach{padding:2px 0 4px;flex-wrap:wrap}
body.view-desktop .help-card{margin:14px 0 0}

/* responsive shrink: narrow desktop windows fall back to mobile frame look-free */
@media (max-width:1000px){
  body.view-desktop .home-grid{grid-template-columns:1fr}
  body.view-desktop .home-map-col,body.view-desktop .home-stats-col,body.view-desktop .home-cases-col{grid-column:1;grid-row:auto}
  body.view-desktop .prof-wrap{grid-template-columns:1fr}
  body.view-desktop .prof-card,body.view-desktop .menu-card,body.view-desktop .prof-side{grid-column:1}
  body.view-desktop .impact-row{grid-template-columns:1fr}
}