/* Leads: contact-status groups, cards that expand in place, redesigned lead drawer */
html body .list .lg{display:block;margin:0 0 10px}
.lg-h{width:100%;display:flex;align-items:center;gap:10px;min-height:50px;padding:0 14px;border:1px solid var(--line);border-radius:14px;background:var(--card,#fff);cursor:pointer;font:600 15px 'Josefin Sans','Cairo',sans-serif;color:var(--navy);text-align:start}
.lg-h b{flex:1;font-weight:600}
.lg-dot{width:10px;height:10px;border-radius:50%;flex:none;background:var(--c-n300,#9aa7b8)}
.lg-none .lg-dot{background:var(--c-danger,#c0392b)}.lg-once .lg-dot{background:var(--c-warning,#d9a400)}.lg-twice .lg-dot{background:var(--c-success,#2e9e5b)}
.lg-n{min-width:30px;padding:2px 10px;border-radius:999px;background:var(--c-n100,#eef1f6);font-size:13px;text-align:center}
.lg-chev{width:8px;height:8px;border-inline-end:2px solid var(--mut);border-bottom:2px solid var(--mut);transform:rotate(-45deg);transition:transform .2s}
.lg.open .lg-chev{transform:rotate(45deg)}
.lg-body{display:grid;gap:8px;margin-top:8px}
html body .lead.lx{display:block;padding:0;overflow:hidden}
.lx-head{display:flex;align-items:flex-start;gap:6px;padding:12px 6px 12px 14px}
.lx-main{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;cursor:pointer}
.lx-main .ll{grid-column:1;grid-row:1}.lx-main .spec{grid-column:2;grid-row:1}
.lx-meta{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
html body .lx .bulk-pick{position:static;margin:0;align-self:center;font-size:0}
.lx-chev{flex:none;width:40px;height:40px;border:0;background:transparent;position:relative;cursor:pointer;align-self:center}
.lx-chev::after{content:'';position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-6px 0 0 -4px;border-right:2px solid var(--mut);border-bottom:2px solid var(--mut);transform:rotate(45deg);transition:transform .2s}
.lead.open .lx-chev::after{transform:rotate(225deg);margin-top:-2px}
.lx-panel{border-top:1px dashed var(--line);padding:12px 14px 14px;display:grid;gap:12px}
.lx-facts,.dx-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}
.lx-f small,.dx-f small,.dx-tile small{display:block;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--mut)}
.lx-f b,.dx-f b{font-weight:600;font-size:14px;word-break:break-word}
.lx-f.w,.dx-f.w{grid-column:1/-1}
.lx-acts{display:flex;gap:8px}.lx-acts .btn{flex:1;min-height:44px}
.lx-out,.dx-out{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lx-out .q,.dx-out .q{min-height:44px;white-space:normal;text-align:center}
/* drawer: stop sideways overflow (the cause of the shifted header) */
html body .dr{overflow-x:hidden}
.dr .b{padding:0 0 6px}
.dr input,.dr select,.dr textarea{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.dr input[type=datetime-local],.dr input[type=date]{-webkit-appearance:none;appearance:none;display:block;min-height:44px}
.dr .grid2>*,.dx-grid>*,.dx-dates>*{min-width:0}
.dr .pills.path{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.dr .pills.path .pill{flex:none}
.dx-hero{padding:14px 16px 4px;display:grid;gap:12px}
.dx-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.dx-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dx-tile{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--c-n50,#f7f9fc);min-width:0}
.dx-tile b{display:block;font-size:17px;color:var(--navy);margin-top:2px;overflow-wrap:anywhere}
.dx-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px;color:var(--mut)}
.dx-card{margin:12px 16px;border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:8px}
.dx-card h4{margin:0;display:flex;justify-content:space-between;align-items:center;font:700 15px 'Josefin Sans','Cairo',sans-serif;color:var(--navy)}
.dx-card label{margin:4px 0 0}
.dx-mgr{border-color:var(--sand,#c9a46a);background:var(--c-n50,#f7f9fc)}
.dx-dates{display:grid;grid-template-columns:1fr;gap:6px}
@media(min-width:420px){.dx-dates{grid-template-columns:1fr 1fr;gap:12px}}
.dx-due{font:700 11.5px 'Source Sans 3',sans-serif;padding:3px 9px;border-radius:999px;background:var(--c-danger-soft,#fde8e6);color:var(--c-danger,#c0392b)}
.dx-hint{color:var(--mut);font-size:12.5px}
.dx-sec summary span{display:inline-flex;align-items:center;gap:8px}
.dx-sec summary em{font-style:normal;font-size:12px;padding:1px 9px;border-radius:999px;background:var(--c-n100,#eef1f6)}
.dx-sec .sb{padding:0 0 14px}
.dx-secs{padding:0 16px;margin-top:6px}

/* ===== D05: icons, guidance, motion ===== */
.li{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:-3px}
/* group headers */
.lg-h{gap:12px;min-height:58px;transition:background .2s,box-shadow .2s}
.lg-h:active{transform:scale(.99)}
.lg-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:none;background:var(--c-n100,#eef1f6);color:var(--navy)}
.lg-none .lg-ic{background:var(--c-danger-soft,#fde8e6);color:var(--c-danger,#c0392b)}
.lg-once .lg-ic{background:var(--c-warning-soft,#fff3d6);color:var(--c-warning,#a77c00)}
.lg-twice .lg-ic{background:var(--c-success-soft,#e1f5ea);color:var(--c-success,#1f7d49)}
.lg-t{flex:1;display:grid;gap:1px;min-width:0}.lg-t b{flex:none}.lg-t small{font:400 12px 'Source Sans 3',sans-serif;color:var(--mut)}
.lg.open>.lg-h{box-shadow:0 4px 14px rgba(15,35,70,.08)}
.lg-body{animation:lxFade .22s ease-out}
/* card */
.lx{border-inline-start:4px solid transparent;transition:box-shadow .2s,border-color .2s}
.lx.st-none{border-inline-start-color:var(--c-danger,#c0392b)}.lx.st-once{border-inline-start-color:var(--c-warning,#d9a400)}.lx.st-twice{border-inline-start-color:var(--c-success,#2e9e5b)}.lx.st-unassigned{border-inline-start-color:var(--c-n300,#9aa7b8)}
.lx.open{box-shadow:0 8px 24px rgba(15,35,70,.12)}
.lx-head{align-items:center;padding:12px 6px 12px 10px}
.lx-av{width:42px;height:42px;border-radius:50%;flex:none;display:grid;place-items:center;font:700 14px 'Josefin Sans','Cairo',sans-serif;color:var(--navy);background:var(--c-n100,#eef1f6);letter-spacing:.5px}
.st-none>.lx-head .lx-av,.dh-av.st-none{background:var(--c-danger-soft,#fde8e6);color:var(--c-danger,#c0392b)}
.st-once>.lx-head .lx-av,.dh-av.st-once{background:var(--c-warning-soft,#fff3d6);color:var(--c-warning,#8a6700)}
.st-twice>.lx-head .lx-av,.dh-av.st-twice{background:var(--c-success-soft,#e1f5ea);color:var(--c-success,#1f7d49)}
.age{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;color:var(--mut);padding:2px 8px;border-radius:999px;background:var(--c-n100,#eef1f6)}
.age .li{width:12px;height:12px;vertical-align:-1px}.age.old{background:var(--c-warning-soft,#fff3d6);color:var(--c-warning,#8a6700)}
.lx-panel{animation:lxIn .24s cubic-bezier(.2,.8,.2,1);transform-origin:top}
.lx-panel>*{animation:lxFade .3s ease-out both}.lx-panel>:nth-child(2){animation-delay:.04s}.lx-panel>:nth-child(3){animation-delay:.08s}.lx-panel>:nth-child(4){animation-delay:.12s}.lx-panel>:nth-child(5){animation-delay:.16s}
.lx-f{display:flex;gap:8px;align-items:flex-start;min-width:0}.lx-f>div{min-width:0}
.lx-fi{width:28px;height:28px;border-radius:9px;background:var(--c-n50,#f4f7fb);display:grid;place-items:center;color:var(--c-blue,#2f6fe4);flex:none}.lx-fi .li{width:15px;height:15px}
.lx-ot{font:700 12px 'Source Sans 3',sans-serif;text-transform:uppercase;letter-spacing:.5px;color:var(--mut);margin-bottom:-4px}
.lx-acts .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.lx-acts .btn .li{width:16px;height:16px}
/* guidance strip */
.gd{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--c-n50,#f4f7fb);color:var(--navy);font-size:13.5px;font-weight:600;line-height:1.35}
.gd .li{width:20px;height:20px}
.gd.now{background:#e8f0ff;color:#1c4fb8}.gd.late{background:var(--c-danger-soft,#fde8e6);color:var(--c-danger,#b3261e)}.gd.warn{background:var(--c-warning-soft,#fff3d6);color:var(--c-warning,#8a6700)}.gd.ok{background:var(--c-success-soft,#e1f5ea);color:var(--c-success,#1f7d49)}.gd.mut{color:var(--mut)}
.gd.late .li,.gd.now .li{animation:lxRing 1.8s ease-in-out infinite}
.dx-gd{padding:0 16px 4px}
/* outcomes: colored icon buttons */
.q .li{width:17px;height:17px}
.lx-out .q,.dx-out .q,.sh-g .q{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;font-size:13.5px}
.q.o-noans .li{color:#c0392b}.q.o-contacted .li{color:#1f7d49}.q.o-options .li{color:#2f6fe4}.q.o-viewing .li{color:#7a4fd0}.q.o-tomorrow .li{color:#b07a00}.q.o-lost .li{color:#c0392b}
.q.o-contacted:active,.q.o-noans:active,.q.o-options:active,.q.o-viewing:active,.q.o-tomorrow:active,.q.o-lost:active{transform:scale(.96)}
/* first-run coach */
.coach{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;margin:0 0 10px;border-radius:14px;background:linear-gradient(135deg,#eaf1ff,#f6f9ff);border:1px solid #cfe0ff;color:var(--navy);animation:lxFade .4s ease-out}
.coach-ic{width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--c-blue,#2f6fe4);flex:none;animation:lxBob 2s ease-in-out infinite}
.coach>div{flex:1;display:grid;gap:2px;font-size:13px;line-height:1.4}.coach b{font-size:14px}
.coach-x{border:0;background:var(--navy);color:#fff;border-radius:999px;padding:7px 14px;font-weight:700;font-size:12.5px;cursor:pointer;align-self:center}
/* pulse on the recommended call */
.btn.call.pulse{animation:lxPulse 2s ease-out infinite}
/* drawer */
.dh{display:flex;gap:12px;align-items:center;min-width:0}.dh>div{min-width:0}.dh h3{margin:0;overflow-wrap:anywhere}
.dh-av{width:46px;height:46px;background:rgba(255,255,255,.16);color:#fff}
.dx-tile{display:flex;gap:10px;align-items:center}.dx-tile>div{min-width:0;flex:1}
.dx-ti{width:34px;height:34px;border-radius:10px;background:#fff;display:grid;place-items:center;color:var(--c-blue,#2f6fe4);flex:none;box-shadow:0 1px 3px rgba(15,35,70,.1)}
.dx-meta span{display:inline-flex;align-items:center;gap:5px}.dx-meta .li{width:14px;height:14px}
.dx-card h4 span{display:inline-flex;align-items:center;gap:8px}.dx-card h4 .li{color:var(--c-blue,#2f6fe4)}
.dx-step{font:700 11.5px 'Source Sans 3',sans-serif;color:var(--mut)!important;background:var(--c-n100,#eef1f6);padding:3px 9px;border-radius:999px}
.dx-fu{display:flex;gap:6px;flex-wrap:wrap}.dx-fu .q{min-height:34px;font-size:12.5px}
.pill.done{background:var(--c-success-soft,#e1f5ea);color:var(--c-success,#1f7d49);border-color:transparent}
.pill.done::before{content:'✓ ';font-weight:700}
.pill.on{animation:lxPop .35s cubic-bezier(.2,.9,.3,1.4)}
.dx-sec summary span .li{color:var(--c-blue,#2f6fe4)}
.dx-hero,.dx-gd,.dx-card,.dx-secs{animation:lxFade .35s ease-out both}
.dx-gd{animation-delay:.05s}.dx-card:nth-of-type(1){animation-delay:.08s}.dx-card:nth-of-type(2){animation-delay:.12s}.dx-card:nth-of-type(3){animation-delay:.16s}.dx-secs{animation-delay:.2s}
.sticky .btn.s.dirty{animation:lxPulse 1.6s ease-out infinite;background:var(--sand,#c9a46a)}
.sticky .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}
/* popup sheets (loss reason / follow-up date) */
.gs-g{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 10px}
.gs-opt{min-height:52px;border:1px solid var(--line);border-radius:12px;background:var(--c-n50,#f7f9fc);padding:8px 10px;font-weight:600;font-size:14px;color:var(--navy);cursor:pointer;display:grid;gap:2px;text-align:center;transition:transform .12s,border-color .15s,background .15s}
.gs-opt small{font-weight:400;color:var(--mut);font-size:11.5px}
.gs-opt:active{transform:scale(.97)}.gs-opt.on{border-color:var(--navy);background:#e8f0ff;box-shadow:0 0 0 2px rgba(31,64,140,.15)}
.gs-note{width:100%;min-height:70px;margin:0 0 10px;box-sizing:border-box}
.gs-ok{width:100%;margin-top:8px}.gs-ok.bad{background:var(--c-danger,#c0392b);color:#fff}.gs-ok:disabled{opacity:.45}
.gs input[type=date]{width:100%;box-sizing:border-box;min-height:44px}
@keyframes lxIn{from{opacity:0;transform:translateY(-6px) scaleY(.96)}to{opacity:1;transform:none}}
@keyframes lxFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes lxPulse{0%{box-shadow:0 0 0 0 rgba(47,111,228,.5)}70%,100%{box-shadow:0 0 0 12px rgba(47,111,228,0)}}
@keyframes lxRing{0%,100%{transform:rotate(0)}10%,30%{transform:rotate(-14deg)}20%,40%{transform:rotate(14deg)}50%{transform:rotate(0)}}
@keyframes lxBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes lxPop{0%{transform:scale(.85)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.lx-panel,.lx-panel>*,.lg-body,.coach,.coach-ic,.btn.call.pulse,.gd .li,.pill.on,.dx-hero,.dx-gd,.dx-card,.dx-secs,.sticky .btn.s.dirty{animation:none!important}}
body.motion-reduced .lx-panel,body.motion-reduced .lx-panel>*,body.motion-reduced .lg-body,body.motion-reduced .coach,body.motion-reduced .coach-ic,body.motion-reduced .btn.call.pulse,body.motion-reduced .gd .li,body.motion-reduced .pill.on,body.motion-reduced .dx-hero,body.motion-reduced .dx-gd,body.motion-reduced .dx-card,body.motion-reduced .dx-secs{animation:none!important}

/* ===== D08: compact card — actions always visible, details + top-3 matches on expand ===== */
#bhMiniBar{display:none!important} /* BrokerHub's slim bar has no styles in this app and leaked into other pages */
.lx-acts{display:flex;gap:8px;padding:0 12px 12px 14px}
.lx-acts .btn{flex:1;min-height:38px;padding:0 8px;font-size:13.5px;gap:6px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.lx-acts .btn .li,.lx-acts .btn svg{width:16px;height:16px}
.lx-acts .btn.ed{flex:.8}
.lx-panel{gap:10px;padding:10px 14px 12px}
.lx-d{display:flex;gap:6px 14px;overflow-x:auto;scrollbar-width:none;white-space:nowrap;font-size:13px;color:var(--navy)}.lx-d::-webkit-scrollbar{display:none}
.lx-d:empty{display:none}
.lx-it{display:inline-flex;align-items:center;gap:5px;flex:none}.lx-it .li{width:14px;height:14px;color:var(--c-blue,#2f6fe4)}
.lx-mt{display:grid;gap:6px}
.lx-mh{display:flex;align-items:center;gap:6px;font:700 12px 'Source Sans 3',sans-serif;text-transform:uppercase;letter-spacing:.5px;color:var(--mut)}.lx-mh .li{width:14px;height:14px}
.lx-mrows{display:grid;gap:6px}
.lm-r{display:flex;align-items:center;gap:10px;width:100%;min-height:50px;padding:7px 10px;border:1px solid var(--line);border-radius:12px;background:var(--c-n50,#f7f9fc);text-align:start;cursor:pointer;color:var(--navy)}
.lm-r:active{transform:scale(.99)}
.lm-tag{flex:none;font:700 10.5px 'Source Sans 3',sans-serif;text-transform:uppercase;padding:3px 7px;border-radius:999px;background:#e1f5ea;color:#1f7d49}
.lm-flexible .lm-tag{background:#fff3d6;color:#8a6700}.lm-alternative .lm-tag{background:#e8f0ff;color:#1c4fb8}.lm-reserved .lm-tag{background:#eee;color:#666}
.lm-i{flex:1;min-width:0;display:grid;gap:1px}.lm-i b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lm-i small{font-size:12px;color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lm-p{flex:none;font-weight:700;font-size:15px;text-align:end;display:grid;line-height:1.1}.lm-p small{font-size:10.5px;font-weight:600;color:var(--mut)}
.lm-off{font-style:normal;font-size:10px;font-weight:700;color:#c0392b}
.lm-empty{font-size:13px;color:var(--mut);padding:6px 2px}
.lm-sk{height:50px;border-radius:12px;background:linear-gradient(90deg,#eef1f6 25%,#f7f9fc 50%,#eef1f6 75%);background-size:200% 100%;animation:lmSk 1.2s linear infinite}
@keyframes lmSk{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.lm-sk{animation:none}}