:root{--blue:#0038B8;--b50:#F0F4FF;--b100:#DBE6FF;--white:#fff;--ink:#0F1419;--soft:#4B5359;--muted:#6B7280;--line:#E5E1D8;--paper:#F7F5F0;--green:#25D366;--display:Poppins,Inter,sans-serif;--body:Inter,sans-serif;--mono:"JetBrains Mono",monospace}*{box-sizing:border-box}body{background:#fff;color:var(--ink);font-family:var(--body);margin:0}.topbar{align-items:center;border-bottom:1px solid var(--line);display:flex;height:68px;justify-content:space-between;padding:0 28px}.brand{align-items:center;display:flex;font:700 17px var(--display);gap:10px}.brand img{height:40px;width:40px}.topbar nav{align-self:stretch;display:flex;gap:32px}.topbar nav a{align-items:center;color:var(--soft);display:flex;font-size:11px}.topbar nav .active{border-bottom:2px solid var(--blue);color:var(--blue);font-weight:700}.utilities{color:var(--soft);font-size:14px}.utilities b{background:var(--blue);border-radius:50%;color:#fff;font:500 9px var(--mono);padding:7px}.page{padding:22px 28px 0}.title{align-items:end;display:flex;justify-content:space-between}.title h1{font:700 29px/1 var(--display);letter-spacing:-.055em;margin:0}.title p{color:var(--muted);font-size:11px;margin:6px 0 15px}.title>button{background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:10px;padding:8px 12px}.layout{border-top:1px solid var(--line);display:grid;grid-template-columns:2fr 1fr;margin:0 -28px}.gridwrap{padding:20px 28px}.agent-grid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.agent-card{background:#fff;border:1px solid var(--line);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;min-height:164px;padding:13px;text-align:left}.agent-card.is-selected{border:2px solid var(--blue);box-shadow:0 7px 19px -15px #0038b8}.agent-card__head{align-items:center;display:flex;gap:9px}.avatar{align-items:center;background:var(--b50);border:2px solid var(--blue);border-radius:50%;color:var(--blue);display:flex;flex:none;font:700 13px var(--mono);height:50px;justify-content:center;position:relative;width:50px}.avatar i{background:var(--green);border:2px solid #fff;border-radius:50%;bottom:-1px;height:11px;position:absolute;right:-1px;width:11px}.avatar--large{font-size:21px;height:78px;width:78px}.name-line{align-items:center;display:flex;gap:6px}.name-line h3{font:600 16px/1 var(--display);letter-spacing:-.04em;margin:0}.name-line+.x{}.agent-card__head p{color:var(--muted);font-size:9px;line-height:1.25;margin:4px 0 0}.live{background:var(--green);border-radius:50%;height:8px;width:8px}.badge{align-self:flex-start;border-radius:999px;font:500 8px var(--mono);margin:8px 0 0;padding:3px 6px}.operacional{background:#25d3661e;color:#168a46}.piloto{background:var(--b50);color:var(--blue)}.incubacao{background:#f1eaff;color:#713bc2}.especialista{background:#f1eaff;color:#713bc2}.wave,.big-wave{color:var(--blue);letter-spacing:2px}.wave{font-size:14px;margin:6px 0 5px}.tools{display:flex;gap:3px}.tools span{border:1px solid var(--line);border-radius:3px;color:var(--soft);font-size:7px;padding:3px}.actions{border-top:1px solid var(--line);color:var(--blue);display:grid;font-size:8px;gap:4px;grid-template-columns:1fr 1fr;margin-top:auto;padding-top:8px}.actions span{border:1px solid var(--b100);border-radius:3px;padding:6px 2px;text-align:center}.actions span:last-child{border-color:var(--line);color:var(--muted)}#agent-count{color:var(--muted);font:500 9px var(--mono);margin:20px 0 0;text-align:center}#drawer{border-left:1px solid var(--line)}.drawer{padding:20px;position:sticky;top:0}.close{background:transparent;border:0;color:var(--muted);font-size:20px;position:absolute;right:15px;top:15px}.drawer__intro{align-items:center;display:flex;gap:13px}.eyebrow{color:var(--green);font-size:9px;margin:0 0 5px}.drawer h2{font:700 26px/1 var(--display);letter-spacing:-.05em;margin:0}.drawer__intro p:last-child{color:var(--muted);font-size:10px;margin:5px 0}.detail{color:var(--soft);font-size:11px;line-height:1.55}.cap{background:#fff;border:1px solid var(--blue);border-radius:4px;color:var(--blue);font-size:9px;font-weight:700;padding:7px 10px}.voice{border:1px solid var(--line);border-radius:8px;margin:18px 0;padding:12px}.voice header{display:flex;justify-content:space-between}.voice strong{font-size:11px}.voice header span{background:#e8fff0;border:1px solid #b6f2c8;border-radius:4px;color:#178a46;font-size:8px;padding:3px 5px}.bubble{border-radius:7px;color:var(--soft);font-size:8px;line-height:1.35;margin:10px 0;padding:8px;width:80%}.bubble.agent{background:var(--b50)}.bubble.user{background:#fff;border:1px solid var(--line);margin-left:auto}.big-wave{font-size:14px;text-align:center}.mic{background:var(--blue);border:4px solid var(--b100);border-radius:50%;color:#fff;display:block;font-size:18px;height:51px;margin:8px auto 0;width:51px}.mic small{display:block;font-size:6px}.safety{border:1px solid var(--line);border-radius:8px;padding:11px}.safety strong{font-size:10px}.safety p{align-items:center;border-top:1px solid var(--line);color:var(--soft);display:flex;font-size:8px;justify-content:space-between;margin:8px 0 0;padding-top:7px}.safety button{background:#fff;border:1px solid var(--blue);border-radius:3px;color:var(--blue);font-size:8px;padding:4px 6px}@media(max-width:780px){.topbar nav{display:none}.page{padding:16px}.layout{display:block;margin:0 -16px}.gridwrap{padding:16px}.agent-grid{grid-template-columns:repeat(2,1fr)}#drawer{border-left:0;border-top:1px solid var(--line)}}@media(max-width:420px){.agent-grid{grid-template-columns:1fr}.utilities{display:none}}