/* R30 — Leads list: priority groups first, compact top, filters/tools folded away. Last layer. Tokens only. */
.lf-top{display:flex;gap:8px;align-items:center;margin:0 0 10px}
.lf-top #q{flex:1 1 auto;min-width:0;min-height:44px;border-radius:12px;padding:0 14px;font-size:15px}
.lf-fb{flex:none;position:relative;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--c-white);color:var(--navy);font-weight:700;font-size:13.5px;cursor:pointer}
.lf-fb .li{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lf-fb[aria-expanded=true],.lf-fb.on{border-color:var(--sand);box-shadow:0 0 0 3px rgba(var(--c-sand-rgb),.22)}
.lf-fb b{min-width:18px;height:18px;border-radius:9px;background:var(--navy);color:var(--c-white);font-size:11px;display:grid;place-items:center}
@media(max-width:380px){.lf-fb span{display:none}}
.lf-panel{display:grid;gap:10px;margin:0 0 12px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--c-white)}
.lf-panel[hidden]{display:none!important}
.lf-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lf-grid>select{min-width:0;min-height:42px;border-radius:10px}
.lf-grid>span:empty{display:none}
.lf-grid>.btn{min-height:38px;font-size:12.5px}
@media(max-width:700px){.lf-grid.ag>.btn[data-act="export-csv"],.lf-grid.ag>.btn[data-act="copy-table"]{display:none}}
.lf-panel .smart-views,.lf-panel .coach,.lf-panel .sla-panel,.lf-panel .dist-panel{margin:0}
/* Group headers: solid brand bands — clearly not lead-card colours */
html body .list .lg{margin:0 0 12px}
html body .list .lg-h{min-height:58px;padding:0 14px;border:0;border-radius:14px;color:var(--c-white);background:linear-gradient(135deg,var(--navy),var(--c-starlight));box-shadow:0 4px 12px rgba(var(--c-starlight-rgb),.22)}
html body .list .lg-h b{color:inherit;font-size:15.5px;letter-spacing:.01em}
html body .list .lg-h .lg-t small{color:rgba(var(--c-white-rgb),.74)}
html body .list .lg-h .lg-ic{background:rgba(var(--c-white-rgb),.16);color:var(--c-white)}
html body .list .lg-h .lg-n{min-width:34px;padding:3px 11px;background:rgba(var(--c-white-rgb),.2);color:var(--c-white);font-weight:700;font-size:14px}
html body .list .lg-h .lg-chev{border-color:var(--c-white)}
html body .list .lg-urgent>.lg-h{background:linear-gradient(135deg,var(--sand),var(--c-sand));color:var(--navy)}
html body .list .lg-urgent>.lg-h .lg-t small{color:rgba(var(--c-starlight-rgb),.8)}
html body .list .lg-urgent>.lg-h .lg-ic{background:rgba(var(--c-starlight-rgb),.14);color:var(--navy)}
html body .list .lg-urgent>.lg-h .lg-n{background:var(--navy);color:var(--c-white)}
html body .list .lg-urgent>.lg-h .lg-chev{border-color:var(--navy)}
html body .list .lg-once>.lg-h{background:var(--c-starlight)}
html body .list .lg-twice>.lg-h{background:var(--c-n700)}
html body .list .lg-unassigned>.lg-h{background:var(--c-n600)}
html body .list .lg.open>.lg-h{box-shadow:0 6px 16px rgba(var(--c-starlight-rgb),.28)}
html body .list .lg-body{gap:8px;margin-top:8px;padding:0 2px}
/* Guiding motion: only groups that need action */
.lg-hot .lg-ic{animation:lfRing 1.9s ease-out infinite}
.lg-hot:not(.open) .lg-chev{animation:lfBob 1.3s ease-in-out infinite}
.lx-start{position:relative;overflow:visible!important;box-shadow:0 0 0 2px var(--sand),0 8px 20px rgba(var(--c-starlight-rgb),.14)}
.lx-startpill{position:absolute;top:-10px;inset-inline-start:14px;z-index:2;padding:2px 9px;border-radius:999px;background:var(--sand);color:var(--navy);font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;animation:lfFloat 1.7s ease-in-out infinite;pointer-events:none}
.lx-start .btn.call{animation:lfRing 1.9s ease-out infinite}
@keyframes lfRing{0%{box-shadow:0 0 0 0 rgba(var(--c-sand-rgb),.65)}80%,100%{box-shadow:0 0 0 11px rgba(var(--c-sand-rgb),0)}}
@keyframes lfBob{0%,100%{translate:0 0}50%{translate:0 4px}}
@keyframes lfFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.lg-hot .lg-ic,.lg-hot .lg-chev,.lx-startpill,.lx-start .btn.call{animation:none!important}}
body.motion-reduced .lg-hot .lg-ic,body.motion-reduced .lg-hot .lg-chev,body.motion-reduced .lx-startpill,body.motion-reduced .lx-start .btn.call{animation:none!important}