/* Compact, dense layout for Home + Leads (owner request: no clutter, no explanatory text, minimal gaps, guiding motion).
   Loaded LAST. Tokens only. Mobile first; desktop gets lighter tightening. */
/* ---------- shell (mobile): one slim header + one scrollable nav strip ---------- */
@media (max-width:760px){
  header.top{padding:6px 8px;gap:6px;row-gap:4px;align-items:center}
  html body header.top .lg-h{display:none}header.top .lg-s{height:28px;width:auto}
  html body header.top .hd small,header.top .me>span,header.top .me .hk{display:none}
  html body header.top .empchip{min-height:36px;padding:0 8px}
  html body header.top .me button{min-height:32px;padding:0 10px;font-size:var(--fs-sm)}
  html body header.top nav{display:flex;flex:1 0 100%;order:9;gap:4px;overflow-x:auto;scrollbar-width:none;padding:0;margin:0}
  html body header.top nav::-webkit-scrollbar{display:none}
  html body header.top nav button{flex:none;width:auto;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 12px;font-size:var(--fs-sm);white-space:nowrap;border-radius:var(--rd-pill)}
  html body header.top nav button::before{width:16px;height:16px;flex:none;margin:0}
}
/* ---------- Leads ---------- */
@media (max-width:760px){
  main{padding-top:8px}
  .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 6px}
  .kpis .kpi{padding:6px 4px;min-height:0;border-radius:var(--rd-sm);text-align:center;gap:0}
  .kpis .kpi::before,.kpis .kpi::after{display:none}
  .kpis .kpi b{font-size:var(--fs-xl);line-height:1.1}
  .kpis .kpi span{font-size:10.5px;line-height:1.15}
  .sla-panel{padding:4px 8px;margin:0 0 6px;border-radius:var(--rd-sm)}
  .sla-panel>b,.sla-panel>p{display:none}
  .sla-panel .sla-metrics{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:11px;margin:0}
  .sla-panel .sla-metrics span{padding:0;border:0;background:none}
  .dist-panel{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 8px;margin:0 0 6px;min-height:0}
  .dist-panel>p{display:none}.dist-panel>b{font-size:var(--fs-sm)}.dist-panel .btn{min-height:30px;padding:0 10px;font-size:var(--fs-sm)}
  .smart-views{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:0;margin:0 0 6px;background:none;border:0;box-shadow:none}
  .smart-views::-webkit-scrollbar{display:none}
  .smart-views-head,.smart-view-grid{display:contents}
  .smart-views-head>b{display:none}
  .smart-views-head .btn{order:99;flex:none;min-height:30px;padding:0 10px;font-size:var(--fs-sm)}
  .smart-view{flex:none;min-height:30px;padding:0 10px;font-size:var(--fs-sm)}
  .bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 6px;padding:0}
  .bar #q{grid-column:1/-1;min-height:38px}
  .bar select{min-height:36px;padding:0 6px;font-size:var(--fs-sm)}
  .bar .btn{min-height:30px;padding:0 4px;font-size:var(--fs-sm)}
  .search-status{font-size:11px;margin:0 0 4px;min-height:0}
  .list{gap:6px}
  .lead{padding:8px 10px;gap:4px 8px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who spec" "tags st" "acts acts" "quick quick";border-radius:var(--rd-md)}
  .lead .who{grid-area:who}.lead .spec{grid-area:spec}.lead .tags{grid-area:tags;order:0;gap:4px}.lead .st{grid-area:st;order:0;text-align:end}
  .lead .acts{grid-area:acts;order:0;gap:6px}.lead .acts .btn{min-height:34px;font-size:var(--fs-sm);padding:0 8px}
  html body .lead .tags{flex-wrap:nowrap;overflow:hidden;min-width:0}html body .lead .tags .tag{font-size:11px;padding:2px 7px;min-height:0;height:auto;white-space:nowrap;flex:none}
  .lead .quick{grid-area:quick;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0;padding:0;border:0}
  .lead .quick::-webkit-scrollbar{display:none}
  .lead .quick .q{flex:none;min-height:28px;padding:0 10px;font-size:11.5px;white-space:nowrap;width:auto;border-radius:var(--rd-pill)}
  .lead .tags [title="Data completeness"],.lead .tags .nx-why{display:none}
  .lead .bulk-pick{position:absolute;top:8px;right:58px;font-size:0;margin:0;gap:0}.lead:has(.bulk-pick) .who{padding-right:30px}
  .lead{position:relative}
  html body .lead .l1{font-size:13px;-webkit-line-clamp:1;line-clamp:1}
}
/* ---------- Home ---------- */
@media (max-width:760px){
  .hx-hero{padding:12px;gap:8px;border-radius:var(--rd-md)}
  .hx-aurora,.hx-hello>p,.hx-wave{display:none}
  .hx-hello{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center}
  .hx-hello .hx-av{grid-row:1/3;width:40px;height:40px}.hx-hello .hx-av .hx-role{display:none}
  .hx-hello h1{font-size:var(--fs-lg);margin:0}
  .hx-hello .hx-ring{grid-column:2;margin:0;padding:4px 8px}
  .hx-tools{gap:6px}.hx-tools .hx-search{min-height:36px}.hx-tools .hx-date,.hx-tools .hx-guidebtn,.hx-tools [data-hx-wow=focus]{display:none}
  .hx-tools .hx-iconbtn{width:36px;height:36px}
  .hx-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:8px 0}
  .hx-kpi{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 8px;padding:8px 10px;min-height:0;border-radius:var(--rd-md)}
  .hx-kpi .hx-kpi-ic{grid-row:1/3;width:30px;height:30px}
  .hx-kpi .hx-kpi-l{font-size:11px;line-height:1.2;grid-column:2}.hx-kpi .hx-info,.hx-kpi>small,.hx-kpi>svg,.hx-kpi .hx-prog,.hx-kpi .hx-delta{display:none}
  .hx-kpi>b{font-size:var(--fs-2xl);line-height:1;grid-column:2}
  .hx-kpis .hx-kpi:last-child:nth-child(odd){grid-column:1/-1}
  html body .hx-team .hx-table tbody tr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:2px 6px;padding:6px 0}
  html body .hx-team .hx-table td{display:flex;flex-direction:column;align-items:flex-start;padding:0;border:0;font-size:12px;min-width:0}
  html body .hx-team .hx-table td::before{font-size:10px;margin:0}
  html body .hx-team .hx-table td.n{grid-column:1/-1;flex-direction:row;align-items:center;gap:8px}
  html body .hx-team .hx-table td.n::before{display:none}
  .hx-grid-a,.hx-grid-b{gap:8px}
  .hx-card,.hx-urgent{padding:10px;border-radius:var(--rd-md);margin-bottom:8px}
  .hx-gcard,.hx-checklist,.hx-quick,.hx-guide{display:none}
  .hx-card h2,.hx-card h3,.hx-urgent h2,.hx-recent h2{font-size:var(--fs-md);margin:0 0 6px}
  .hx-card p.hx-sub,.hx-card>header small,.hx-urgent>header small{display:none}
  .hx-recent .hx-tw>*:nth-child(n+7){display:none}
  .hx-urg-grid>*:nth-child(n+5){display:none}
}
/* ---------- guiding motion: three soft pulses on the single most important thing, then stop ---------- */
@keyframes cmpPulse{0%{box-shadow:0 0 0 0 rgba(var(--c-danger-rgb),.35)}70%{box-shadow:0 0 0 8px rgba(var(--c-danger-rgb),0)}100%{box-shadow:0 0 0 0 rgba(var(--c-danger-rgb),0)}}
@keyframes cmpNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
.hx-kpi.t-red{animation:cmpPulse 1.8s var(--ease) .6s 3}
.kpis .kpi:nth-child(2):not(.on) b{animation:cmpPulse 1.8s var(--ease) .6s 3;border-radius:var(--rd-sm)}
.list .lead:first-child .tag.cs-none{animation:cmpPulse 1.8s var(--ease) 1s 3}
.list .lead:first-child .acts .call{animation:cmpNudge 1.2s var(--ease) 1.4s 2}
@media (prefers-reduced-motion:reduce){.hx-kpi.t-red,.kpis .kpi b,.list .lead .tag.cs-none,.list .lead .acts .call{animation:none!important}}
/* ---------- desktop: lighter tightening ---------- */
@media (min-width:761px){
  .sla-panel>p,.dist-panel>p,.sla-panel>b,.smart-views-head>b{display:none}
  .sla-panel,.dist-panel{display:flex;align-items:center;gap:12px;padding:6px 12px;margin:0 0 8px;min-height:0}
  .dist-panel>b{font-size:var(--fs-sm)}.dist-panel .btn{min-height:30px;padding:0 12px;font-size:var(--fs-sm)}
  .smart-views{display:flex;align-items:center;gap:8px;padding:6px 12px;margin:0 0 8px}
  .smart-views-head{display:contents}.smart-views-head .btn{order:99;margin-inline-start:auto;min-height:30px;padding:0 12px;font-size:var(--fs-sm)}
  .smart-view-grid{display:flex;gap:6px;flex-wrap:wrap}.smart-view{min-height:30px}
  .bar{display:flex;flex-wrap:nowrap;gap:6px;margin:0 0 6px}.bar #q{flex:1 1 auto;min-width:0}.bar select{flex:none;width:auto}.bar .btn{flex:none;min-height:36px;padding:0 10px;width:auto}
  .kpis{gap:8px;margin-bottom:8px}.kpis .kpi{padding:8px 12px}
  .lead{padding:8px 12px}.lead .quick .q{min-height:28px;padding:0 10px;font-size:12px}
}