:root{color:#17212b;font-synthesis:none;--navy:#063b75;--blue:#08aeea;--yellow:#f3b718;--line:#dce4e9;--muted:#6b7785;background:#f3f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}header{color:#fff;background:linear-gradient(100deg,#032e62,#075295);justify-content:space-between;align-items:center;height:76px;padding:0 max(26px,50vw - 610px);display:flex;box-shadow:0 4px 20px #001a3340}.brand,.header-actions,.stats article,.integration{align-items:center;gap:12px;display:flex}.brand img{object-fit:contain;background:#fff;border-radius:11px;width:50px;height:50px;padding:2px}.brand div{display:grid}.brand small{color:#c8e4f5}.header-actions{gap:16px}.badge{letter-spacing:.1em;border-radius:99px;padding:7px 11px;font-size:11px;font-weight:900}.simulation{color:#4e3400;background:#f5bd54}.live{color:#063d28;background:#46cc8c}.icon-button{color:#fff;background:0 0;border:1px solid #fff5;border-radius:9px;align-items:center;gap:7px;padding:9px 12px;display:flex}.page{max-width:1220px;margin:auto;padding:28px}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.stats article,.integration,.card{border:1px solid var(--line);background:#fff;border-radius:16px;box-shadow:0 12px 35px #063b7510}.stats article,.integration{padding:17px 18px}.stats svg,.integration svg{color:var(--blue)}.stats article div,.integration div{text-align:right;margin-left:auto;display:grid}.stats small,.integration small{color:var(--muted)}.stats strong{color:var(--navy);font-size:25px}.integration strong{color:#d17a15;font-size:13px}.workspace{grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr);gap:18px;display:grid}.card{padding:24px}.section-title{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.eyebrow{letter-spacing:.12em;color:#008dab;margin:0;font-size:11px;font-weight:900}.section-title h2,.modal-card h2{margin:3px 0;font-size:23px}.phone{color:var(--navy);background:#edf5f8;border-radius:10px;padding:9px 13px;font-size:18px;font-weight:800}.customer-info{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.customer-info>div{background:#f7f9fa;border:1px solid #e7ecef;border-radius:11px;gap:5px;padding:14px;display:grid}.customer-info small{color:var(--muted)}.customer-info p{margin:0}.wide{grid-column:1/-1}.call-button,.finish-form>button,.modal-card button:not(.secondary),.login-card button{color:#fff;background:#17855d;border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;width:100%;padding:14px;font-weight:850;display:flex}.safe-note{text-align:center;color:var(--muted);font-size:12px}.counter{color:#087e8c;background:#e5f5f7;border-radius:99px;padding:6px 10px;font-weight:850}.queue{max-height:360px;display:grid;overflow:auto}.queue article{border-bottom:1px solid #edf1f3;align-items:center;gap:11px;padding:11px 3px;display:flex}.queue article div{display:grid}.queue small{color:var(--muted)}.avatar{color:#087e8c;background:#e2f3f5;border-radius:50%;place-items:center;width:37px;height:37px;font-weight:900;display:grid}.secondary{width:100%;color:var(--navy);background:#eaf2f6;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;margin-top:18px;padding:11px;font-weight:800;display:flex}.empty{text-align:center;color:var(--muted);padding:65px 20px}.empty svg{color:#b6c6cf}.empty strong{color:#26343e;margin:10px 0 0;display:block}.connected{color:#176943;background:#e7f8ef;border-radius:10px;padding:13px}.connected i{background:#27b878;border-radius:50%;width:9px;height:9px;margin-right:8px;display:inline-block}.finish-form,.login-card form,.modal-card{gap:13px;display:grid}label{gap:6px;font-size:13px;font-weight:750;display:grid}input,select,textarea{background:#fff;border:1px solid #cbd6dc;border-radius:9px;outline:none;width:100%;padding:11px 12px}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #08aeea20}.modal{background:#001b2f99;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:18px;width:min(470px,100%);padding:26px;box-shadow:0 30px 80px #0005}.modal-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.modal-actions .secondary{margin:0}.modal-card button:not(.secondary){background:var(--navy)}.login-shell{background:radial-gradient(circle at 10% 15%,#08aeea35,#0000 30%),linear-gradient(145deg,#063b75,#031b36);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border-radius:22px;width:min(420px,100%);padding:36px;box-shadow:0 30px 90px #00101f88}.login-logo{object-fit:contain;width:180px;height:180px;margin:0 auto 18px;display:block}.login-card h1{margin:4px 0;font-size:36px}.muted{color:var(--muted);margin:0 0 20px}.login-card button{background:var(--navy)}.alert{color:#a53232;background:#fbeaea;border-radius:10px;margin-bottom:15px;padding:12px 14px}.loading{min-height:100vh;color:var(--muted);place-items:center;display:grid}@media (width<=850px){.stats{grid-template-columns:1fr 1fr}.workspace{grid-template-columns:1fr}.page{padding:18px}header{padding:0 18px}}@media (width<=520px){.stats,.customer-info{grid-template-columns:1fr}.wide{grid-column:auto}.brand small{display:none}.header-actions .icon-button{font-size:0}.login-card{padding:26px}}.integration[title^=AMI\ conectado] strong{color:#17855d}.integration[title^=AMI\ conectado] svg{color:#20a76f}.integration[title^=Credenciais\ configuradas] strong{color:#b52f2f}.integration[title^=Credenciais\ configuradas] svg{color:#d34b4b}.phone-panel{z-index:20;background:#fff;border:1px solid #d8e2e8;border-radius:15px;align-items:center;gap:10px;min-width:330px;padding:14px 16px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 18px 50px #001a3340}.phone-panel>div{margin-right:auto;display:grid}.phone-panel small{color:#6b7785;letter-spacing:.1em;font-size:10px;font-weight:900}.phone-panel strong{color:#063b75}.phone-panel button{color:#fff;background:#063b75;border:0;border-radius:9px;align-items:center;gap:6px;padding:10px 12px;font-weight:800;display:flex}.phone-panel button:disabled{opacity:.65;cursor:wait}.phone-panel .answer{background:#17855d}.phone-panel .danger{background:#bd3636}.phone-panel .mute{background:#526575}.phone-ready{border-color:#76cba9}.phone-ready:before{content:"";background:#20a76f;border-radius:50%;width:9px;height:9px}.phone-ringing{border-color:#f3b718;animation:1s ease-in-out infinite alternate ring}.phone-call{border-color:#20a76f}.phone-error{border-color:#d34b4b}@keyframes ring{to{box-shadow:0 18px 55px #f3b71866}}@media (width<=600px){.phone-panel{flex-wrap:wrap;min-width:0;bottom:12px;left:12px;right:12px}.phone-panel>div{width:100%}}.history-open{z-index:19;color:#063b75;background:#fff;border:1px solid #d8e2e8;border-radius:10px;align-items:center;gap:7px;padding:10px 14px;font-weight:800;display:flex;position:fixed;bottom:104px;right:22px;box-shadow:0 8px 25px #001a3325}.history-overlay{z-index:40;background:#001b2f99;justify-content:flex-end;display:flex;position:fixed;inset:0}.history-panel{background:#f5f8fa;width:min(620px,100%);height:100%;padding:24px;overflow:auto}.history-panel header{color:#17212b;height:auto;box-shadow:none;background:0 0;padding:0 0 18px}.history-panel header small{color:#008dab;font-weight:900}.history-panel h2{margin:3px 0}.history-panel header button{background:#e4edf2;border:0;border-radius:9px;padding:8px}.history-list{gap:10px;display:grid}.history-list article{background:#fff;border:1px solid #dce4e9;border-radius:12px;grid-template-columns:1fr auto;gap:5px;padding:14px;display:grid}.history-list article div{display:grid}.history-list article small,.history-list article p{color:#6b7785;margin:0}.history-list article>span{color:#17855d;font-weight:800}.history-list article>p{grid-column:1/-1}