/* Conexões extras — Central de Clientes (revenda e master) */
.dt-cx-strip{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:14px;border:1px solid rgba(125,211,252,.22);background:linear-gradient(135deg,rgba(46,107,255,.12),rgba(125,211,252,.05))}
.dt-cx-strip.is-unknown{border-color:var(--ch-line2,rgba(255,255,255,.13));background:rgba(255,255,255,.025)}
.dt-cx-strip.is-live{border-color:rgba(52,211,153,.35)}
.dt-cx-strip.is-over{border-color:rgba(251,191,36,.55)}
.dt-cx-ico{flex:0 0 auto;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#7dd3fc;background:rgba(125,211,252,.12)}
.dt-cx-strip.is-unknown .dt-cx-ico{color:var(--ch-mute,#8a96ab);background:rgba(255,255,255,.05)}
.dt-cx-main{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}
.dt-cx-main strong{font:700 14.5px Outfit,system-ui,sans-serif;color:var(--ch-text,#edf1f8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dt-cx-lbl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ch-mute,#8a96ab);margin-bottom:1px}
.dt-cx-main small{margin-top:3px;font-size:12.5px;color:var(--ch-mute,#8a96ab)}
.dt-cx-strip.is-live .dt-cx-lbl{font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ch-mute,#8a96ab);margin-bottom:1px}
.dt-cx-main small{color:#6ee7b7;font-weight:600}
.dt-cx-strip.is-over .dt-cx-lbl{font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ch-mute,#8a96ab);margin-bottom:1px}
.dt-cx-main small{color:var(--ch-warn,#fbbf24)}
.dt-cx-slots{display:flex;flex-wrap:wrap;gap:3px;max-width:58px;justify-content:flex-end}
.dt-cx-slots span{width:8px;height:8px;border-radius:3px;background:rgba(125,211,252,.25);box-shadow:inset 0 0 0 1px rgba(125,211,252,.35)}
.dt-cx-slots span.is-on{background:#34d399;box-shadow:0 0 8px rgba(52,211,153,.7)}
.dt-cx-add{flex:0 0 auto;height:32px;padding:0 10px;border-radius:10px;border:1px solid rgba(125,211,252,.35);background:rgba(125,211,252,.08);color:#bae6fd;font:600 12.5px Outfit,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.dt-cx-add:hover:not(:disabled){background:rgba(125,211,252,.16)}
.dt-cx-add:disabled{opacity:.5;cursor:wait}

/* bloco em Configurações completas */
.dt-cx-box{grid-column:1/-1}
.dt-cx-card{display:flex;flex-direction:column;gap:12px;margin-top:8px;padding:16px;border-radius:16px;border:1px solid rgba(125,211,252,.25);background:linear-gradient(140deg,rgba(46,107,255,.14),rgba(10,14,23,.6) 65%)}
.dt-cx-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.dt-cx-k{display:block;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9fb0c9}
.dt-cx-big{display:block;margin:4px 0;font:800 38px/1 Outfit,system-ui,sans-serif;color:#fff;letter-spacing:-.02em}
.dt-cx-head small{display:block;font-size:13px;color:#b9c4d6}
.dt-cx-card .dt-cx-meter{display:flex;gap:5px;flex:0 0 auto;width:auto;height:auto;background:none;padding:0}
.dt-cx-card .dt-cx-meter span{display:block;width:16px;height:26px;border-radius:5px!important;border-radius:5px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.dt-cx-card .dt-cx-meter span.is-on{background:linear-gradient(180deg,#60a5fa,#2e6bff);box-shadow:0 0 10px rgba(46,107,255,.45)}
.dt-cx-card .dt-cx-meter span.is-new{background:repeating-linear-gradient(135deg,rgba(52,211,153,.75) 0 4px,rgba(52,211,153,.35) 4px 8px);box-shadow:0 0 10px rgba(52,211,153,.4)}
.dt-cx-pick{display:flex;flex-direction:column;gap:8px}
.dt-cx-chips{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}
.dt-cx-chip{height:40px;border-radius:11px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#e5ebf5;font:700 15px Outfit,system-ui,sans-serif;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}
.dt-cx-chip:hover:not(:disabled){border-color:rgba(125,211,252,.6);background:rgba(125,211,252,.1)}
.dt-cx-chip.is-on{border-color:transparent;color:#fff;background:linear-gradient(135deg,#2e6bff,#1f49c7);box-shadow:0 6px 16px rgba(46,107,255,.4)}
.dt-cx-chip:disabled{opacity:.28;cursor:not-allowed}
.dt-cx-note{margin:0;font-size:13px;color:#b9c4d6}
.dt-cx-note b{color:#fff}
.dt-cx-note.is-max{color:#fcd34d}
.dt-cx-go{width:100%;height:46px;border:0!important;color:#fff!important;font-weight:700!important;background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 8px 22px rgba(16,185,129,.3)}
.dt-cx-confirm{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:12px;border:1px solid rgba(52,211,153,.4);background:rgba(16,185,129,.08)}
.dt-cx-confirm.is-warn{border-color:rgba(251,191,36,.45);background:rgba(251,191,36,.07)}
.dt-cx-confirm p{margin:0;font-size:14px;color:#ecfdf5}
.dt-cx-confirm>div{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.dt-cx-confirm .dt-cx-go{width:auto;height:40px;padding:0 18px}
.dt-cx-rm{border:0!important;color:#1c1003!important;background:#fbbf24!important;font-weight:700!important}
.dt-cx-link{align-self:flex-start;padding:0;border:0;background:none;color:#9fb0c9;font:600 12.5px Outfit,system-ui,sans-serif;text-decoration:underline;cursor:pointer}
.dt-cx-link:hover{color:#fff}
.dt-cx-msg{margin:0;padding:9px 12px;border-radius:10px;font-size:13px}
.dt-cx-msg.is-ok{color:#a7f3d0;background:rgba(16,185,129,.12)}
.dt-cx-msg.is-err{color:#fecaca;background:rgba(248,113,113,.12)}

/* hero da central */
.dt-cx-mini small{display:block;margin-top:2px;font-size:11.5px;color:#6ee7b7}

/* master: conexões por revenda */
.dt-cx-res{margin:14px 0;border-radius:18px;border:1px solid rgba(125,211,252,.22);background:linear-gradient(135deg,rgba(46,107,255,.1),rgba(255,255,255,.015));overflow:hidden}
.dt-cx-res-head{width:100%;display:flex;align-items:center;gap:14px;padding:14px 18px;border:0;background:none;color:inherit;text-align:left;cursor:pointer}
.dt-cx-res-head>div:first-of-type{flex:1;min-width:0}
.dt-cx-res-head strong{display:block;font:700 16px Outfit,system-ui,sans-serif;color:#fff}
.dt-cx-res-head small{display:block;font-size:12.5px;color:#9fb0c9;margin-top:2px}
.dt-cx-res-tag{flex:0 0 auto;padding:4px 8px;border-radius:7px;font-size:10px;font-weight:800;letter-spacing:.12em;color:#1a1300;background:linear-gradient(120deg,#fde047,#f59e0b)}
.dt-cx-res-total{display:flex;flex-direction:column;align-items:flex-end;line-height:1}
.dt-cx-res-total b{font:800 28px Outfit,system-ui,sans-serif;color:#7dd3fc}
.dt-cx-res-total span{font-size:11px;color:#9fb0c9;letter-spacing:.08em;text-transform:uppercase}
.dt-cx-res-caret{color:#9fb0c9}
.dt-cx-res-body{padding:0 18px 16px}
.dt-cx-table{display:flex;flex-direction:column;border-radius:12px;border:1px solid var(--ch-line,rgba(255,255,255,.07));overflow:hidden}
.dt-cx-tr{display:grid;grid-template-columns:minmax(0,2.4fr) repeat(4,minmax(0,1fr));gap:8px;padding:10px 14px;font-size:14px;color:#dbe3ef;border-top:1px solid var(--ch-line,rgba(255,255,255,.07))}
.dt-cx-tr:first-child{border-top:0}
.dt-cx-tr>span:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}
.dt-cx-tr.is-head{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8a96ab;background:rgba(255,255,255,.03)}
.dt-cx-tr.is-total{font-weight:700;color:#fff;background:rgba(46,107,255,.12)}
.dt-cx-tr b{color:#7dd3fc}
.dt-cx-tr em{font-style:normal;font-size:12px;color:#fbbf24}
.dt-cx-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dt-cx-res-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;flex-wrap:wrap}
.dt-cx-res-foot small{font-size:12px;color:#8a96ab}
@media (max-width:560px){
 .dt-cx-chips{grid-template-columns:repeat(5,minmax(0,1fr))}
 .dt-cx-meter{grid-template-columns:repeat(10,11px);gap:4px}
 .dt-cx-slots{display:none}
 .dt-cx-tr{grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));padding:9px 10px;font-size:13px}
 .dt-cx-res-head small{display:none}
}
.dt-cc .dt-cx-strip .dt-cx-main small{color:#9fb0c9}
.dt-cc .dt-cx-strip.is-live .dt-cx-main small{color:#6ee7b7}
.dt-cc .dt-cx-strip.is-over .dt-cx-main small{color:#fbbf24}