/* Central de Clientes — tema "sala de transmissão" (escopo .dt-ch). Só apresentação. */
.dt-ch{--ch-ink:#0a0e17;--ch-c1:#111827;--ch-c2:#0c111c;--ch-line:rgba(255,255,255,.07);--ch-line2:rgba(255,255,255,.13);--ch-text:#edf1f8;--ch-mute:#8a96ab;--ch-live:#ff3b5c;--ch-live2:#ff7a59;--ch-acc:#ff6a1a;--ch-ok:#34d399;--ch-warn:#fbbf24;--ch-bad:#f87171;--ch-sky:#7dd3fc;color:var(--ch-text);font-family:Outfit,system-ui,sans-serif;max-width:1360px}
.dt-ch *{box-sizing:border-box}
.dt-ch h2,.dt-ch h3,.dt-ch p{margin:0}
/* hero */
.dt-ch-hero{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;padding:30px;border-radius:28px;border:1px solid var(--ch-line);background:radial-gradient(70% 120% at 85% 10%,rgba(255,59,92,.16),transparent 60%),radial-gradient(60% 100% at 0% 100%,rgba(125,211,252,.08),transparent 60%),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px),linear-gradient(160deg,#141b2b,#0a0f19);box-shadow:0 26px 60px rgba(0,0,0,.4);overflow:hidden;margin-bottom:16px}
.dt-ch-kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ch-sky)}
.dt-ch-kicker::before{content:"";width:18px;height:2px;background:currentColor;border-radius:2px}
.dt-ch-hero h2{margin-top:10px;font:700 clamp(28px,3.8vw,42px)/1.05 Syne,Outfit,system-ui,sans-serif;letter-spacing:-.025em}
.dt-ch-hero h2 em{font-style:normal;background:linear-gradient(90deg,var(--ch-live),var(--ch-live2));-webkit-background-clip:text;background-clip:text;color:transparent}
.dt-ch-hero p{margin-top:10px;color:var(--ch-mute);font-size:15px;line-height:1.55;max-width:52ch}
.dt-ch-hero-r{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}
.dt-ch-live{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:18px;border:1px solid var(--ch-line2);background:rgba(255,255,255,.03)}
.dt-ch-live strong{font:700 30px/1 Syne,Outfit,system-ui,sans-serif}
.dt-ch-live span:last-child{font-size:12.5px;color:var(--ch-mute);max-width:110px;line-height:1.3}
.dt-ch-live-dot{width:12px;height:12px;border-radius:50%;background:#5b6578}
.dt-ch-live.is-on{border-color:rgba(255,59,92,.45);background:linear-gradient(135deg,rgba(255,59,92,.14),rgba(255,59,92,.03))}
.dt-ch-live.is-on .dt-ch-live-dot{background:var(--ch-live);box-shadow:0 0 0 0 rgba(255,59,92,.6);animation:dtChPulse 1.6s infinite}
@keyframes dtChPulse{0%{box-shadow:0 0 0 0 rgba(255,59,92,.55)}70%{box-shadow:0 0 0 12px rgba(255,59,92,0)}100%{box-shadow:0 0 0 0 rgba(255,59,92,0)}}
.dt-ch-mini{display:flex;flex-direction:column;justify-content:center;padding:12px 18px;border-radius:18px;border:1px solid var(--ch-line);background:rgba(255,255,255,.02)}
.dt-ch-mini span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ch-mute)}
.dt-ch-mini strong{font:700 24px/1.1 Syne,Outfit,system-ui,sans-serif;margin-top:3px}
.dt-ch-refresh{width:52px;border-radius:18px;border:1px solid var(--ch-line2);background:rgba(255,255,255,.03);color:var(--ch-text);font-size:20px;cursor:pointer;transition:background .15s,transform .3s}
.dt-ch-refresh:hover:not(:disabled){background:rgba(255,255,255,.08);transform:rotate(90deg)}
.dt-ch-refresh:disabled{opacity:.5;cursor:wait}
/* no ar */
.dt-ch-onair{padding:16px 18px;border-radius:22px;border:1px solid rgba(255,59,92,.3);background:linear-gradient(90deg,rgba(255,59,92,.1),rgba(255,59,92,.02) 60%),var(--ch-c2);margin-bottom:16px}
.dt-ch-onair-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.dt-ch-onair-head p{font-size:13.5px;color:#d6dbe6}
.dt-ch-onair-tag{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:7px;background:var(--ch-live);color:#fff;font:800 11px/1 Outfit,system-ui,sans-serif;letter-spacing:.14em;box-shadow:0 6px 18px rgba(255,59,92,.35)}
.dt-ch-onair-tag i{width:7px;height:7px;border-radius:50%;background:#fff;animation:dtChBlink 1.2s steps(2,start) infinite}
@keyframes dtChBlink{to{visibility:hidden}}
.dt-ch-onair-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.dt-ch-onair-item{flex:0 0 auto;display:flex;align-items:center;gap:10px;max-width:280px;padding:10px 14px;border-radius:14px;border:1px solid var(--ch-line2);background:rgba(0,0,0,.28)}
.dt-ch-onair-item div{min-width:0}
.dt-ch-onair-item b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dt-ch-onair-item span:not(.dt-ch-eq){display:block;font-size:12.5px;color:#ffb3c0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.dt-ch-onair-more{flex:0 0 auto;display:flex;align-items:center;padding:0 16px;border-radius:14px;border:1px dashed var(--ch-line2);color:var(--ch-mute);font-weight:700}
/* equalizador */
.dt-ch-eq{display:inline-flex;align-items:flex-end;gap:2px;height:18px;flex:0 0 auto}
.dt-ch-eq i{width:3px;border-radius:2px;background:linear-gradient(180deg,var(--ch-live2),var(--ch-live));animation:dtChEq 1s ease-in-out infinite}
.dt-ch-eq i:nth-child(1){height:40%;animation-delay:-.2s}.dt-ch-eq i:nth-child(2){height:90%;animation-delay:-.5s}.dt-ch-eq i:nth-child(3){height:60%;animation-delay:-.8s}.dt-ch-eq i:nth-child(4){height:75%;animation-delay:-.35s}
.dt-ch-eq.sm{height:14px}
@keyframes dtChEq{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
.dt-ch-eq i{transform-origin:bottom}
@media(prefers-reduced-motion:reduce){.dt-ch-eq i,.dt-ch-live-dot,.dt-ch-onair-tag i,.dt-ch-av em{animation:none!important}}
/* ações */
.dt-ch-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
.dt-ch-action{display:flex;align-items:center;gap:14px;padding:16px 18px;text-align:left;border-radius:20px;border:1px solid var(--ch-line);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));color:var(--ch-text);font:inherit;cursor:pointer;transition:transform .18s,border-color .18s,background .18s}
.dt-ch-action:hover:not(:disabled){transform:translateY(-2px);border-color:var(--ch-line2);background:rgba(255,255,255,.06)}
.dt-ch-action:disabled{opacity:.55;cursor:wait}
.dt-ch-action-ico{flex:0 0 46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;background:rgba(125,211,252,.1);color:var(--ch-sky);border:1px solid rgba(125,211,252,.25)}
.dt-ch-action.is-accent .dt-ch-action-ico{background:linear-gradient(135deg,var(--ch-acc),#e3420c);color:#fff;border:0;box-shadow:0 10px 22px rgba(255,106,26,.3)}
.dt-ch-action-txt b{display:block;font-size:15.5px}
.dt-ch-action-txt small{display:block;margin-top:3px;font-size:12.5px;color:var(--ch-mute);line-height:1.4}
/* filtros */
.dt-ch-filters{padding:16px;border-radius:22px;border:1px solid var(--ch-line);background:var(--ch-c2);margin-bottom:16px}
.dt-ch-tabs{display:flex;gap:8px;flex-wrap:wrap}
.dt-ch-tab{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:13px;border:1px solid var(--ch-line2);background:rgba(255,255,255,.025);color:#c7cfdc;font:600 14px Outfit,system-ui,sans-serif;cursor:pointer;transition:all .15s}
.dt-ch-tab i{font-style:normal;font-size:12px;opacity:.85}
.dt-ch-tab em{font-style:normal;font-size:12px;font-weight:700;padding:2px 8px;border-radius:99px;background:rgba(255,255,255,.08)}
.dt-ch-tab:hover{border-color:rgba(255,255,255,.25);color:#fff}
.dt-ch-tab.is-active i{color:var(--ch-ok)}.dt-ch-tab.is-a_vencer i{color:var(--ch-warn)}.dt-ch-tab.is-vencido i{color:var(--ch-bad)}.dt-ch-tab.is-expirado i{color:var(--ch-mute)}
.dt-ch-tab.is-on{color:#fff;border-color:transparent;background:linear-gradient(135deg,#253150,#1a2238);box-shadow:inset 0 0 0 1.5px rgba(125,211,252,.55),0 8px 20px rgba(0,0,0,.25)}
.dt-ch-tab.is-on em{background:rgba(125,211,252,.2);color:#dff3ff}
.dt-ch-help{margin:12px 2px 14px!important;font-size:13.5px;color:var(--ch-mute);line-height:1.5}
.dt-ch-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.dt-ch-search{position:relative;flex:1 1 300px}
.dt-ch-search span{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--ch-mute);pointer-events:none}
.dt-ch-search input{width:100%;height:46px;padding:0 14px 0 42px;border-radius:13px;border:1px solid var(--ch-line2);background:rgba(0,0,0,.3);color:var(--ch-text);font:500 15px Outfit,system-ui,sans-serif;outline:0;transition:border-color .15s,box-shadow .15s}
.dt-ch-search input:focus{border-color:rgba(125,211,252,.6);box-shadow:0 0 0 3px rgba(125,211,252,.12)}
.dt-ch-switch{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 14px;border-radius:13px;border:1px solid var(--ch-line2);font-size:13.5px;font-weight:600;color:#cfd6e2;cursor:pointer;white-space:nowrap}
.dt-ch-switch input{position:absolute;opacity:0;width:1px;height:1px}
.dt-ch-switch-ui{position:relative;width:38px;height:22px;border-radius:99px;background:rgba(255,255,255,.12);transition:background .2s}
.dt-ch-switch-ui::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}
.dt-ch-switch input:checked+.dt-ch-switch-ui{background:var(--ch-live)}
.dt-ch-switch input:checked+.dt-ch-switch-ui::after{transform:translateX(16px)}
.dt-ch-switch input:focus-visible+.dt-ch-switch-ui{outline:2px solid var(--ch-sky);outline-offset:2px}
.dt-ch-origin{height:46px;padding:0 16px;border-radius:13px;border:1px solid var(--ch-line2);background:transparent;color:#cfd6e2;font:600 13.5px Outfit,system-ui,sans-serif;cursor:pointer}
.dt-ch-origin.is-on,.dt-ch-origin:hover{background:rgba(255,255,255,.06);color:#fff}
.dt-ch-scope{margin-top:14px;padding-top:14px;border-top:1px solid var(--ch-line)}
/* pix */
.dt-ch-pix{padding:18px;border-radius:22px;border:1px solid rgba(251,191,36,.3);background:linear-gradient(135deg,rgba(251,191,36,.08),transparent 60%),var(--ch-c2);margin-bottom:16px}
.dt-ch-pix-head{display:flex;gap:12px;margin-bottom:14px}
.dt-ch-pix-head>span{font-size:22px}
.dt-ch-pix-head strong{font-size:15.5px}
.dt-ch-pix-head p{margin-top:3px;font-size:13px;color:var(--ch-mute);line-height:1.45}
.dt-ch-pix-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.dt-ch-pix-row label{display:flex;flex-direction:column;gap:6px;flex:0 1 200px;min-width:160px}
.dt-ch-pix-row label.is-grow{flex:1 1 260px}
.dt-ch-pix-row label>span{font-size:12.5px;font-weight:600;color:#c3cbd8}
.dt-ch-input{width:100%;height:44px;padding:0 13px;border-radius:12px;border:1px solid var(--ch-line2);background:rgba(0,0,0,.3);color:var(--ch-text);font:500 14.5px Outfit,system-ui,sans-serif;outline:0}
.dt-ch-input:focus{border-color:rgba(251,191,36,.6)}
.dt-ch-save{height:44px;padding:0 18px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--ch-acc),#e3420c);color:#fff;font:700 14px Outfit,system-ui,sans-serif;cursor:pointer}
.dt-ch-pix-st{margin-top:10px!important;font-size:12.5px}
.dt-ch-pix-st.is-ok{color:#86efac}.dt-ch-pix-st.is-err{color:#fca5a5}
/* cards */
.dt-ch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;align-items:start}
.dt-ch-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:0 18px 18px;border-radius:24px;border:1px solid var(--ch-line);background:linear-gradient(175deg,var(--ch-c1),var(--ch-c2));box-shadow:0 14px 34px rgba(0,0,0,.28);overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}
.dt-ch-card:hover{transform:translateY(-2px);box-shadow:0 22px 46px rgba(0,0,0,.4);border-color:var(--ch-line2)}
.dt-ch-card.is-online{border-color:rgba(255,59,92,.4);box-shadow:0 14px 40px rgba(255,59,92,.12),0 14px 34px rgba(0,0,0,.3)}
.dt-ch-card.is-focus{border-color:rgba(125,211,252,.6)}
.dt-ch-now{display:flex;align-items:center;gap:12px;margin:0 -18px;padding:14px 18px;background:linear-gradient(90deg,rgba(255,59,92,.22),rgba(255,122,89,.08));border-bottom:1px solid rgba(255,59,92,.3)}
.dt-ch-now-txt{min-width:0}
.dt-ch-now-txt span{display:block;font-size:10.5px;font-weight:800;letter-spacing:.16em;color:#ffb3c0}
.dt-ch-now-txt strong{display:block;margin-top:2px;font:700 17px/1.25 Syne,Outfit,system-ui,sans-serif;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dt-ch-status{display:flex;align-items:center;gap:8px;margin:0 -18px;padding:11px 18px;font-size:12.5px;font-weight:600;color:var(--ch-mute);background:rgba(255,255,255,.02);border-bottom:1px solid var(--ch-line)}
.dt-ch-status i{width:8px;height:8px;border-radius:50%;background:#556074}
.dt-ch-status.is-loading i{background:var(--ch-sky);animation:dtChPulse 1.6s infinite}
.dt-ch-head{display:flex;align-items:center;gap:13px}
.dt-ch-av{position:relative;flex:0 0 54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;font:700 19px Syne,Outfit,system-ui,sans-serif;color:#fff;background:linear-gradient(135deg,#3a4a6b,#222c43);border:1px solid rgba(255,255,255,.12)}
.dt-ch-card.is-online .dt-ch-av{background:linear-gradient(135deg,var(--ch-live2),var(--ch-live));border:0;box-shadow:0 10px 24px rgba(255,59,92,.35)}
.dt-ch-av em{position:absolute;right:-3px;bottom:-3px;width:15px;height:15px;border-radius:50%;background:var(--ch-ok);border:3px solid var(--ch-c1);animation:dtChPulseG 1.8s infinite}
@keyframes dtChPulseG{0%{box-shadow:0 0 0 0 rgba(52,211,153,.5)}70%{box-shadow:0 0 0 8px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
.dt-ch-id{min-width:0;flex:1}
.dt-ch-id h3{font:700 21px/1.15 Syne,Outfit,system-ui,sans-serif;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dt-ch-id>span{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.dt-ch-pill{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:99px;font-size:11.5px;font-weight:700;border:1px solid}
.dt-ch-pill.is-ok{color:var(--ch-ok);border-color:rgba(52,211,153,.35);background:rgba(52,211,153,.08)}
.dt-ch-pill.is-bad{color:var(--ch-bad);border-color:rgba(248,113,113,.35);background:rgba(248,113,113,.08)}
.dt-ch-pill.is-off{color:var(--ch-mute);border-color:var(--ch-line2)}
.dt-ch-pill.is-trial{color:var(--ch-sky);border-color:rgba(125,211,252,.35);background:rgba(125,211,252,.07)}
.dt-ch-plan{display:grid;grid-template-columns:1fr 1.3fr;border-radius:16px;border:1px solid var(--ch-line);background:rgba(0,0,0,.2);overflow:hidden}
.dt-ch-plan>div{padding:12px 14px;min-width:0}
.dt-ch-plan>div+div{border-left:1px solid var(--ch-line)}
.dt-ch-plan span:first-child{display:block;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ch-mute);margin-bottom:5px}
.dt-ch-plan strong{font-size:16px}
.dt-ch-count .an-countdown{display:flex;flex-direction:column;gap:2px;font-size:13px;font-weight:700}
.dt-ch-count .an-countdown-clock{font:600 13px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;opacity:.85}
.dt-ch-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin:0}
.dt-ch-info div{min-width:0}
.dt-ch-info .is-wide{grid-column:1/-1}
.dt-ch-info dt{font-size:11.5px;color:var(--ch-mute);margin-bottom:3px}
.dt-ch-info dd{margin:0;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dt-ch-info dd.is-ok{color:var(--ch-ok)}.dt-ch-info dd.is-warn{color:var(--ch-warn)}.dt-ch-info dd.is-off{color:var(--ch-mute)}
.dt-ch-info code{font:600 13px ui-monospace,SFMono-Regular,Menlo,monospace;color:#dbe4f3;background:rgba(255,255,255,.05);padding:2px 7px;border-radius:7px}
.dt-ch-wa{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:rgba(37,211,102,.06);border:1px solid rgba(37,211,102,.22)}
.dt-ch-wa-ico{flex:0 0 32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#25d366;color:#fff}
.dt-ch-wa a{display:flex;flex:1;justify-content:space-between;align-items:center;gap:8px;color:#d9fbe6;font-weight:700;font-size:14px;text-decoration:none;min-width:0}
.dt-ch-wa a small{font-size:12px;color:#7ee2a6;font-weight:600;white-space:nowrap}
.dt-ch-wa a:hover small{text-decoration:underline}
.dt-ch-wa .is-none{color:var(--ch-mute);font-size:13.5px}
.dt-ch-acts{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:8px}
.dt-ch-btn{height:42px;border-radius:12px;border:1px solid var(--ch-line2);background:rgba(255,255,255,.035);color:var(--ch-text);font:600 13.5px Outfit,system-ui,sans-serif;cursor:pointer;transition:background .15s,border-color .15s}
.dt-ch-btn:hover:not(:disabled){background:rgba(255,255,255,.08)}
.dt-ch-btn:disabled{opacity:.5;cursor:wait}
.dt-ch-btn.is-main{border:0;color:#fff;background:linear-gradient(135deg,#2e6bff,#1f49c7);box-shadow:0 8px 20px rgba(46,107,255,.28)}
.dt-ch-btn.is-main:hover:not(:disabled){filter:brightness(1.08);background:linear-gradient(135deg,#2e6bff,#1f49c7)}
.dt-ch-btn.is-on{box-shadow:0 0 0 2px rgba(125,211,252,.7),0 8px 20px rgba(46,107,255,.28)}
.dt-ch-remind{height:42px;border-radius:12px;border:1px solid rgba(37,211,102,.4);background:rgba(37,211,102,.1);color:#bdf5d3;font:700 13.5px Outfit,system-ui,sans-serif;cursor:pointer}
.dt-ch-remind:disabled{opacity:.45;cursor:not-allowed}
.dt-ch-conn{border-top:1px dashed var(--ch-line);padding-top:12px}
.dt-ch-msg{font-size:12.5px;padding:8px 10px;border-radius:10px}
.dt-ch-msg.is-ok{color:#86efac;background:rgba(52,211,153,.08)}.dt-ch-msg.is-err{color:#fca5a5;background:rgba(248,113,113,.08)}
.dt-ch-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:50px 20px;text-align:center;border-radius:24px;border:1px dashed var(--ch-line2);background:rgba(255,255,255,.015)}
.dt-ch-empty strong{font:700 19px Syne,Outfit,system-ui,sans-serif}
.dt-ch-empty p{color:var(--ch-mute);font-size:14px}
.dt-ch-empty.is-err strong{color:#fca5a5}
.dt-ch-spin{width:26px;height:26px;border-radius:50%;border:3px solid rgba(255,255,255,.12);border-top-color:var(--ch-sky);animation:dtChSpin .8s linear infinite}
@keyframes dtChSpin{to{transform:rotate(360deg)}}
@media(max-width:900px){.dt-ch-actions{grid-template-columns:1fr}}
@media(max-width:640px){.dt-ch-hero{padding:22px 18px}.dt-ch-hero-r{width:100%}.dt-ch-live{flex:1}.dt-ch-grid{grid-template-columns:1fr}.dt-ch-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.dt-ch-tab{flex:0 0 auto}.dt-ch-switch,.dt-ch-origin{flex:1;justify-content:center}.dt-ch-card{padding:0 14px 14px}.dt-ch-now,.dt-ch-status{margin:0 -14px;padding-left:14px;padding-right:14px}}
/* v2: card completo do cliente */
.dt-ch-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,460px),1fr));gap:18px}
.dt-cc{position:relative;display:flex;flex-direction:column;gap:16px;padding:0 20px 18px;border-radius:24px;border:1px solid var(--ch-line);background:linear-gradient(175deg,var(--ch-c1),var(--ch-c2));box-shadow:0 14px 34px rgba(0,0,0,.28);overflow:hidden;transition:box-shadow .2s,border-color .2s}
.dt-cc:hover{border-color:var(--ch-line2);box-shadow:0 22px 46px rgba(0,0,0,.4)}
.dt-cc.is-online{border-color:rgba(255,59,92,.4);box-shadow:0 14px 40px rgba(255,59,92,.12),0 14px 34px rgba(0,0,0,.3)}
.dt-cc.is-focus{border-color:rgba(125,211,252,.6)}
.dt-cc .dt-ch-now,.dt-cc .dt-ch-status{margin:0 -20px;padding-left:20px;padding-right:20px}
.dt-cc .dt-ch-now-txt strong{font-size:19px}
.dt-cc-head{display:flex;align-items:center;gap:14px}
.dt-cc .dt-ch-av{flex-basis:60px;height:60px;font-size:21px;border-radius:20px}
.dt-cc .dt-ch-id h3{font-size:24px}
.dt-ch-pill.is-warn{color:var(--ch-warn);border-color:rgba(251,191,36,.35);background:rgba(251,191,36,.08)}
.dt-ch-pill.is-sub{color:#c4b5fd;border-color:rgba(196,181,253,.35);background:rgba(196,181,253,.08)}
.dt-cc-plan{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;border-radius:18px;border:1px solid var(--ch-line);background:rgba(0,0,0,.22);overflow:hidden}
.dt-cc-plan>div{padding:14px;min-width:0}
.dt-cc-plan>div+div{border-left:1px solid var(--ch-line)}
.dt-cc-plan>div>span:first-child{display:block;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ch-mute);margin-bottom:6px}
.dt-cc-plan strong{display:block;font-size:17px}
.dt-cc-plan strong.is-date{font-size:14.5px;line-height:1.3}
.dt-cc-plan small{display:block;margin-top:3px;font-size:12px;color:var(--ch-mute)}
.dt-cc-block{padding:14px 16px;border-radius:18px;border:1px solid var(--ch-line);background:rgba(255,255,255,.018)}
.dt-cc-block h4{margin:0 0 10px;font-size:13px;font-weight:800;letter-spacing:.04em;color:#dbe2ee}
.dt-cc-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid rgba(255,255,255,.05)}
.dt-cc-row:first-of-type{border-top:0}
.dt-cc-k{flex:0 0 auto;font-size:13px;color:var(--ch-mute)}
.dt-cc-v{display:flex;align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:600;text-align:right;justify-content:flex-end;overflow:hidden}
.dt-cc-v code{font:600 13px ui-monospace,SFMono-Regular,Menlo,monospace;color:#e2e8f3;background:rgba(255,255,255,.06);padding:3px 8px;border-radius:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}
.dt-cc-v a{color:#86efac;text-decoration:none}
.dt-cc-v a:hover{text-decoration:underline}
.dt-cc-v.is-off{color:var(--ch-mute);font-weight:500}
.dt-cc-v.is-live{color:#ffb3c0}
.dt-cc-copy{flex:0 0 auto;height:26px;padding:0 9px;border-radius:7px;border:1px solid var(--ch-line2);background:transparent;color:#aab6c8;font:600 11.5px Outfit,system-ui,sans-serif;cursor:pointer}
.dt-cc-copy:hover{background:rgba(255,255,255,.07);color:#fff}
.dt-cc-line{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.dt-cc-line h4{margin:0 0 4px}
.dt-cc-line p{font-size:12.5px;color:var(--ch-mute);line-height:1.45}
.dt-cc-state{flex:0 0 auto;max-width:48%;text-align:right;font-size:12.5px;font-weight:800;padding:6px 10px;border-radius:10px;border:1px solid;line-height:1.3}
.dt-cc-state.is-ok{color:var(--ch-ok);border-color:rgba(52,211,153,.35);background:rgba(52,211,153,.08)}
.dt-cc-state.is-warn{color:var(--ch-warn);border-color:rgba(251,191,36,.35);background:rgba(251,191,36,.08)}
.dt-cc-state.is-off{color:var(--ch-mute);border-color:var(--ch-line2)}
.dt-cc-block.is-adult{border-color:rgba(251,191,36,.18)}
.dt-cc-block.is-pay{border-color:rgba(46,107,255,.25);background:linear-gradient(135deg,rgba(46,107,255,.07),transparent 60%)}
.dt-cc-btns{display:flex;flex-wrap:wrap;gap:8px}
.dt-cc-btn{flex:1 1 180px;height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--ch-line2);background:rgba(255,255,255,.04);color:var(--ch-text);font:700 14px Outfit,system-ui,sans-serif;cursor:pointer;transition:filter .15s,background .15s}
.dt-cc-block.is-adult .dt-cc-btn{width:100%}
.dt-cc-btn:disabled{opacity:.5;cursor:wait}
.dt-cc-btn:hover:not(:disabled){filter:brightness(1.1)}
.dt-cc-btn.is-warn{border-color:rgba(251,191,36,.45);background:rgba(251,191,36,.12);color:#fde68a}
.dt-cc-btn.is-ghost{background:rgba(255,255,255,.04)}
.dt-cc-btn.is-pay{border:0;color:#fff;background:linear-gradient(135deg,#2e6bff,#1f49c7);box-shadow:0 8px 20px rgba(46,107,255,.28)}
.dt-cc-btn.is-ok{border:0;color:#062a1b;background:linear-gradient(135deg,#34d399,#10b981)}
.dt-cc-btn.is-wa{border-color:rgba(37,211,102,.45);background:rgba(37,211,102,.12);color:#bdf5d3}
.dt-cc-msg{margin-top:10px!important;font-size:12.5px;padding:8px 10px;border-radius:10px}
.dt-cc-msg.is-ok{color:#86efac;background:rgba(52,211,153,.08)}.dt-cc-msg.is-err{color:#fca5a5;background:rgba(248,113,113,.08)}
.dt-cc-acts{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:8px}
.dt-cc-acts .dt-ch-btn{height:46px;font-size:13.5px}
.dt-cc-danger{display:flex;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px dashed var(--ch-line)}
.dt-cc-link{border:0;background:transparent;font:700 13px Outfit,system-ui,sans-serif;cursor:pointer;padding:6px 4px;border-radius:8px}
.dt-cc-link:hover:not(:disabled){background:rgba(255,255,255,.05)}
.dt-cc-link:disabled{opacity:.5;cursor:wait}
.dt-cc-link.is-warn{color:var(--ch-warn)}.dt-cc-link.is-bad{color:var(--ch-bad);margin-left:auto}
@media(max-width:640px){.dt-ch-grid{grid-template-columns:1fr}.dt-cc{padding:0 14px 14px}.dt-cc .dt-ch-now,.dt-cc .dt-ch-status{margin:0 -14px;padding-left:14px;padding-right:14px}.dt-cc-plan{grid-template-columns:1fr 1fr}.dt-cc-plan>div:last-child{grid-column:1/-1;border-left:0;border-top:1px solid var(--ch-line)}.dt-cc-acts{grid-template-columns:1fr 1fr}.dt-cc-acts .is-main{grid-column:1/-1;order:-1}.dt-cc-line{flex-direction:column}.dt-cc-state{max-width:none;text-align:left}.dt-cc .dt-ch-id h3{font-size:21px}}
.dt-cc.is-online .dt-ch-av{background:linear-gradient(135deg,var(--ch-live2),var(--ch-live));border:0;box-shadow:0 10px 24px rgba(255,59,92,.35)}
.dt-cc-block.is-app{border-color:rgba(125,211,252,.22);background:linear-gradient(135deg,rgba(125,211,252,.06),transparent 60%)}
.dt-cc-app{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:6px;border-radius:14px;background:rgba(0,0,0,.25);border:1px solid var(--ch-line)}
.dt-cc-app-ico{flex:0 0 42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font:700 18px Syne,Outfit,system-ui,sans-serif;color:#0b1424;background:linear-gradient(135deg,#7dd3fc,#38bdf8)}
.dt-cc-app strong{display:block;font-size:16px}
.dt-cc-app small{display:block;margin-top:2px;font-size:12.5px;color:var(--ch-mute)}
/* v4: cards mais compactos (mesmo conteúdo, menos espaço) */
.dt-ch-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,350px),1fr));gap:14px}
.dt-cc{gap:10px;padding:0 14px 12px;border-radius:18px}
.dt-cc .dt-ch-now,.dt-cc .dt-ch-status{margin:0 -14px;padding:9px 14px}
.dt-cc .dt-ch-now-txt strong{font-size:15px}
.dt-cc .dt-ch-now-txt span{font-size:9.5px}
.dt-cc .dt-ch-eq{height:15px}
.dt-cc-head{gap:11px}
.dt-cc .dt-ch-av{flex-basis:44px;height:44px;font-size:16px;border-radius:14px}
.dt-cc .dt-ch-av em{width:12px;height:12px;border-width:2px}
.dt-cc .dt-ch-id h3{font-size:18px}
.dt-cc .dt-ch-id>span{margin-top:5px;gap:4px}
.dt-cc .dt-ch-pill{height:20px;padding:0 8px;font-size:10.5px}
.dt-cc-plan{border-radius:13px}
.dt-cc-plan>div{padding:8px 10px}
.dt-cc-plan>div>span:first-child{font-size:9.5px;margin-bottom:3px}
.dt-cc-plan strong{font-size:14px}
.dt-cc-plan strong.is-date{font-size:13px}
.dt-cc-plan small{font-size:11px;margin-top:1px}
.dt-cc .dt-ch-count .an-countdown{font-size:12px}
.dt-cc .dt-ch-count .an-countdown-clock{font-size:11.5px}
.dt-cc-block{padding:9px 12px;border-radius:13px}
.dt-cc-block h4{font-size:12px;margin-bottom:4px}
.dt-cc-row{padding:5px 0;gap:10px}
.dt-cc-k{font-size:12px}
.dt-cc-v{font-size:12.5px;gap:6px}
.dt-cc-v code{font-size:11.5px;padding:2px 6px;max-width:150px}
.dt-cc-copy{height:21px;padding:0 7px;font-size:10.5px}
.dt-cc-line{margin-bottom:7px;gap:10px}
.dt-cc-line h4{margin-bottom:2px}
.dt-cc-line p{font-size:11.5px;line-height:1.35}
.dt-cc-state{font-size:11px;padding:4px 8px;border-radius:8px}
.dt-cc-app{padding:7px 9px;gap:9px;margin-bottom:2px;border-radius:11px}
.dt-cc-app-ico{flex-basis:32px;height:32px;font-size:14px;border-radius:9px}
.dt-cc-app strong{font-size:14px}
.dt-cc-app small{font-size:11.5px}
.dt-cc-btns{gap:6px}
.dt-cc-btn{flex-basis:150px;height:36px;font-size:12.5px;border-radius:10px;padding:0 12px}
.dt-cc-msg{margin-top:6px!important;font-size:11.5px;padding:6px 8px}
.dt-cc-acts{gap:6px}
.dt-cc-acts .dt-ch-btn{height:38px;font-size:12.5px;border-radius:10px}
.dt-cc .dt-ch-conn{padding-top:8px}
.dt-cc-danger{padding-top:8px}
.dt-cc-link{font-size:12px;padding:4px}
.dt-cc .dt-ch-msg{font-size:11.5px;padding:6px 8px}
@media(max-width:640px){.dt-cc{padding:0 12px 12px}.dt-cc .dt-ch-now,.dt-cc .dt-ch-status{margin:0 -12px;padding-left:12px;padding-right:12px}.dt-cc .dt-ch-id h3{font-size:17px}}
.dt-cc-acts{grid-template-columns:1fr 1.5fr 1fr}
.dt-cc-acts .dt-ch-btn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 6px}