/* FLX-THEME v1 - modo claro/escuro. Regras por area: body.flx-app (empresa/admin), .flx-home (inicio admin),
   .flx-atd (atendente), .flx-login (logins). O tema vem de html[data-theme]. */
.flx-theme-btn,.who button.flx-theme-btn,.top button.flx-theme-btn{display:inline-flex!important;align-items:center;justify-content:center;width:34px!important;height:34px!important;min-width:0!important;margin:0 2px;padding:0!important;border-radius:8px!important;border:1px solid rgba(128,128,128,.5)!important;background:transparent!important;color:inherit!important;cursor:pointer;flex:none;line-height:0;text-decoration:none}
.flx-theme-btn:hover,.who button.flx-theme-btn:hover,.top button.flx-theme-btn:hover{background:rgba(128,128,128,.22)!important}
.top .flx-theme-btn{color:#e2e8f0!important}
.flx-theme-btn.flx-float{position:fixed;top:14px;right:14px;z-index:99999;background:rgba(255,255,255,.9)!important;color:#111!important;box-shadow:0 2px 8px rgba(0,0,0,.25)}
html[data-theme=dark] .flx-theme-btn.flx-float{background:rgba(15,23,42,.9)!important;color:#e5e7eb!important}
html[data-theme=dark]{color-scheme:dark}
html[data-theme=light]{color-scheme:light}

/* ===== EMPRESA e ADMIN (layouts claros) em modo escuro ===== */
html[data-theme=dark] body.flx-app{background:#0f172a;color:#e5e7eb}
html[data-theme=dark] .flx-app nav{background:#0b1220}
html[data-theme=dark] .flx-app nav .brand,html[data-theme=dark] .flx-app nav details,html[data-theme=dark] .flx-app nav .navsec,html[data-theme=dark] .flx-app nav .navfoot{border-color:#1e293b}
html[data-theme=dark] .flx-app nav a:hover{background:#1e293b}
html[data-theme=dark] .flx-app .wrap>header,html[data-theme=dark] .flx-app header{background:#111827;box-shadow:0 1px 3px #0008;color:#e5e7eb}
html[data-theme=dark] .flx-app .card{background:#1e293b;box-shadow:0 1px 3px #0008;color:#e5e7eb}
html[data-theme=dark] .flx-app th,html[data-theme=dark] .flx-app td{border-bottom-color:#334155}
html[data-theme=dark] .flx-app th{color:#cbd5e1}
html[data-theme=dark] .flx-app tr:hover td{background:rgba(148,163,184,.06)}
html[data-theme=dark] .flx-app input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),
html[data-theme=dark] .flx-app select,html[data-theme=dark] .flx-app textarea{background:#0f172a;color:#e5e7eb;border:1px solid #475569;border-radius:4px}
html[data-theme=dark] .flx-app input::placeholder,html[data-theme=dark] .flx-app textarea::placeholder{color:#64748b}
html[data-theme=dark] .flx-app input:disabled,html[data-theme=dark] .flx-app select:disabled{background:#111827;color:#64748b}
html[data-theme=dark] .flx-app code{background:#0b1220;color:#e5e7eb}
html[data-theme=dark] .flx-app .hint,html[data-theme=dark] .flx-app [style*="color:#6b7280"],html[data-theme=dark] .flx-app [style*="color:#666"],html[data-theme=dark] .flx-app [style*="color:#555"]{color:#94a3b8!important}
html[data-theme=dark] .flx-app [style*="color:#334155"]{color:#cbd5e1!important}
html[data-theme=dark] .flx-app [style*="background:#fff"],html[data-theme=dark] .flx-app [style*="background: #fff"],html[data-theme=dark] .flx-app [style*="background:#f9fafb"],html[data-theme=dark] .flx-app [style*="background:#f3f4f6"],html[data-theme=dark] .flx-app [style*="background:#f4f5f7"]{background:#1e293b!important}
html[data-theme=dark] .flx-app [style*="background:#fef9c3"]{background:#422006!important;color:#fde68a!important}
html[data-theme=dark] .flx-app [style*="color:#854d0e"]{color:#fde68a!important}
html[data-theme=dark] .flx-app [style*="color:#991b1b"],html[data-theme=dark] .flx-app [style*="color:#b91c1c"]{color:#fca5a5!important}
html[data-theme=dark] .flx-app .err{background:#450a0a;color:#fecaca}
html[data-theme=dark] .flx-app .ok{background:#052e16;color:#bbf7d0}
html[data-theme=dark] .flx-app .tag.on{background:#052e16;color:#86efac}
html[data-theme=dark] .flx-app .tag.off{background:#334155;color:#cbd5e1}
html[data-theme=dark] .flx-app .btn.sec,html[data-theme=dark] .flx-app button.sec{background:#475569;color:#fff}
html[data-theme=dark] .flx-app td .btn.ed{background:#1e3a8a;color:#dbeafe}
html[data-theme=dark] .flx-app td .btn.ed:hover{background:#1d4ed8}
html[data-theme=dark] .flx-app td .btn.sec{background:#334155;color:#e5e7eb}
html[data-theme=dark] .flx-app td .btn.sec:hover{background:#475569}
html[data-theme=dark] .flx-app td .btn.red{background:#7f1d1d;color:#fecaca}
html[data-theme=dark] .flx-app td .btn.red:hover{background:#991b1b}
html[data-theme=dark] .flx-app .badge{background:#334155;color:#e5e7eb}
html[data-theme=dark] .flx-app .talk,html[data-theme=dark] .flx-app .st-free{background:#052e16;color:#86efac}
html[data-theme=dark] .flx-app .mute,html[data-theme=dark] .flx-app .st-incall{background:#450a0a;color:#fecaca}
html[data-theme=dark] .flx-app .wait,html[data-theme=dark] .flx-app .st-ringing,html[data-theme=dark] .flx-app .tag.warn{background:#422006;color:#fde68a}
html[data-theme=dark] .flx-app .st-paused{background:#1e1b4b;color:#c7d2fe}
html[data-theme=dark] .flx-app .st-unavailable,html[data-theme=dark] .flx-app .st-unknown,html[data-theme=dark] .flx-app .st-loggedout{background:#334155;color:#cbd5e1}
html[data-theme=dark] .flx-app .rm{background:#1e293b;border-color:#334155}
html[data-theme=dark] .flx-app .rm small{color:#94a3b8}
html[data-theme=dark] .flx-app .rm.talking{background:#450a0a;border-color:#991b1b}
html[data-theme=dark] .flx-app .rm.ringing{background:#422006;border-color:#a16207}
html[data-theme=dark] .flx-app .rm.online{background:#052e16;border-color:#166534}
html[data-theme=dark] .flx-app .rm.offline{background:#111827;color:#64748b}
html[data-theme=dark] .flx-app .eye{color:#94a3b8}
html[data-theme=dark] .flx-app .eye:hover{color:#fff}
html[data-theme=dark] .flx-app a:not(.btn):not(.admbtn){color:#93c5fd}
html[data-theme=dark] .flx-app nav a,html[data-theme=dark] .flx-app nav a.on{color:#cbd5e1}
html[data-theme=dark] .flx-app nav a.on{color:#fff}
html[data-theme=dark] .flx-app .logoplate{background:#fff}
html[data-theme=dark] .flx-app hr{border-color:#334155}

/* ===== INICIO DO ADMIN (tela de cards, escura por padrao) em modo claro ===== */
html[data-theme=light] body.flx-home{background-color:#f4f5f7;background-image:none;color:#222}
html[data-theme=light] .flx-home header{background:#ffffffee;border-bottom:1px solid #e5e7eb}
html[data-theme=light] .flx-home h1{color:#334155}
html[data-theme=light] .flx-home .busca{background:#fff;color:#111;border-color:#cbd5e1}
html[data-theme=light] .flx-home .who{color:#64748b}
html[data-theme=light] .flx-home .who b{color:#111827}
html[data-theme=light] .flx-home .cont{color:#64748b}
html[data-theme=light] .flx-home .card{background:#fff;border-color:#94a3b8;color:#222}
html[data-theme=light] .flx-home .card.off{border-color:#cbd5e1}
html[data-theme=light] .flx-home .card h3{color:#111827}
html[data-theme=light] .flx-home .kv,html[data-theme=light] .flx-home .ativo,html[data-theme=light] .flx-home .ativo label{color:#334155}
html[data-theme=light] .flx-home .kv b{color:#111827}
html[data-theme=light] .flx-home .btns button.sec{color:#334155;border-color:#94a3b8}
html[data-theme=light] .flx-home .btns button:disabled{border-color:#cbd5e1;color:#94a3b8;background:transparent}
html[data-theme=light] .flx-home details,html[data-theme=light] .flx-home details summary{color:#475569}
html[data-theme=light] .flx-home th,html[data-theme=light] .flx-home td{border-bottom-color:#e5e7eb}
html[data-theme=light] .flx-home [style*="color:#4ade80"]{color:#15803d!important}
html[data-theme=light] .flx-home [style*="color:#f87171"]{color:#b91c1c!important}
html[data-theme=light] .flx-home .msg.ok{background:#dcfce7;color:#166534}
html[data-theme=light] .flx-home .msg.err{background:#fee2e2;color:#991b1b}
html[data-theme=light] .flx-home .vazio{color:#64748b}

/* ===== ATENDENTE (claro por padrao) em modo escuro ===== */
html[data-theme=dark] body.flx-atd{background:#0b1220;color:#e5e7eb}
html[data-theme=dark] .flx-atd .phone,html[data-theme=dark] .flx-atd .side,html[data-theme=dark] .flx-atd .area,html[data-theme=dark] .flx-atd .fila{background:#111827;border-color:#334155;color:#cbd5e1}
html[data-theme=dark] .flx-atd .phone .info .stt,html[data-theme=dark] .flx-atd .sp-st .stt,html[data-theme=dark] .flx-atd .sp-sl .lb,html[data-theme=dark] .flx-atd .pill,html[data-theme=dark] .flx-atd .sp-dev label{color:#94a3b8}
html[data-theme=dark] .flx-atd .pill{border-color:#334155}
html[data-theme=dark] .flx-atd .pill.hot{background:#422006;border-color:#a16207;color:#fde68a}
html[data-theme=dark] .flx-atd input:not([type=checkbox]):not([type=radio]),html[data-theme=dark] .flx-atd .sp #num,html[data-theme=dark] .flx-atd .sp.pop #num{background:#0f172a!important;color:#e5e7eb!important;border-color:#475569!important}
html[data-theme=dark] .flx-atd .sp{background:#111827;border-color:#334155}
html[data-theme=dark] .flx-atd .sp.pop{background:#111827!important}
html[data-theme=dark] .flx-atd .pad{background:#111827;border-color:#334155}
html[data-theme=dark] .flx-atd .pad button,html[data-theme=dark] .flx-atd .kp button,html[data-theme=dark] .flx-atd .sp.pop .kp button,html[data-theme=dark] .flx-atd .sp-sl .k2,html[data-theme=dark] .flx-atd .sp.pop .sp-sl .k2{background:#1e293b!important;border-color:#334155;color:#cbd5e1}
html[data-theme=dark] .flx-atd .kp button b,html[data-theme=dark] .flx-atd .sp.pop .kp button b{color:#f1f5f9!important}
html[data-theme=dark] .flx-atd .kp button:hover,html[data-theme=dark] .flx-atd .sp.pop .kp button:hover{background:#334155!important}
html[data-theme=dark] .flx-atd .sp-sl .k2.on,html[data-theme=dark] .flx-atd .sp.pop .sp-sl .k2.on{background:#7f1d1d!important}
html[data-theme=dark] .flx-atd .fld{background:#1e293b;border-color:#475569;color:#e5e7eb}
html[data-theme=dark] .flx-atd .sp-dev select{background-color:#1e293b;color:#e5e7eb;border-color:#475569}
html[data-theme=dark] .flx-atd .sp-dev select:disabled{background-color:#111827;color:#64748b}
html[data-theme=dark] .flx-atd .sp.pop .sp-st.grip,html[data-theme=dark] .flx-atd .sp.pop .sp-st.grip .who{background:#1e293b;color:#e5e7eb}
html[data-theme=dark] .flx-atd .chip,html[data-theme=dark] .flx-atd .mt{background:#1e293b;border-color:#334155;color:#e5e7eb}
html[data-theme=dark] .flx-atd .chip .nm,html[data-theme=dark] .flx-atd .mt .nm,html[data-theme=dark] .flx-atd .chip .st,html[data-theme=dark] .flx-atd .mt .s{color:#cbd5e1}
html[data-theme=dark] .flx-atd .chip.free,html[data-theme=dark] .flx-atd .mt.st-free{background:#052e16;border-color:#166534}
html[data-theme=dark] .flx-atd .chip.ring,html[data-theme=dark] .flx-atd .mt.st-ringing{background:#422006;border-color:#a16207}
html[data-theme=dark] .flx-atd .chip.talk,html[data-theme=dark] .flx-atd .mt.st-incall{background:#450a0a;border-color:#991b1b}
html[data-theme=dark] .flx-atd .mt.st-paused{background:#1e1b4b;border-color:#4338ca}
html[data-theme=dark] .flx-atd .chip.off,html[data-theme=dark] .flx-atd .mt.st-unavailable,html[data-theme=dark] .flx-atd .mt.st-unknown,html[data-theme=dark] .flx-atd .mt.st-loggedout{background:#111827;border-color:#334155}
html[data-theme=dark] .flx-atd .vmenu{background:#111827;border-color:#334155;color:#e5e7eb}
html[data-theme=dark] .flx-atd .vmenu label{color:#cbd5e1}
html[data-theme=dark] .flx-atd .vmenu label:hover{background:#1e293b}
html[data-theme=dark] .flx-atd .vmenu .vh{color:#94a3b8;border-top-color:#1e293b}
html[data-theme=dark] .flx-atd .vmenu label:has(input[type=radio]:checked){background:#1e3a8a;color:#dbeafe}
html[data-theme=dark] .flx-atd .vmenu input[type=checkbox]:not(:checked){background:#475569}
html[data-theme=dark] .flx-atd [style*="color:#334155"]{color:#cbd5e1!important}

/* ===== LOGINS (card claro sobre imagem) em modo escuro ===== */
html[data-theme=dark] body.flx-login{--bg:#0b1220;--ink:#e5e7eb;--muted:#94a3b8;--line:#334155;--field:#0f172a;--err-bg:#450a0a;--err-tx:#fecaca;--warn-bg:#422006;--warn-tx:#fde68a;background:#0b1220;color:#e5e7eb}
html[data-theme=dark] .flx-login .card{background:#111827;box-shadow:0 30px 80px -20px rgba(0,0,0,.8),0 2px 6px rgba(0,0,0,.4)}
html[data-theme=dark] .flx-login .bg{filter:brightness(.55)}
html[data-theme=dark] .flx-login .mark img{background:#fff;border-radius:10px;padding:6px 10px}

/* ===== v2: detalhes de telas especificas (modo escuro) ===== */
html[data-theme=dark] .flx-app .reg-tag{background:#172554;border-color:#1e40af;color:#dbeafe}
html[data-theme=dark] .flx-app .reg-tag .rt-lbl{color:#93c5fd}
html[data-theme=dark] .flx-app .reg-tag code{background:#0b1220;border-color:#1e3a8a;color:#e5e7eb}
html[data-theme=dark] .flx-app .reg-tag code em{color:#60a5fa}
html[data-theme=dark] .flx-app .reg-tag .rt-sep{background:#1e40af}
html[data-theme=dark] .flx-app .btn.warn{background:#431407;color:#fdba74;border-color:#9a3412}
html[data-theme=dark] .flx-app .btn.warn:hover{background:#f97316;color:#fff;border-color:#f97316}
html[data-theme=dark] .flx-app .pwtext:hover{background:#334155}
html[data-theme=dark] .flx-app [style*="background:#fef2f2"]{background:#450a0a!important;border-color:#991b1b!important}
html[data-theme=dark] .flx-app .rkbox{background:#1e293b}
html[data-theme=dark] .flx-app .rkhd{background:#450a0a;border-bottom-color:#991b1b}
html[data-theme=dark] .flx-app .rkhd h3{color:#fecaca}
html[data-theme=dark] .flx-app .rkbd{color:#cbd5e1}
html[data-theme=dark] .flx-app canvas.qrmini{background:#fff;border-radius:4px}
html[data-theme=dark] .flx-app small{color:#94a3b8}
html[data-theme=dark] .flx-app h2 small{color:#94a3b8!important}
html[data-theme=dark] .flx-app ::-webkit-scrollbar{background:#0f172a}
html[data-theme=dark] .flx-app ::-webkit-scrollbar-thumb{background:#475569;border-radius:6px}

/* ===== v3: Relatorios > Graficos (modo escuro) ===== */
html[data-theme=dark] .flx-app .gx-kpi>div{background:#1e293b;box-shadow:none;border-top:1px solid #334155;border-right:1px solid #334155;border-bottom:1px solid #334155}
html[data-theme=dark] .flx-app .gx-kpi strong{color:#f1f5f9}
html[data-theme=dark] .flx-app .gx-kpi small,html[data-theme=dark] .flx-app .gx-kpi em{color:#94a3b8}
html[data-theme=dark] .flx-app .gx-card .sub,html[data-theme=dark] .flx-app .gx-note,html[data-theme=dark] .flx-app .gx-eq{color:#94a3b8}
html[data-theme=dark] .flx-app .gx-card h3{color:#f1f5f9}
html[data-theme=dark] .flx-app .gx-svg text{fill:#94a3b8}
html[data-theme=dark] .flx-app .gx-svg line[stroke="#e5e7eb"]{stroke:#334155}
html[data-theme=dark] .flx-app .gx-donut circle[stroke="#f3f4f6"]{stroke:#334155}
html[data-theme=dark] .flx-app .gx-donut text{fill:#f1f5f9}
html[data-theme=dark] .flx-app .gx-leg,html[data-theme=dark] .flx-app .gx-hb .v{color:#cbd5e1}
html[data-theme=dark] .flx-app .gx-hb .t{background:#334155}
html[data-theme=dark] .flx-app .gx-atalhos a{border-color:#475569;color:#cbd5e1}
html[data-theme=dark] .flx-app .gx-atalhos a:hover{background:#334155;color:#fff}
html[data-theme=dark] .flx-app .gx-tab th{color:#94a3b8;border-bottom-color:#334155}
html[data-theme=dark] .flx-app .gx-tab td{border-bottom-color:#273449}
html[data-theme=dark] .flx-app .gx-empty{color:#94a3b8;border-color:#475569}
html[data-theme=dark] .flx-app .gx-up{color:#4ade80}
html[data-theme=dark] .flx-app .gx-dn{color:#f87171}
html[data-theme=dark] .flx-app .gx-pair span[style*="#cbd5e1"]{background:#64748b!important}
html[data-theme=dark] .flx-app [style*="background: rgb(249, 250, 251)"]{background:#1e293b!important;border-color:#334155!important}
html[data-theme=dark] .flx-app [style*="color: rgb(107, 114, 128)"]{color:#94a3b8!important}
html[data-theme=dark] .flx-app [style*="color:#374151"]{color:#cbd5e1!important}
html[data-theme=dark] .flx-app input[type=date]{color-scheme:dark}

/* ===== v4: Painel (dashboard) - cartoes, ramais, filas. Seletores com #live para vencer o CSS da propria tela ===== */
#live{--bc:#64748b;--track:rgba(128,128,128,.25)}
html[data-theme=dark] #live{--tb:#e5e7eb;--tx-ok:#4ade80;--tx-talk:#f87171;--tx-ring:#fbbf24;--tx-off:#94a3b8;--tx-pause:#a78bfa;--panel:#0f172a;--line:#334155}
html[data-theme=light] #live{--tb:#0f172a;--tx-ok:#15803d;--tx-talk:#b91c1c;--tx-ring:#b45309;--tx-off:#64748b;--tx-pause:#6d28d9;--panel:#f8fafc;--line:#e2e8f0}
#live .card{border:1px solid var(--line,#334155);border-radius:14px}
/* KPIs do topo */
#live .lv-kpi>div{position:relative;padding:14px 16px 22px 70px!important;min-height:84px;border-radius:14px!important;border-left-width:1px!important}
#live .lv-kpi>div::before{position:absolute;left:16px;top:16px;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:19px;line-height:1;background:rgba(128,128,128,.16)}
#live .lv-a1::before{content:"\260E";color:#3b82f6;background:rgba(59,130,246,.16)}
#live .lv-a2::before{content:"\25CF";color:#22c55e;background:rgba(34,197,94,.16)}
#live .lv-a3::before{content:"\2197";color:#8b5cf6;background:rgba(139,92,246,.16)}
#live .lv-a4::before{content:"\23F1";color:#f59e0b;background:rgba(245,158,11,.16)}
#live .lv-a1{--bc:#3b82f6}#live .lv-a2{--bc:#22c55e}
#live .lv-a1::after,#live .lv-a2::after{content:"";position:absolute;left:70px;right:18px;bottom:11px;height:5px;border-radius:3px;background:linear-gradient(90deg,var(--bc) var(--p,0%),var(--track) var(--p,0%))}
#live .lv-kpi strong{font-size:28px!important}
/* mensagens vazias discretas */
#live .lv-empty{border:0!important;text-align:left!important;padding:6px 2px!important;font-size:13px!important;opacity:.7;width:auto!important}
/* grade de ramais / troncos */
#live .lv-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(188px,1fr))!important;gap:8px!important}
#live .lv-grid>.lv-empty{grid-column:1/-1}
#live .lv-ext{--c:#64748b;--cx:var(--tx-off);display:grid!important;grid-template-columns:12px minmax(0,1fr) auto;grid-template-areas:"d b i" "d s i";column-gap:9px;align-items:center;width:auto!important;min-width:0!important;padding:7px 10px!important;border-radius:10px!important;border:1px solid var(--line)!important;border-left:4px solid var(--c)!important;background:color-mix(in srgb,var(--c) 10%,transparent)!important;color:var(--tb)!important;opacity:1!important;box-sizing:border-box}
#live .lv-ext::before{content:"";grid-area:d;width:9px;height:9px;border-radius:50%;background:var(--c)}
#live .lv-ext b{grid-area:b;font-size:15px!important;line-height:1.15;color:var(--tb)!important;display:block}
#live .lv-ext span{grid-area:s;font-size:11px!important;opacity:.7;color:var(--tb)!important}
#live .lv-ext i{grid-area:i;margin:0!important;text-align:right;font-size:11.5px!important;color:var(--cx)!important;white-space:nowrap}
#live .lv-ext.lv-has{grid-template-areas:"d b" "d s" "i i"}
#live .lv-ext.lv-has i{text-align:left;margin-top:3px!important;white-space:normal!important}
#live .lv-ext.lv-s-ok{--c:#22c55e;--cx:var(--tx-ok);background:color-mix(in srgb,#22c55e 10%,transparent)!important;border-color:var(--line)!important;border-left-color:#22c55e!important}
#live .lv-ext.lv-s-busy{--c:#ef4444;--cx:var(--tx-talk);background:color-mix(in srgb,#ef4444 12%,transparent)!important;border-color:var(--line)!important;border-left-color:#ef4444!important}
#live .lv-ext.lv-s-busy::before{animation:lvp 1.4s infinite}
#live .lv-ext.lv-s-ring{--c:#f59e0b;--cx:var(--tx-ring);background:color-mix(in srgb,#f59e0b 12%,transparent)!important;border-color:var(--line)!important;border-left-color:#f59e0b!important}
#live .lv-ext.lv-s-busy.lv-pause{--c:#8b5cf6;--cx:var(--tx-pause);background:color-mix(in srgb,#8b5cf6 12%,transparent)!important;border-left-color:#8b5cf6!important}
#live .lv-ext.lv-s-busy.lv-pause::before{animation:none}
#live .lv-ext.lv-s-off{--c:#64748b;--cx:var(--tx-off);background:transparent!important;border-color:var(--line)!important;border-left-color:#64748b!important;opacity:.6!important}
#live .lv-ext.lv-s-off *{color:var(--tb)!important}
#live .lv-ext.lv-s-ok i,#live .lv-ext.lv-s-busy i,#live .lv-ext.lv-s-ring i,#live .lv-ext.lv-s-off i{color:var(--cx)!important}
/* filas */
#live .lv-fila{background:var(--panel);border:1px solid var(--line)!important}
#live .lv-stats{gap:5px!important}
#live .lv-stats>span{font-size:11.5px;padding:2px 8px;border-radius:6px;background:rgba(128,128,128,.14)}
#live .lv-stats>span b{font-size:13px!important}
#live .lv-stats>span:nth-child(1) b{color:var(--tx-ok)}#live .lv-stats>span:nth-child(2) b{color:var(--tx-talk)}#live .lv-stats>span:nth-child(3) b{color:var(--tx-ring)}#live .lv-stats>span:nth-child(4) b{color:var(--tx-off)}
#live .lv-stats>span:nth-child(n+5){background:none;padding-left:2px;opacity:.85}
#live .lv-fila .lv-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))!important}
#live .lv-fila .lv-ext{grid-template-columns:10px minmax(0,1fr);grid-template-areas:"d b" "d s";padding:5px 8px!important}
#live .lv-fila .lv-ext i{display:none}
#live .lv-fila .lv-ext.lv-has i{display:block;grid-area:i;grid-column:1/-1}
/* filtros (pilulas): mantem o codigo de cores da tela, so adapta ao escuro */
html[data-theme=dark] .lvr-pill{background:#0f172a;color:#cbd5e1;border-color:#475569}
html[data-theme=dark] .lvr-pill:hover{border-color:#94a3b8}
html[data-theme=dark] .lvr-pill:nth-child(1){color:#e2e8f0;border-color:#64748b}
html[data-theme=dark] .lvr-pill:nth-child(2),html[data-theme=dark] .lvr-pill:nth-child(3){color:#4ade80;border-color:#16a34a}
html[data-theme=dark] .lvr-pill:nth-child(4){color:#f87171;border-color:#b91c1c}
html[data-theme=dark] .lvr-pill:nth-child(5){color:#fbbf24;border-color:#b45309}
html[data-theme=dark] .lvr-pill:nth-child(6){color:#94a3b8;border-color:#475569}
html[data-theme=dark] .lvr-pill.on:nth-child(n){color:#fff}
html[data-theme=dark] .lvr-pill:nth-child(1).on{background:#2563eb;border-color:#2563eb}
html[data-theme=dark] .lvr-pill:nth-child(2).on,html[data-theme=dark] .lvr-pill:nth-child(3).on{background:#16a34a;border-color:#16a34a}
html[data-theme=dark] .lvr-pill:nth-child(4).on{background:#dc2626;border-color:#dc2626}
html[data-theme=dark] .lvr-pill:nth-child(5).on{background:#d97706;border-color:#d97706}
html[data-theme=dark] .lvr-pill:nth-child(6).on{background:#64748b;border-color:#64748b}
html[data-theme=dark] .lvr-search{background:#0f172a;color:#e5e7eb;border-color:#475569}

/* ===== v6: Tempo real (tenant/monitor e admin/monitor) ===== */
html[data-theme=dark] #ramais{--tb:#e5e7eb;--tx-ok:#4ade80;--tx-talk:#f87171;--tx-ring:#fbbf24;--tx-off:#94a3b8;--line:#334155}
html[data-theme=light] #ramais{--tb:#0f172a;--tx-ok:#15803d;--tx-talk:#b91c1c;--tx-ring:#b45309;--tx-off:#64748b;--line:#e2e8f0}
#ramais.grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(188px,1fr))!important;gap:8px!important}
#ramais .rm{--c:#64748b;--cx:var(--tx-off);display:grid!important;grid-template-columns:12px minmax(0,1fr) auto;grid-template-areas:"d b i" "d s i";column-gap:9px;align-items:center;padding:7px 10px!important;border-radius:10px!important;border:1px solid var(--line)!important;border-left:4px solid var(--c)!important;background:color-mix(in srgb,var(--c) 10%,transparent)!important;color:var(--tb)!important}
#ramais .rm::before{content:"";grid-area:d;width:9px;height:9px;border-radius:50%;background:var(--c)}
#ramais .rm b{grid-area:b;font-size:15px!important;line-height:1.15;color:var(--tb)!important}
#ramais .rm small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--tb)!important}
#ramais .rm small:nth-of-type(1){grid-area:s;font-size:11px!important;opacity:.7}
#ramais .rm small:nth-of-type(2){grid-area:i;font-size:11.5px!important;font-weight:600;color:var(--cx)!important;text-align:right;line-height:1.2!important}
#ramais .rm.online{--c:#22c55e;--cx:var(--tx-ok);background:color-mix(in srgb,#22c55e 10%,transparent)!important;border-color:var(--line)!important;border-left-color:#22c55e!important}
#ramais .rm.talking{--c:#ef4444;--cx:var(--tx-talk);background:color-mix(in srgb,#ef4444 12%,transparent)!important;border-color:var(--line)!important;border-left-color:#ef4444!important}
#ramais .rm.talking::before{animation:lvp 1.4s infinite}
#ramais .rm.ringing{--c:#f59e0b;--cx:var(--tx-ring);background:color-mix(in srgb,#f59e0b 12%,transparent)!important;border-color:var(--line)!important;border-left-color:#f59e0b!important}
#ramais .rm.ringing::before{animation:lvp .8s infinite}
#ramais .rm.offline{--c:#64748b;background:transparent!important;border-color:var(--line)!important;border-left-color:#64748b!important;opacity:.6}
@keyframes lvp{0%{opacity:1}50%{opacity:.25}100%{opacity:1}}
/* chamadas em andamento */
.flx-app #calls .dur{font-variant-numeric:tabular-nums;font-weight:600}
.flx-app #calls tr:hover td{background:rgba(148,163,184,.07)}
.flx-app #dot.live{box-shadow:0 0 0 4px rgba(34,197,94,.25)}
.flx-app #dot.live.off{box-shadow:0 0 0 4px rgba(185,28,28,.25)}
/* filtros: mesmo tratamento do Painel */
html[data-theme=dark] .rm-pill{background:#0f172a;color:#cbd5e1;border-color:#475569}
html[data-theme=dark] .rm-pill:hover{border-color:#94a3b8}
html[data-theme=dark] .rm-pill:nth-child(1){color:#e2e8f0;border-color:#64748b}
html[data-theme=dark] .rm-pill:nth-child(2),html[data-theme=dark] .rm-pill:nth-child(3){color:#4ade80;border-color:#16a34a}
html[data-theme=dark] .rm-pill:nth-child(4){color:#f87171;border-color:#b91c1c}
html[data-theme=dark] .rm-pill:nth-child(5){color:#fbbf24;border-color:#b45309}
html[data-theme=dark] .rm-pill:nth-child(6){color:#94a3b8;border-color:#475569}
html[data-theme=dark] .rm-pill.on:nth-child(n){color:#fff}
html[data-theme=dark] .rm-pill:nth-child(1).on{background:#2563eb;border-color:#2563eb}
html[data-theme=dark] .rm-pill:nth-child(2).on,html[data-theme=dark] .rm-pill:nth-child(3).on{background:#16a34a;border-color:#16a34a}
html[data-theme=dark] .rm-pill:nth-child(4).on{background:#dc2626;border-color:#dc2626}
html[data-theme=dark] .rm-pill:nth-child(5).on{background:#d97706;border-color:#d97706}
html[data-theme=dark] .rm-pill:nth-child(6).on{background:#64748b;border-color:#64748b}
html[data-theme=dark] .rm-search{background:#0f172a;color:#e5e7eb;border-color:#475569}

/* ===== v7: atendente (bonequinho) nos ramais do Painel e do Tempo real ===== */
#live #lv-ramais .lv-ext::after,#ramais .rm::after{content:"";position:absolute;right:5px;bottom:0;width:44px;height:44px;background:center/contain no-repeat;pointer-events:none}
#live #lv-ramais .lv-ext,#ramais .rm{position:relative;padding-right:56px!important;min-width:168px!important;min-height:50px}
#live #lv-ramais .lv-ext.lv-s-ok::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2066%2064%22%3E%3Cg%20fill=%22%2322c55e%22%3E%3Cpath%20d=%22M5%2064c0-9%208-13%2020-16l7%208%207-8c12%203%2020%207%2020%2016z%22/%3E%3Cpath%20d=%22M20%2029c-1.5-12%205-17%2012-17s13.5%205%2012%2017c-2-6-6.5-9-12-9s-10%203-12%209z%22/%3E%3Crect%20x=%2215.5%22%20y=%2227%22%20width=%225%22%20height=%2210%22%20rx=%222.5%22/%3E%3Crect%20x=%2243.5%22%20y=%2227%22%20width=%225%22%20height=%2210%22%20rx=%222.5%22/%3E%3C/g%3E%3Cpath%20d=%22M18%2032C17%2012%2047%2012%2046%2032%22%20fill=%22none%22%20stroke=%22%2322c55e%22%20stroke-width=%221.3%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M26.5%2049l5.5%207%205.5-7z%22%20fill=%22%23f1f5f9%22/%3E%3Cpath%20d=%22M21.5%2027v8c0%208%205%2013%2010.5%2013s10.5-5%2010.5-13v-8z%22%20fill=%22%23f1f5f9%22/%3E%3Cpath%20d=%22M18%2036c0%207%205%2011%2012%209%22%20fill=%22none%22%20stroke=%22%2322c55e%22%20stroke-width=%222%22%20stroke-linecap=%22round%22/%3E%3Crect%20x=%2227.5%22%20y=%2242.5%22%20width=%226%22%20height=%224.6%22%20rx=%222.3%22%20fill=%22%2322c55e%22/%3E%3C/svg%3E")}
#live #lv-ramais .lv-ext.lv-s-busy::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2066%2064%22%3E%3Cg%20fill=%22%23ef4444%22%3E%3Cpath%20d=%22M5%2064c0-9%208-13%2020-16l7%208%207-8c12%203%2020%207%2020%2016z%22/%3E%3Cpath%20d=%22M20%2029c-1.5-12%205-17%2012-17s13.5%205%2012%2017c-2-6-6.5-9-12-9s-10%203-12%209z%22/%3E%3Crect%20x=%2215.5%22%20y=%2227%22%20width=%225%22%20height=%2210%22%20rx=%222.5%22/%3E%3Crect%20x=%2243.5%22%20y=%2227%22%20width=%225%22%20height=%2210%22%20rx=%222.5%22/%3E%3C/g%3E%3Cpath%20d=%22M18%2032C17%2012%2047%2012%2046%2032%22%20fill=%22none%22%20stroke=%22%23ef4444%22%20stroke-width=%221.3%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M26.5%2049l5.5%207%205.5-7z%22%20fill=%22%23f1f5f9%22/%3E%3Cpath%20d=%22M21.5%2027v8c0%208%205%2013%2010.5%2013s10.5-5%2010.5-13v-8z%22%20fill=%22%23f1f5f9%22/%3E%3Cpath%20d=%22M18%2036c0%207%205%2011%2012%209%22%20fill=%22none%22%20stroke=%22%23ef4444%22%20stroke-width=%222%22%20stroke-linecap=%22round%22/%3E%3Crect%20x=%2227.5%22%20y=%2242.5%22%20width=%226%22%20height=%224.6%22%20rx=%222.3%22%20fill=%22%23ef4444%22/%3E%3Cg%20fill=%22none%22%20stroke=%22%23ef4444%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M57%2014q3%203%200%206%22%3E%3Canimate%20attributeName=%22opacity%22%20values=%220%3B1%3B0%22%20dur=%221s%22%20repeatCount=%22indefinite%22/%3E%3C/path%3E%3Cpath%20d=%22M61%2010q5%207%200%2014%22%3E%3Canimate%20attributeName=%22opacity%22%20values=%220%3B1%3B0%22%20dur=%221s%22%20begin=%220.25s%22%20repeatCount=%22indefinite%22/%3E%3C/path%3E%3C/g%3E%3C/svg%3E")}
#live #lv-ramais .lv-ext.lv-s-ring::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2066%2064%22%3E%3Cg%20fill=%22%23f59e0b%22%3E%3Cpath%20d=%22M5%2064c0-9%208-13%2020-16l7%208%207-8c12%203%2020%207%2020%2016z%22/%3E%3Cpath%20d=%22M20%2029c-1.5-12%205-17%2012-17s13.5%205%2012%2017c-2-6-6.5-9-12-9s-10%203-12%209z%22/%3E%3Crect%20x=%2215.5%22%20y=%2227%22%20width=%225%22%20height=%2210%22%20rx=%222.5%22/%3E%3Crect%20x=%2243.5%22%20y=%2227%22%20width=%225%22%20height=%2210%22%20rx=%222.5%22/%3E%3C/g%3E%3Cpath%20d=%22M18%2032C17%2012%2047%2012%2046%2032%22%20fill=%22none%22%20stroke=%22%23f59e0b%22%20stroke-width=%221.3%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M26.5%2049l5.5%207%205.5-7z%22%20fill=%22%23f1f5f9%22/%3E%3Cpath%20d=%22M21.5%2027v8c0%208%205%2013%2010.5%2013s10.5-5%2010.5-13v-8z%22%20fill=%22%23f1f5f9%22/%3E%3Cpath%20d=%22M18%2036c0%207%205%2011%2012%209%22%20fill=%22none%22%20stroke=%22%23f59e0b%22%20stroke-width=%222%22%20stroke-linecap=%22round%22/%3E%3Crect%20x=%2227.5%22%20y=%2242.5%22%20width=%226%22%20height=%224.6%22%20rx=%222.3%22%20fill=%22%23f59e0b%22/%3E%3Cg%20fill=%22none%22%20stroke=%22%23f59e0b%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M57%2014q3%203%200%206%22%3E%3Canimate%20attributeName=%22opacity%22%20values=%220%3B1%3B0%22%20dur=%221s%22%20repeatCount=%22indefinite%22/%3E%3C/path%3E%3Cpath%20d=%22M61%2010q5%207%200%2014%22%3E%3Canimate%20attributeName=%22opacity%22%20values=%220%3B1%3B0%22%20dur=%221s%22%20begin=%220.25s%22%20repeatCount=%22indefinite%22/%3E%3C/path%3E%3C/g%3E%3C/svg%3E")}
#live #lv-ramais .lv-ext.lv-s-busy.lv-pause::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2066%2064%22%3E%3Cg%20fill=%22%238b5cf6%22%3E%3Cpath%20d=%22M5%2064c0-9%208-13%2020-16l7%208%207-8c12%203%2020%207%2020%2016z%22/%3E%3Cpath%20d=%22M20%2029c-1.5-12%205-17%2012-17s13.5%205%2012%2017c-2-6-6.5-9-12-9s-10%203-12%209z%22/%3E%3Crect%20x=%2215.5%22%20y=%2227%22%20width=%225%22%20height=%2210%22%20rx=%222.5%22/%3E%3Crect%20x=%2243.5%22%20y=%2227%22%20width=%225%22%20height=%2210%22%20rx=%222.5%22/%3E%3C/g%3E%3Cpath%20d=%22M18%2032C17%2012%2047%2012%2046%2032%22%20fill=%22none%22%20stroke=%22%238b5cf6%22%20stroke-width=%221.3%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M26.5%2049l5.5%207%205.5-7z%22%20fill=%22%23f1f5f9%22/%3E%3Cpath%20d=%22M21.5%2027v8c0%208%205%2013%2010.5%2013s10.5-5%2010.5-13v-8z%22%20fill=%22%23f1f5f9%22/%3E%3Cpath%20d=%22M18%2036c0%207%205%2011%2012%209%22%20fill=%22none%22%20stroke=%22%238b5cf6%22%20stroke-width=%222%22%20stroke-linecap=%22round%22/%3E%3Crect%20x=%2227.5%22%20y=%2242.5%22%20width=%226%22%20height=%224.6%22%20rx=%222.3%22%20fill=%22%238b5cf6%22/%3E%3C/svg%3E")}
#live #lv-ramais .lv-ext.lv-s-off::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2066%2064%22%3E%3Cg%20fill=%22%2364748b%22%3E%3Cpath%20d=%22M5%2064c0-9%208-13%2020-16l7%208%207-8c12%203%2020%207%2020%2016z%22/%3E%3Cpath%20d=%22M20%2029c-1.5-12%205-17%2012-17s13.5%205%2012%2017c-2-6-6.5-9-12-9s-10%203-12%209z%22/%3E%3Crect%20x=%2215.5%22%20y=%2227%22%20width=%225%22%20height=%2210%22%20rx=%222.5%22/%3E%3Crect%20x=%2243.5%22%20y=%2227%22%20width=%225%22%20height=%2210%22%20rx=%222.5%22/%3E%3C/g%3E%3Cpath%20d=%22M18%2032C17%2012%2047%2012%2046%2032%22%20fill=%22none%22%20stroke=%22%2364748b%22%20stroke-width=%221.3%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M26.5%2049l5.5%207%205.5-7z%22%20fill=%22%23f1f5f9%22/%3E%3Cpath%20d=%22M21.5%2027v8c0%208%205%2013%2010.5%2013s10.5-5%2010.5-13v-8z%22%20fill=%22%23f1f5f9%22/%3E%3Cpath%20d=%22M18%2036c0%207%205%2011%2012%209%22%20fill=%22none%22%20stroke=%22%2364748b%22%20stroke-width=%222%22%20stroke-linecap=%22round%22/%3E%3Crect%20x=%2227.5%22%20y=%2242.5%22%20width=%226%22%20height=%224.6%22%20rx=%222.3%22%20fill=%22%2364748b%22/%3E%3C/svg%3E")}
#ramais .rm.online::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2066%2064%22%3E%3Cg%20fill=%22%2322c55e%22%3E%3Cpath%20d=%22M5%2064c0-9%208-13%2020-16l7%208%207-8c12%203%2020%207%2020%2016z%22/%3E%3Cpath%20d=%22M20%2029c-1.5-12%205-17%2012-17s13.5%205%2012%2017c-2-6-6.5-9-12-9s-10%203-12%209z%22/%3E%3Crect%20x=%2215.5%22%20y=%2227%22%20width=%225%22%20height=%2210%22%20rx=%222.5%22/%3E%3Crect%20x=%2243.5%22%20y=%2227%22%20width=%225%22%20height=%2210%22%20rx=%222.5%22/%3E%3C/g%3E%3Cpath%20d=%22M18%2032C17%2012%2047%2012%2046%2032%22%20fill=%22none%22%20stroke=%22%2322c55e%22%20stroke-width=%221.3%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M26.5%2049l5.5%207%205.5-7z%22%20fill=%22%23f1f5f9%22/%3E%3Cpath%20d=%22M21.5%2027v8c0%208%205%2013%2010.5%2013s10.5-5%2010.5-13v-8z%22%20fill=%22%23f1f5f9%22/%3E%3Cpath%20d=%22M18%2036c0%207%205%2011%2012%209%22%20fill=%22none%22%20stroke=%22%2322c55e%22%20stroke-width=%222%22%20stroke-linecap=%22round%22/%3E%3Crect%20x=%2227.5%22%20y=%2242.5%22%20width=%226%22%20height=%224.6%22%20rx=%222.3%22%20fill=%22%2322c55e%22/%3E%3C/svg%3E")}
#ramais .rm.talking::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2066%2064%22%3E%3Cg%20fill=%22%23ef4444%22%3E%3Cpath%20d=%22M5%2064c0-9%208-13%2020-16l7%208%207-8c12%203%2020%207%2020%2016z%22/%3E%3Cpath%20d=%22M20%2029c-1.5-12%205-17%2012-17s13.5%205%2012%2017c-2-6-6.5-9-12-9s-10%203-12%209z%22/%3E%3Crect%20x=%2215.5%22%20y=%2227%22%20width=%225%22%20height=%2210%22%20rx=%222.5%22/%3E%3Crect%20x=%2243.5%22%20y=%2227%22%20width=%225%22%20height=%2210%22%20rx=%222.5%22/%3E%3C/g%3E%3Cpath%20d=%22M18%2032C17%2012%2047%2012%2046%2032%22%20fill=%22none%22%20stroke=%22%23ef4444%22%20stroke-width=%221.3%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M26.5%2049l5.5%207%205.5-7z%22%20fill=%22%23f1f5f9%22/%3E%3Cpath%20d=%22M21.5%2027v8c0%208%205%2013%2010.5%2013s10.5-5%2010.5-13v-8z%22%20fill=%22%23f1f5f9%22/%3E%3Cpath%20d=%22M18%2036c0%207%205%2011%2012%209%22%20fill=%22none%22%20stroke=%22%23ef4444%22%20stroke-width=%222%22%20stroke-linecap=%22round%22/%3E%3Crect%20x=%2227.5%22%20y=%2242.5%22%20width=%226%22%20height=%224.6%22%20rx=%222.3%22%20fill=%22%23ef4444%22/%3E%3Cg%20fill=%22none%22%20stroke=%22%23ef4444%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M57%2014q3%203%200%206%22%3E%3Canimate%20attributeName=%22opacity%22%20values=%220%3B1%3B0%22%20dur=%221s%22%20repeatCount=%22indefinite%22/%3E%3C/path%3E%3Cpath%20d=%22M61%2010q5%207%200%2014%22%3E%3Canimate%20attributeName=%22opacity%22%20values=%220%3B1%3B0%22%20dur=%221s%22%20begin=%220.25s%22%20repeatCount=%22indefinite%22/%3E%3C/path%3E%3C/g%3E%3C/svg%3E")}
#ramais .rm.ringing::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2066%2064%22%3E%3Cg%20fill=%22%23f59e0b%22%3E%3Cpath%20d=%22M5%2064c0-9%208-13%2020-16l7%208%207-8c12%203%2020%207%2020%2016z%22/%3E%3Cpath%20d=%22M20%2029c-1.5-12%205-17%2012-17s13.5%205%2012%2017c-2-6-6.5-9-12-9s-10%203-12%209z%22/%3E%3Crect%20x=%2215.5%22%20y=%2227%22%20width=%225%22%20height=%2210%22%20rx=%222.5%22/%3E%3Crect%20x=%2243.5%22%20y=%2227%22%20width=%225%22%20height=%2210%22%20rx=%222.5%22/%3E%3C/g%3E%3Cpath%20d=%22M18%2032C17%2012%2047%2012%2046%2032%22%20fill=%22none%22%20stroke=%22%23f59e0b%22%20stroke-width=%221.3%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M26.5%2049l5.5%207%205.5-7z%22%20fill=%22%23f1f5f9%22/%3E%3Cpath%20d=%22M21.5%2027v8c0%208%205%2013%2010.5%2013s10.5-5%2010.5-13v-8z%22%20fill=%22%23f1f5f9%22/%3E%3Cpath%20d=%22M18%2036c0%207%205%2011%2012%209%22%20fill=%22none%22%20stroke=%22%23f59e0b%22%20stroke-width=%222%22%20stroke-linecap=%22round%22/%3E%3Crect%20x=%2227.5%22%20y=%2242.5%22%20width=%226%22%20height=%224.6%22%20rx=%222.3%22%20fill=%22%23f59e0b%22/%3E%3Cg%20fill=%22none%22%20stroke=%22%23f59e0b%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M57%2014q3%203%200%206%22%3E%3Canimate%20attributeName=%22opacity%22%20values=%220%3B1%3B0%22%20dur=%221s%22%20repeatCount=%22indefinite%22/%3E%3C/path%3E%3Cpath%20d=%22M61%2010q5%207%200%2014%22%3E%3Canimate%20attributeName=%22opacity%22%20values=%220%3B1%3B0%22%20dur=%221s%22%20begin=%220.25s%22%20repeatCount=%22indefinite%22/%3E%3C/path%3E%3C/g%3E%3C/svg%3E")}
#ramais .rm.offline::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2066%2064%22%3E%3Cg%20fill=%22%2364748b%22%3E%3Cpath%20d=%22M5%2064c0-9%208-13%2020-16l7%208%207-8c12%203%2020%207%2020%2016z%22/%3E%3Cpath%20d=%22M20%2029c-1.5-12%205-17%2012-17s13.5%205%2012%2017c-2-6-6.5-9-12-9s-10%203-12%209z%22/%3E%3Crect%20x=%2215.5%22%20y=%2227%22%20width=%225%22%20height=%2210%22%20rx=%222.5%22/%3E%3Crect%20x=%2243.5%22%20y=%2227%22%20width=%225%22%20height=%2210%22%20rx=%222.5%22/%3E%3C/g%3E%3Cpath%20d=%22M18%2032C17%2012%2047%2012%2046%2032%22%20fill=%22none%22%20stroke=%22%2364748b%22%20stroke-width=%221.3%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M26.5%2049l5.5%207%205.5-7z%22%20fill=%22%23f1f5f9%22/%3E%3Cpath%20d=%22M21.5%2027v8c0%208%205%2013%2010.5%2013s10.5-5%2010.5-13v-8z%22%20fill=%22%23f1f5f9%22/%3E%3Cpath%20d=%22M18%2036c0%207%205%2011%2012%209%22%20fill=%22none%22%20stroke=%22%2364748b%22%20stroke-width=%222%22%20stroke-linecap=%22round%22/%3E%3Crect%20x=%2227.5%22%20y=%2242.5%22%20width=%226%22%20height=%224.6%22%20rx=%222.3%22%20fill=%22%2364748b%22/%3E%3C/svg%3E")}
@media (prefers-reduced-motion:reduce){#live #lv-ramais .lv-ext::after,#ramais .rm::after{animation:none}}

#ramais.grid{grid-template-columns:repeat(auto-fill,minmax(212px,1fr))!important}

/* ===== v8: Filas ao vivo (tenant/filas/aovivo) ===== */
html[data-theme=dark] .flx-app .livepill{background:#0f172a;border-color:#334155;color:#cbd5e1}
html[data-theme=dark] .flx-app .qcard .qtitle h3{color:#e5e7eb}
html[data-theme=dark] .flx-app .qcard .qtitle small,.qnote,.none{color:#94a3b8}
html[data-theme=dark] .flx-app .qcard .kpi{background:#0f172a;border-color:#334155}
html[data-theme=dark] .flx-app .qcard .kpi b{color:#e5e7eb}
html[data-theme=dark] .flx-app .qcard .kpi span{color:#94a3b8}
html[data-theme=dark] .flx-app .qcard .kpi.hot{background:rgba(245,158,11,.12);border-color:#b45309}
html[data-theme=dark] .flx-app .qcard .kpi.hot b{color:#fbbf24}
html[data-theme=dark] .flx-app .qcard .kpi.bad{background:rgba(239,68,68,.12);border-color:#b91c1c}
html[data-theme=dark] .flx-app .qcard .kpi.bad b{color:#f87171}
html[data-theme=dark] .flx-app .qcard .kpi.good{background:rgba(34,197,94,.10);border-color:#166534}
html[data-theme=dark] .flx-app .qcard .kpi.good b{color:#4ade80}
html[data-theme=dark] .flx-app .qcard .qsec{color:#94a3b8}
html[data-theme=dark] .flx-app .qcard .qsec i{background:#1e293b;color:#cbd5e1}
html[data-theme=dark] .flx-app .qcard .ag{background:#0f172a;border-color:#334155;color:#e5e7eb}
html[data-theme=dark] .flx-app .qcard .ag b{color:#f1f5f9}
html[data-theme=dark] .flx-app .qcard .ag .nm{color:#cbd5e1}
html[data-theme=dark] .flx-app .qcard .ag em{color:#94a3b8}
html[data-theme=dark] .flx-app .qcard .ag.st-free{background:rgba(34,197,94,.10);border-color:#166534}
html[data-theme=dark] .flx-app .qcard .ag.st-free em{color:#4ade80}
html[data-theme=dark] .flx-app .qcard .ag.st-incall{background:rgba(239,68,68,.12);border-color:#991b1b}
html[data-theme=dark] .flx-app .qcard .ag.st-incall em{color:#f87171}
html[data-theme=dark] .flx-app .qcard .ag.st-ringing{background:rgba(245,158,11,.12);border-color:#b45309}
html[data-theme=dark] .flx-app .qcard .ag.st-ringing em{color:#fbbf24}
html[data-theme=dark] .flx-app .qcard .ag.st-paused{background:rgba(139,92,246,.14);border-color:#6d28d9}
html[data-theme=dark] .flx-app .qcard .ag.st-paused em{color:#a78bfa}
html[data-theme=dark] .flx-app .qcard .ag.st-unavailable,html[data-theme=dark] .flx-app .qcard .ag.st-unknown,html[data-theme=dark] .flx-app .qcard .ag.st-loggedout{background:transparent;border-color:#334155;opacity:.7}
html[data-theme=dark] .flx-app .qcard .ag.st-unavailable .nm,html[data-theme=dark] .flx-app .qcard .ag.st-unknown .nm,html[data-theme=dark] .flx-app .qcard .ag.st-loggedout .nm{color:#64748b}
html[data-theme=dark] .flx-app .qcard .wr{background:rgba(245,158,11,.10);border-color:#b45309;color:#e5e7eb}
html[data-theme=dark] .flx-app .qcard .wr .wt{color:#fbbf24}

/* ===== v9: placa do logo (Aparencia) fica branca tambem no escuro, como no menu lateral ===== */
html[data-theme=dark] .flx-app span[style*="background:#fff"][style*="border-radius:8px"][style*="padding:8px"]{background:#fff!important}
/* rm-has: card do Tempo real em chamada, igual ao lv-has do Painel (rotulo embaixo, quebrando linha) */
#ramais .rm.rm-has{grid-template-areas:"d b" "d s" "i i"}
#ramais .rm.rm-has small:nth-of-type(2){text-align:left;margin-top:3px;white-space:normal!important;word-break:break-all;overflow:visible}