@font-face{font-family:AvenirNextLocal;src:local("Avenir Next");font-display:swap}
:root{--blue:#03363d;--blue-2:#0a4b53;--jet:#bdd9d7;--jet-pale:#edf5f4;--sand:#d8c9a8;--sand-pale:#f6f1e7;--ink:#062f35;--muted:#637c80;--danger:#bc4e45;--warning:#d59035;--success:#27806f}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{background:#f2f7f6;color:var(--ink);font-family:AvenirNextLocal,"Avenir Next",Inter,system-ui,sans-serif}
button,a{font:inherit}
.lead-wall{min-height:100vh;padding:clamp(1rem,2vw,2.25rem);background:radial-gradient(circle at 90% 5%,rgb(216 201 168 / 38%),transparent 28rem),linear-gradient(145deg,#f7fbfa,#e9f3f2)}
.lead-wall__header{display:grid;grid-template-columns:minmax(12rem,17rem) 1fr auto;align-items:center;gap:2rem;border-bottom:.4rem solid var(--sand);padding:1.25rem 1.5rem;background:var(--blue);color:#fff}
.lead-wall__brand{display:block;border-right:1px solid rgb(255 255 255 / 24%);padding-right:1.5rem}
.lead-wall__brand img{display:block;width:100%;max-height:4.4rem;filter:brightness(0) invert(1)}
.lead-wall__headline span,.lead-wall__urgent>span,.lead-wall__target span,.lead-wall__queue header span,.lead-wall__waiting>span{font-size:clamp(.65rem,.75vw,.85rem);font-weight:900;letter-spacing:.13em}
.lead-wall__headline h1{margin:.2rem 0;font-size:clamp(1.55rem,2.5vw,3.1rem);font-weight:900;line-height:1.05}
.lead-wall__headline p{margin:0;color:var(--jet);font-size:clamp(.8rem,1vw,1.1rem)}
.lead-wall__controls{display:grid;grid-template-columns:repeat(2,minmax(8rem,1fr));gap:.55rem}
.lead-wall__controls time{grid-column:1/-1;color:var(--jet);font-size:1.2rem;font-weight:850;text-align:right}
.lead-wall__controls button{min-height:2.8rem;border:1px solid var(--jet);padding:.5rem .75rem;background:transparent;color:#fff;font-weight:800;cursor:pointer}
.lead-wall__controls button.is-active{background:var(--sand);color:var(--blue);border-color:var(--sand)}
.lead-wall__hero{display:grid;grid-template-columns:minmax(18rem,.75fr) minmax(27rem,1.25fr);gap:1rem;margin-top:1rem}
.lead-wall__urgent,.lead-wall__target{min-height:13rem;border:1px solid rgb(3 54 61 / 16%);box-shadow:0 1rem 2.5rem rgb(3 54 61 / 8%)}
.lead-wall__urgent{display:grid;align-content:center;padding:1.4rem 1.7rem;border-left:.7rem solid var(--sand);background:#fff}
.lead-wall__urgent strong{margin:.1rem 0;color:var(--blue);font-size:clamp(4rem,8vw,8.5rem);font-weight:950;line-height:.86}
.lead-wall__urgent p{margin:.75rem 0 .15rem;font-size:1.15rem}.lead-wall__urgent small{color:var(--muted);font-size:.92rem}
.lead-wall__urgent.is-high{border-left-color:var(--warning);background:#fff8ed}.lead-wall__urgent.is-critical{border-left-color:var(--danger);background:#fff1ef;animation:attentionPulse 2.2s infinite}
@keyframes attentionPulse{50%{box-shadow:0 0 0 .45rem rgb(188 78 69 / 11%),0 1rem 2.5rem rgb(3 54 61 / 8%)}}
.lead-wall__target{display:grid;grid-template-columns:1fr 16rem;align-items:center;gap:2rem;padding:1.5rem 2rem;background:linear-gradient(105deg,var(--blue),var(--blue-2));color:#fff}
.lead-wall__target>div:first-child>strong{display:block;margin:.15rem 0;font-size:clamp(4rem,7vw,7.5rem);font-weight:950;line-height:.9}
.lead-wall__target p{margin:.8rem 0 0;color:var(--jet);font-size:1.15rem}
.lead-wall__progress{--progress:0;display:grid;width:13.5rem;height:13.5rem;place-content:center;border-radius:50%;background:radial-gradient(circle at center,var(--blue) 58%,transparent 59%),conic-gradient(var(--sand) calc(var(--progress)*1%),rgb(255 255 255 / 13%) 0);text-align:center}
.lead-wall__progress strong{font-size:2.25rem}.lead-wall__progress span{margin-top:.25rem;color:var(--jet);font-size:.78rem;letter-spacing:0}
.lead-wall__counters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;margin-top:1rem;border:1px solid rgb(3 54 61 / 14%);background:rgb(3 54 61 / 14%)}
.lead-wall__counters article{display:grid;gap:.2rem;min-width:0;padding:1rem 1.2rem;background:#fff}.lead-wall__counters span{color:var(--muted);font-size:.72rem;font-weight:850;text-transform:uppercase}.lead-wall__counters strong{font-size:clamp(1.8rem,3.4vw,3.4rem);line-height:1;color:var(--blue)}.lead-wall__counters small{color:#6a8184}.lead-wall__counters .is-call{background:var(--sand-pale)}.lead-wall__counters .is-voicemail{background:var(--jet-pale)}
.lead-wall__content{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(20rem,.65fr);gap:1rem;margin-top:1rem}
.lead-wall__queue,.lead-wall__waiting{border:1px solid rgb(3 54 61 / 16%);background:#fff;box-shadow:0 .8rem 2rem rgb(3 54 61 / 6%)}
.lead-wall__queue header{display:flex;align-items:end;justify-content:space-between;gap:1rem;border-bottom:.3rem solid var(--sand);padding:1rem 1.25rem}.lead-wall__queue h2,.lead-wall__waiting h2{margin:.2rem 0 0;font-size:1.45rem}.lead-wall__queue header>b{padding:.45rem .7rem;background:var(--jet-pale);color:var(--success);font-size:.75rem}.lead-wall__queue header>b.is-offline{background:#fff0ee;color:var(--danger)}
.lead-wall__queue-list{display:grid;max-height:32rem;overflow:auto}.lead-queue-row{display:grid;grid-template-columns:8.5rem minmax(12rem,1fr) 6rem 10rem;align-items:center;gap:1rem;padding:.8rem 1.25rem;border-bottom:1px solid rgb(3 54 61 / 11%)}.lead-queue-row:last-child{border-bottom:0}.lead-queue-row__code{font-weight:900}.lead-queue-row__product{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-queue-row__source{color:var(--muted);font-size:.78rem}.lead-queue-row__wait{justify-self:end;min-width:8rem;padding:.55rem .65rem;background:var(--jet-pale);font-weight:900;text-align:center}.lead-queue-row[data-urgency=medium] .lead-queue-row__wait{background:#fff4db;color:#936020}.lead-queue-row[data-urgency=high] .lead-queue-row__wait{background:#ffead2;color:#9b4d1e}.lead-queue-row[data-urgency=critical] .lead-queue-row__wait{background:#ffe2de;color:#9e342d}.lead-wall__empty{padding:3rem 1.5rem;text-align:center}.lead-wall__empty strong{display:block;color:var(--success);font-size:1.5rem}.lead-wall__empty span{color:var(--muted)}
.lead-wall__waiting{padding:1.25rem;border-top:.4rem solid var(--blue)}.lead-wall__waiting>div{display:grid;margin-top:1rem}.lead-wall__waiting>div p{display:grid;grid-template-columns:1rem 1fr auto;align-items:center;gap:.65rem;margin:0;padding:.7rem 0;border-bottom:1px solid rgb(3 54 61 / 10%)}.lead-wall__waiting i{width:.85rem;height:.85rem;border-radius:50%;background:var(--success)}.lead-wall__waiting i.is-medium{background:var(--sand)}.lead-wall__waiting i.is-high{background:var(--warning)}.lead-wall__waiting i.is-critical{background:var(--danger)}.lead-wall__waiting footer{margin-top:1.2rem;padding:1rem;background:var(--jet-pale)}.lead-wall__waiting footer p{margin:.35rem 0 0;color:var(--muted)}
.lead-wall__footer{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem;padding:.7rem 1rem;color:var(--muted);font-size:.75rem}.lead-wall__footer a{color:var(--blue);font-weight:850}
@media(max-width:1200px){.lead-wall__header{grid-template-columns:12rem 1fr}.lead-wall__controls{grid-column:1/-1;display:flex;justify-content:flex-end}.lead-wall__controls time{margin-right:auto}.lead-wall__counters{grid-template-columns:repeat(3,1fr)}.lead-wall__target{grid-template-columns:1fr 12rem}.lead-wall__progress{width:11rem;height:11rem}.lead-wall__content{grid-template-columns:1fr}}
@media(max-width:720px){.lead-wall{padding:.6rem}.lead-wall__header{grid-template-columns:1fr;gap:1rem}.lead-wall__brand{max-width:12rem;border-right:0}.lead-wall__controls{display:grid;grid-template-columns:1fr 1fr}.lead-wall__controls time{grid-column:1/-1;text-align:left}.lead-wall__hero{grid-template-columns:1fr}.lead-wall__target{grid-template-columns:1fr}.lead-wall__progress{width:10rem;height:10rem}.lead-wall__counters{grid-template-columns:repeat(2,1fr)}.lead-queue-row{grid-template-columns:1fr auto}.lead-queue-row__source{display:none}.lead-queue-row__wait{grid-column:2;grid-row:1/3}.lead-wall__footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.lead-wall__urgent.is-critical{animation:none}}