@font-face{font-family:Manrope;src:url('/brand/manrope-variavel.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:Satoshi;src:url('/brand/satoshi-variavel.ttf') format('truetype');font-weight:300 900;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url('/brand/ibm-plex-mono-regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{color-scheme:light;font:16px "Manrope",system-ui,sans-serif;color:#1b2333;background:#f5f6f8}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;padding:22px 32px;border-bottom:1px solid #9fb1d4;background:#111d58}.brand{font-size:22px;font-weight:750;letter-spacing:.04em;color:#ffffff}.tag{color:#d5dae3;font-size:13px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;padding:24px 32px}.stage{aspect-ratio:16/9;background:#05090b;border:1px solid #9fb1d4;border-radius:12px;position:relative;overflow:hidden;display:grid;place-items:center}.stage video{width:100%;height:100%;object-fit:contain;position:absolute}.stage .empty{position:absolute;text-align:center;color:#e6e9ee;max-width:70%}[hidden]{display:none!important}.view-title{font-size:24px;margin:0 0 6px}.status{display:inline-flex;gap:8px;align-items:center;border-radius:20px;padding:6px 12px;background:#eef1f6;font-size:13px;color:#44506a}.live{background:#522e20;color:#ffccab}.toolbar,.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}button,input,select,textarea{font:inherit;border-radius:7px;padding:10px 13px;border:1px solid #c3cad6;color:inherit;background:#ffffff}button{cursor:pointer}button:hover{border-color:#111d58}button:disabled{opacity:.4;cursor:default}.primary{background:#111d58;color:#ffffff;border-color:#111d58;font-weight:650}.danger{background:#b3261e;border-color:#b3261e;color:#ffffff}input,textarea{width:100%}select{max-width:100%}label{display:block;color:#5b6474;font-size:14px;margin:10px 0 6px}textarea{resize:vertical;min-height:80px}h2{font-size:17px;margin-top:0}.card{background:#ffffff;border:1px solid #e2e6ec;border-radius:10px;padding:18px;margin-bottom:14px}.muted,.help{color:#5b6474;font-size:14px;line-height:1.6}.screen-button{display:block;width:100%;margin-top:8px;text-align:left}.screen-button.selected{border-color:#111d58}.message{min-height:25px;color:#9a4b00;font-size:14px}.footer{padding:0 32px 24px;color:#5b6474;font-size:13px}.share-shell{max-width:940px;margin:28px auto;padding:0 24px}.capture-notice{background:#eef1f6;border:1px solid #d5dae3;padding:16px;border-radius:10px;line-height:1.7}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.preview-grid video{width:100%;aspect-ratio:16/9;background:#000;border:1px solid #d5dae3}.preview-grid .card{padding:10px}.request{margin:10px 0;border-top:1px solid #e2e6ec;padding-top:12px;font-size:14px}.request p{overflow-wrap:anywhere}.code{font-family:Consolas,monospace;font-size:12px;overflow-wrap:anywhere;user-select:all}.demo{background:#4d3717;color:#ffdc91}.geo{margin-top:20px}.pill{font-size:12px;padding:4px 7px;border-radius:5px;background:#eef1f6}progress{width:160px;height:7px;accent-color:#111d58}.stage:fullscreen{border-radius:0;width:100vw;height:100vh;aspect-ratio:auto}details{margin-top:14px}summary{cursor:pointer;color:#5b6474}@media(max-width:900px){.layout{grid-template-columns:1fr;padding:16px}header{padding:18px}.preview-grid{grid-template-columns:1fr}.footer{padding:16px}}

#nativeScreen{max-width:100%;max-height:70vh;object-fit:contain}#nativeScreen[hidden]{display:none}

.chart{margin:18px 0 26px}.chart-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:#5b6474;margin-bottom:12px}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.chart-legend i{width:12px;height:12px;border-radius:3px}.chart-row{display:grid;grid-template-columns:minmax(90px,220px) minmax(0,1fr) 62px;gap:10px;align-items:center;margin:7px 0;font-size:14px}.chart-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-value{text-align:right;color:#5b6474;font-family:"IBM Plex Mono",monospace;font-size:13px}.chart-track{display:flex;gap:2px;height:16px;min-width:0}.chart-part{min-width:3px;height:100%}.chart-part:first-child{border-radius:4px 0 0 4px}.chart-part:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.chart-part:focus-visible{outline:2px solid #111d58;outline-offset:1px}.use-related{background:#2a78d6}.use-contextual{background:#eb6834}.use-meeting{background:#1baf7a}.use-unclassified{background:#eda100}.use-idle{background:#e87ba4}.chart-tip{position:fixed;z-index:10;max-width:240px;padding:7px 10px;border:1px solid #9fb1d4;border-radius:6px;background:#05090b;color:#ffffff;font-size:13px;pointer-events:none}@media(max-width:600px){.chart-row{grid-template-columns:minmax(0,1fr) 62px}.chart-label{grid-column:1/-1}.chart-track{grid-column:1}}

h1,h2,.brand,.view-title{font-family:Satoshi,Manrope,sans-serif;font-weight:500}.brand{display:flex;align-items:center;gap:14px}.brand-logo{width:92px;height:46px;object-fit:contain}.code,td{font-family:"IBM Plex Mono",monospace}a{color:#23408f}header,header h1{color:#ffffff}header a{color:#ffffff}table{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:8px}td{padding:8px 10px;border-bottom:1px solid #e8ebf0;vertical-align:top}tr:first-child td{font-family:Manrope,sans-serif;font-weight:600;color:#5b6474;background:#f5f6f8}section{overflow-x:auto}.agent-alerts{margin:16px 32px;padding:16px;background:#fff8ec;border:1px solid #f0d9ae;border-radius:8px}.agent-alerts p{margin:8px 0}.agent-alerts h2{margin:0}.agent-alerts small{color:#5b6474}


.time-row{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;align-items:center;margin:6px 0;font-size:13px}.time-track{position:relative;height:18px;background:#f1f3f7;border-radius:4px;overflow:hidden}.time-part{position:absolute;top:0;bottom:0}.time-ruler{display:flex;justify-content:space-between;margin:4px 0 0 100px;font-size:12px;color:#5b6474}.time-related{background:#2a78d6}.time-contextual{background:#eb6834}.time-meeting{background:#1baf7a}.time-unclassified{background:#eda100}.time-idle{background:#e87ba4}.time-pause{background:#8a93a3}.chart-legend i.time-related,.chart-legend i.time-contextual,.chart-legend i.time-meeting,.chart-legend i.time-unclassified,.chart-legend i.time-idle,.chart-legend i.time-pause{display:inline-block}
.login-page{display:grid;place-items:start center;min-height:100vh;padding:48px 16px}.login-box{width:min(420px,100%);background:#fff;border:1px solid #e2e6ec;border-radius:12px;padding:24px}.login-box h1{margin:0 0 12px;color:#111d58;font-size:24px}.login-box form{display:flex;flex-direction:column;gap:4px}.login-box button{margin-top:10px}.login-box details{margin-top:18px}.login-box .message{margin-top:12px}.ops-links button{background:transparent;border:1px solid #6b78b8;color:#d5dae3;padding:6px 10px;font-size:14px}
body{background:#fff}.card{border-color:#dfe3ea}
.ops{--top:#111d58;--rail:#17406f;--rail-deep:#14365c;display:grid;grid-template:72px minmax(0,1fr) 44px/88px minmax(0,1fr);grid-template-areas:"brand brand" "rail main" "rail foot";min-height:100vh;background:#fff}
.ops-brand{grid-area:brand;position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:18px;background:var(--top);color:#fff;padding:0 24px}.ops-brand img{height:44px;width:92px;object-fit:contain}.ops-product{border-left:1px solid #6b78b8;padding-left:18px;letter-spacing:.24em;font-size:16px;color:#d5dae3}.ops-user{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:14px}.ops-user button{background:transparent;border:1px solid #6b78b8;color:#fff;padding:6px 12px}
.ops-nav{grid-area:rail;position:sticky;top:72px;height:calc(100vh - 72px);background:linear-gradient(180deg,var(--rail),var(--rail-deep));padding-top:14px;overflow-y:auto}.ops-nav nav{display:flex;flex-direction:column;gap:4px}.ops-nav button,.ops-nav a{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;border:0;border-radius:0;background:transparent;color:#fff;padding:12px 2px;font-size:11px;text-decoration:none;text-align:center}.ops-nav svg{width:26px;height:26px;fill:currentColor}.ops-nav button:hover,.ops-nav a:hover{background:#ffffff22}.ops-nav button.active{background:#fff;color:var(--top);font-weight:600}
.ops-main{grid-area:main;padding:20px 26px 24px;min-width:0}.ops-foot{grid-area:foot;background:var(--rail-deep);color:#d5dae3;display:flex;align-items:center;justify-content:flex-end;padding:0 24px;font-size:13px}
.ops-top h1{margin:0 0 2px;color:#111;font-size:26px;font-weight:700}.ops-top p{margin:0;color:#5b6474;font-size:14px}
.ops-filters{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:flex-end;background:#e9ecf0;border-radius:4px;padding:10px 12px;margin:14px 0 10px}.ops-filters label{margin:0;flex:1 1 160px;font-size:13px}.ops-filters input,.ops-filters select{width:100%;background:#fff;padding:7px 9px}.ops-filters button{padding:8px 13px;background:#fff}.ops-filters button.primary{background:#111d58;color:#fff}
.ops-area>section,.ops-card,.ops-empty{background:#fff;border:0;border-top:1px solid #dfe3ea;border-radius:0;padding:16px 2px;margin:0}.ops-area>section h2{color:#111;font-weight:700;font-size:17px}
.ops-kpis.ops-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;border:0;padding:4px 0 16px}.ops-kpi{background:#fff;border:1px solid #dfe3ea;border-top:3px solid #17406f;border-radius:4px;padding:14px}.ops-kpi h3{margin:0;font-size:13px;font-weight:500;color:#5b6474}.ops-kpi strong{display:block;font-family:Satoshi,Manrope,sans-serif;font-size:30px;color:#111d58;margin:4px 0}.ops-delta{margin:0;font-size:13px;color:#1b2333}.ops-kpi .help{margin:6px 0 0;font-size:12px;line-height:1.4}.ops-empty{border-left:4px solid #17406f;padding-left:14px}.ops-empty h2{margin-bottom:4px}.ops-empty p{margin:0;color:#5b6474}
td{border-bottom-color:#e6e9ee}tr:first-child td{background:#e9ecf0;color:#333}
.ops-heat{width:auto;border-collapse:separate;border-spacing:3px}.ops-heat td{padding:0;border:0;background:transparent;font-size:12px;color:#5b6474;text-align:center;min-width:42px;height:20px;font-family:Manrope,sans-serif;font-weight:400}.ops-heat tr:first-child td{background:transparent;color:#5b6474;font-weight:500}.ops-heat i{display:block;height:20px;border-radius:3px;background:#2a78d6}.ops-heat td:has(i){background:#f1f3f7;border-radius:3px}
@media(max-width:800px){.ops{display:block}.ops-brand{position:static;padding:10px 16px}.ops-product{display:none}.ops-nav{position:static;height:auto;padding:0}.ops-nav nav{flex-direction:row;overflow-x:auto}.ops-nav button,.ops-nav a{min-width:84px}.ops-main{padding:16px}.ops-foot{padding:12px 16px}}.device-search{max-width:420px;margin:0 0 12px;display:block}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.device-card{border:1px solid #dfe3ea;border-radius:4px;padding:14px}.device-card[hidden]{display:none}.device-card h3{margin:0 0 4px;font-size:16px;color:#111d58}.device-card p{margin:0 0 6px;font-size:14px}.device-state{color:#5b6474;font-weight:600}.device-state.on{color:#0f7a52}.device-facts{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;font-size:12px;margin:10px 0}.device-facts dt{color:#5b6474}.device-facts dd{margin:0;overflow-wrap:anywhere}.ops-nav [hidden]{display:none}.ops-kpi strong:only-of-type{overflow-wrap:anywhere}.ops-filters[hidden]{display:none}.ops-main{overflow-x:hidden}.ops-area>section{overflow-x:auto}
.ops-nav a.active{background:#fff;color:#111d58;font-weight:600}.ops-main .layout{padding:14px 0 0;gap:18px}.ops-main>.footer{padding:14px 0 0}.ops-top .status{margin-right:8px}.reports-page form{margin:14px 0;padding:12px;background:#e9ecf0;border-radius:4px;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.reports-page form label{margin:0;flex:1 1 180px;font-size:13px}.reports-page form input[type=date],.reports-page form select{width:100%;padding:7px 9px}.reports-page form input[type=checkbox]{width:auto;margin-right:6px}.reports-page form button{background:#111d58;color:#fff;border-color:#111d58}.reports-page table{width:100%;border-collapse:collapse}.reports-page th{background:#e9ecf0;text-align:left;padding:8px 10px;font-size:14px;color:#333}.central-page aside .card,.central-page main .card{border-radius:4px}.agent-alerts{margin:14px 0}.inline-check{width:auto;margin-right:6px}.classify-reason{flex:1 1 280px;width:auto}.classify-table td:first-child{width:36px}
.agent-alerts details>summary{cursor:pointer;font-weight:700}.help-topic{margin:0 0 8px;padding:10px 14px;border:1px solid #d9dee8;border-radius:8px;background:#fff}.help-topic>summary{cursor:pointer;font-weight:600}.help-topic ul{margin:10px 0 2px;padding-left:20px}.help-topic li{margin:0 0 6px}.approval-card{margin:0 0 12px;padding:14px;border:1px solid #d9dee8;border-radius:8px;background:#fff}.approval-card h3{margin:0 0 6px}.approval-card p{margin:0 0 6px}
.presence-totals{font-weight:600;margin:6px 0 10px}.presence-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}.presence-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #d9dee8;border-radius:8px;background:#fff;min-width:0}.presence-card div{min-width:0}.presence-card strong,.presence-card span{display:block;overflow-wrap:anywhere}.presence-card strong{font-size:.85rem}.presence-card span{font-size:.8rem;color:#5a6474}.presence-dot{flex:none;width:10px;height:10px;border-radius:50%;background:#a7afbc}.state-online{background:#1baf7a}.state-idle{background:#eda100}.state-off{background:#eb6834}

/* Padrão da marca, conferido nos PDFs de template e rebranding: títulos em Satoshi Bold, texto em Manrope e IBM Plex Mono só para rótulos pequenos e códigos. */
:root{color:#272727;font-size:15px;line-height:1.5}
h1,h2,h3,.brand,.view-title{font-family:Satoshi,Manrope,sans-serif;font-weight:700;letter-spacing:-.01em;color:#272727}
h1{font-size:30px;line-height:1.15}h2{font-size:19px;line-height:1.25}h3{font-size:15px}
td{font-family:Manrope,system-ui,sans-serif;font-size:14px;font-weight:400;color:#272727}
tr:first-child td{font-weight:600;font-size:13px}
.chart-value{font-family:Manrope,system-ui,sans-serif;font-variant-numeric:tabular-nums}
.help{font-family:Manrope,system-ui,sans-serif;font-size:14px;font-weight:400}
button,input,select,textarea{font-family:Manrope,system-ui,sans-serif;font-size:14px}
button{font-weight:600;letter-spacing:0}
.ops-kpi h3{font-family:Manrope,system-ui,sans-serif;font-weight:500;font-size:13px}
.ops-kpi strong{font-family:Satoshi,Manrope,sans-serif;font-weight:700;letter-spacing:-.01em}
.ops-nav span{font-family:Manrope,system-ui,sans-serif;font-weight:500}
.code{font-family:"IBM Plex Mono",monospace;font-size:13px}
.otp-qr{display:block;width:216px;max-width:100%;height:auto;margin:10px auto;image-rendering:pixelated}
.otp-manual{margin:8px 0 14px}.otp-manual>summary{cursor:pointer;font-size:14px}.otp-manual .code{overflow-wrap:anywhere}
.optional-row{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:14px 0;border-top:1px solid #d9dee8}.optional-row h3{margin:0 0 2px}.optional-row p{margin:0}.optional-row button{flex:none}.mosaic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.mosaic-card{margin:0;border:1px solid #d9dee8;border-radius:8px;overflow:hidden;background:#fff}.mosaic-card img{display:block;width:100%;height:auto}.mosaic-card figcaption{padding:8px 10px;font-size:13px}
.device-pick{border:1px solid #d9dee8;border-radius:8px;padding:10px 14px;margin:0 0 12px}.device-pick legend{padding:0 6px;font-weight:600}.device-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:4px 16px;max-height:220px;overflow:auto;margin-top:10px}.device-list label{display:flex;gap:8px;align-items:center}
.approval-box{border:1px solid #eda100;background:#fff8e6;border-radius:8px;padding:12px 16px;margin:0 0 14px}.approval-box h3{margin:0 0 8px}.approval-box .row{align-items:center;gap:10px;flex-wrap:wrap;padding:6px 0}