/* Tema DK (revenda 000012 - DK e seus clientes), aprovado em 23/10/2026.
   Só vale com html[data-dx-theme="dk"], posto por dk-theme-20261023.js. Claro por padrão; escuro com data-dx-mode="dark". */
html[data-dx-theme="dk"]{--dk-bg:#F9F9F9;--dk-surface:#FFFFFF;--dk-rail:#FFFFFF;--dk-text:#071437;--dk-muted:#4B5675;--dk-subtle:#F1F1F4;--dk-border:#E6E8EE;--dk-primary:#0A6FE8;--dk-primary-soft:#E9F3FF;--dk-primary-ink:#0A6FE8;--dk-ok:#0B7A3E;--dk-ok-soft:#DFFFEA;--dk-bad:#C2103F;--dk-bad-soft:#FFEEF3;--dk-warn:#8A6100;--dk-warn-soft:#FFF8DD;--dk-shadow:0 0 20px 0 rgba(76,87,125,.04);--dk-phone:#F5F6F8;--dk-bubble:#E9EBF0;color-scheme:light}
html[data-dx-theme="dk"][data-dx-mode="dark"]{--dk-bg:#0F1014;--dk-surface:#1C1D22;--dk-rail:#090A0D;--dk-text:#F5F5F5;--dk-muted:#9A9CAE;--dk-subtle:#26272F;--dk-border:#2A2B33;--dk-primary:#006AE6;--dk-primary-soft:#172331;--dk-primary-ink:#5AA9FF;--dk-ok:#4FD889;--dk-ok-soft:#1C3328;--dk-bad:#FF7A99;--dk-bad-soft:#3A1D27;--dk-warn:#F5CF54;--dk-warn-soft:#352E17;--dk-shadow:none;--dk-phone:#15161B;--dk-bubble:#2A2B33;color-scheme:dark}

html[data-dx-theme="dk"],html[data-dx-theme="dk"] body{background:var(--dk-bg);color:var(--dk-text);font-family:Inter,"Noto Sans SC","PingFang SC","Microsoft YaHei",Helvetica,Arial,sans-serif}
html[data-dx-theme="dk"] .shell{background:var(--dk-bg)}
html[data-dx-theme="dk"] h1,html[data-dx-theme="dk"] h2,html[data-dx-theme="dk"] h3{color:var(--dk-text)}
html[data-dx-theme="dk"] small,html[data-dx-theme="dk"] .muted{color:var(--dk-muted)}
html[data-dx-theme="dk"] a{color:var(--dk-primary-ink)}
html[data-dx-theme="dk"] .eyebrow{color:var(--dk-primary-ink)}

/* Menu lateral */
html[data-dx-theme="dk"] .sidebar{background:var(--dk-rail);color:var(--dk-muted);box-shadow:0 0 28px 0 rgba(82,63,105,.05)}
html[data-dx-theme="dk"] .sidebar nav a{color:var(--dk-muted)}
html[data-dx-theme="dk"] .sidebar nav a:hover:not(.active){background:var(--dk-subtle);color:var(--dk-primary-ink)}
html[data-dx-theme="dk"] .sidebar nav a.active{background:var(--dk-primary);color:#fff}
html[data-dx-theme="dk"] .sidebar nav a>span{display:inline-block;width:22px;min-width:22px;height:22px;font-size:0;background:currentColor;-webkit-mask:var(--dk-ico,none) center/22px 22px no-repeat;mask:var(--dk-ico,none) center/22px 22px no-repeat}
html[data-dx-theme="dk"] .sidebar nav a[href="/"]{--dk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Crect x='3' y='3' width='7.5' height='7.5' rx='2'/%3E%3Crect x='13.5' y='3' width='7.5' height='7.5' rx='2'/%3E%3Crect x='3' y='13.5' width='7.5' height='7.5' rx='2'/%3E%3Crect x='13.5' y='13.5' width='7.5' height='7.5' rx='2'/%3E%3C/svg%3E")}
html[data-dx-theme="dk"] .sidebar nav a[href="/sms"]{--dk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H9l-5 4z'/%3E%3Cpath d='M8 9.5h8M8 12.5h5'/%3E%3C/svg%3E")}
html[data-dx-theme="dk"] .sidebar nav a[href="/rcs"]{--dk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Crect x='4' y='4' width='16' height='13' rx='3'/%3E%3Cpath d='M8 21l3-4M8 9h8M8 12h4'/%3E%3C/svg%3E")}
html[data-dx-theme="dk"] .sidebar nav a[href="/voz"]{--dk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M6.5 3.5l3 3-2 2.5a12 12 0 0 0 7.5 7.5l2.5-2 3 3-2 2.5C11 20 4 13 4 5.5z'/%3E%3C/svg%3E")}
html[data-dx-theme="dk"] .sidebar nav a[href="/financeiro"]{--dk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Crect x='3' y='6' width='18' height='13' rx='2.5'/%3E%3Cpath d='M3 10h18M16 15h2'/%3E%3C/svg%3E")}
html[data-dx-theme="dk"] .sidebar nav a[href="/relatorios"]{--dk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Cpath d='M4 20V4M4 20h16M8 16l4-5 3 3 5-6'/%3E%3C/svg%3E")}
html[data-dx-theme="dk"] .sidebar nav a[href="/sid"]{--dk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M4 8h13l-3-3M20 16H7l3 3'/%3E%3C/svg%3E")}
html[data-dx-theme="dk"] .sidebar nav a[href="/conexoes"]{--dk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Cpath d='M8 8l-4 4 4 4M16 8l4 4-4 4M13.5 5l-3 14'/%3E%3C/svg%3E")}
html[data-dx-theme="dk"] .sidebar nav a[href="/lucratividade"]{--dk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Cpath d='M5 19L19 5'/%3E%3Ccircle cx='7' cy='7' r='2.5'/%3E%3Ccircle cx='17' cy='17' r='2.5'/%3E%3C/svg%3E")}
html[data-dx-theme="dk"] .sidebar nav a[href="/revenda"]{--dk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3.5 19a5.5 5.5 0 0 1 11 0'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M15.5 14.5A4.5 4.5 0 0 1 21 19'/%3E%3C/svg%3E")}
html[data-dx-theme="dk"] .sidebar nav a[href^="/manual"]{--dk-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M5 4h10a4 4 0 0 1 4 4v12H9a4 4 0 0 1-4-4z'/%3E%3Cpath d='M9 9h6M9 13h4'/%3E%3C/svg%3E")}
html[data-dx-theme="dk"] .sidebar .profile{border-top-color:var(--dk-border)}
html[data-dx-theme="dk"] .sidebar .profile strong{color:var(--dk-text)}
html[data-dx-theme="dk"] .sidebar .profile small{color:var(--dk-muted)}
html[data-dx-theme="dk"] .sidebar .profile button{color:var(--dk-muted)}
html[data-dx-theme="dk"] .sidebar .dx-tg-support{background:var(--dk-subtle)!important;border-color:var(--dk-border)!important;color:var(--dk-text)!important}
html[data-dx-theme="dk"] .sidebar .dx-tg-support span span{color:var(--dk-text)}

/* Desktop: menu em coluna estreita, ícone em cima e nome embaixo */
@media (min-width:701px){
html[data-dx-theme="dk"] .shell .sidebar{width:104px;padding:16px 8px;align-items:center;gap:0}
html[data-dx-theme="dk"] .shell main{margin-left:104px}
html[data-dx-theme="dk"] .sidebar>.brand-logo{width:80px;max-width:80px;margin:0 auto 6px}
html[data-dx-theme="dk"] .sidebar>strong.brand-logo{font-size:15px!important;text-align:center;padding:10px 0!important;color:var(--dk-text)}
html[data-dx-theme="dk"] .sidebar .workspace-label{display:none}
html[data-dx-theme="dk"] .sidebar nav{gap:4px;margin:10px 0 0;align-items:center}
html[data-dx-theme="dk"] .sidebar nav a{width:88px;min-height:62px;flex-direction:column;justify-content:center;gap:6px;padding:8px 4px;font-size:12px;line-height:1.25;text-align:center;border-radius:8px}
html[data-dx-theme="dk"] .sidebar .dx-tg-support{width:88px;justify-content:center;padding:10px!important;margin-top:auto!important}
html[data-dx-theme="dk"] .sidebar .dx-tg-support>span+span{display:none}
html[data-dx-theme="dk"] .sidebar .profile{width:88px;align-items:center;text-align:center;gap:4px;padding-top:14px}
html[data-dx-theme="dk"] .sidebar .profile strong{font-size:12px;overflow-wrap:anywhere}
html[data-dx-theme="dk"] .sidebar .profile small{font-size:10.5px;overflow-wrap:anywhere}
html[data-dx-theme="dk"] .sidebar .profile button{text-align:center;margin:0;font-size:12px}
}

/* Topo */
html[data-dx-theme="dk"] .topbar,html[data-dx-theme="dk"] .shell main>.topbar{background:var(--dk-surface);border-bottom:0;color:var(--dk-muted);box-shadow:var(--dk-shadow)}
html[data-dx-theme="dk"] .topbar .dx-crumb{color:var(--dk-text);font-weight:500;font-size:14px}
html[data-dx-theme="dk"] .topbar a{color:var(--dk-text)}
html[data-dx-theme="dk"] .account-balance{color:var(--dk-text)}
html[data-dx-theme="dk"] .language-selector select,html[data-dx-theme="dk"] .dx-vb-acc select{background:var(--dk-subtle)!important;border-color:var(--dk-border)!important;color:var(--dk-text)!important}
html[data-dx-theme="dk"] .dx-viewbar{background:var(--dk-subtle)!important;border-color:var(--dk-border)!important}
html[data-dx-theme="dk"] .dx-vb-chk{background:var(--dk-surface)!important;border-color:var(--dk-border)!important;color:var(--dk-text)!important}
html[data-dx-theme="dk"] .dx-vb-acc{color:var(--dk-muted)!important}
html[data-dx-theme="dk"] .dx-lang-pills>div{background:var(--dk-subtle)!important}
html[data-dx-theme="dk"] .dx-lang-pills button{background:transparent!important;color:var(--dk-muted)!important}
html[data-dx-theme="dk"] .dx-lang-pills button[aria-pressed="true"]{background:var(--dk-primary)!important;color:#fff!important}
/* Clientes da DK: sem Financeiro, Conexões API / SMPP e Manual do cliente (24/10/2026) */
html[data-dx-dk-role="client"] .sidebar nav a[href="/financeiro"],html[data-dx-dk-role="client"] .sidebar nav a[href="/conexoes"],html[data-dx-dk-role="client"] .sidebar nav a[href="/manual-cliente"],html[data-dx-dk-role="client"] .topbar a[href="/manual-cliente"],html[data-dx-dk-role="client"] .sidebar .dx-tg-support{display:none!important}
/* Todas as contas (24/10/2026): nome, IP, cidade/país e "Sair da conta" sempre no rodapé do menu lateral.
   Sem o atalho do Telegram (admin, clientes da DK) o bloco da conta é quem desce; com ele, os dois ficam juntos embaixo. */
.shell .sidebar>.profile{margin-top:auto!important}
.shell .sidebar>.dx-tg-support{margin-top:auto!important}
.shell .sidebar>.dx-tg-support+.profile{margin-top:0!important}
html[data-dx-dk-role="client"] .shell .sidebar>.profile{margin-top:auto!important}
.dk-mode-btn{display:none}
html[data-dx-theme="dk"] .dk-mode-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--dk-muted);cursor:pointer}
html[data-dx-theme="dk"] .dk-mode-btn:hover{background:var(--dk-subtle);color:var(--dk-primary-ink);filter:none}
html[data-dx-theme="dk"] .dk-mode-btn svg{width:20px;height:20px}

/* Conteúdo */
html[data-dx-theme="dk"] .panel,html[data-dx-theme="dk"] .metric,html[data-dx-theme="dk"] .modal,html[data-dx-theme="dk"] .settings-modal{background:var(--dk-surface);border:1px solid var(--dk-border);border-radius:8px;box-shadow:var(--dk-shadow);color:var(--dk-text)}
html[data-dx-theme="dk"][data-dx-mode="dark"] .panel,html[data-dx-theme="dk"][data-dx-mode="dark"] .metric{border-color:transparent}
html[data-dx-theme="dk"] .metric{border-top:1px solid var(--dk-border)}
html[data-dx-theme="dk"][data-dx-mode="dark"] .metric{border-top-color:transparent}
html[data-dx-theme="dk"] .metric span{color:var(--dk-muted)}
html[data-dx-theme="dk"] .metric strong{color:var(--dk-text);font-weight:700}
html[data-dx-theme="dk"] .panel-head{border-bottom-color:var(--dk-border)}
html[data-dx-theme="dk"] .panel-head h2{font-size:16px;font-weight:600}
html[data-dx-theme="dk"] .field>span{color:var(--dk-text);font-weight:500}
html[data-dx-theme="dk"] .field input,html[data-dx-theme="dk"] .field select,html[data-dx-theme="dk"] .field textarea,html[data-dx-theme="dk"] .content input:not([type=checkbox]):not([type=radio]),html[data-dx-theme="dk"] .content select,html[data-dx-theme="dk"] .content textarea{background:var(--dk-subtle);border:1px solid var(--dk-subtle);color:var(--dk-text);border-radius:6px}
html[data-dx-theme="dk"] .field input::placeholder,html[data-dx-theme="dk"] .content textarea::placeholder,html[data-dx-theme="dk"] .content input::placeholder{color:var(--dk-muted)}
html[data-dx-theme="dk"] input:focus,html[data-dx-theme="dk"] select:focus,html[data-dx-theme="dk"] textarea:focus{outline:2px solid var(--dk-primary);outline-offset:0;background:var(--dk-surface)}
html[data-dx-theme="dk"] input[type=checkbox],html[data-dx-theme="dk"] input[type=radio]{accent-color:var(--dk-primary)}
html[data-dx-theme="dk"] button{background:var(--dk-primary);color:#fff;border-radius:6px}
html[data-dx-theme="dk"] button.secondary{background:var(--dk-subtle);border-color:transparent;color:var(--dk-text)}
html[data-dx-theme="dk"] button.ghost{background:none;color:inherit}
html[data-dx-theme="dk"] .mobile-scrim{background:rgba(0,0,0,.45)}
html[data-dx-theme="dk"] th{background:transparent;color:var(--dk-muted);border-bottom:1px dashed var(--dk-border)}
html[data-dx-theme="dk"] td{border-bottom:1px dashed var(--dk-border);color:var(--dk-text)}
html[data-dx-theme="dk"] .empty{color:var(--dk-muted)}
html[data-dx-theme="dk"] .empty strong{color:var(--dk-text)}
html[data-dx-theme="dk"] .status{background:var(--dk-subtle);color:var(--dk-muted);border-radius:6px;font-weight:600}
html[data-dx-theme="dk"] .status.delivered,html[data-dx-theme="dk"] .status.credit,html[data-dx-theme="dk"] .status.refund{background:var(--dk-ok-soft);color:var(--dk-ok)}
html[data-dx-theme="dk"] .status.failed,html[data-dx-theme="dk"] .status.undelivered,html[data-dx-theme="dk"] .status.debit{background:var(--dk-bad-soft);color:var(--dk-bad)}
html[data-dx-theme="dk"] .status.sent,html[data-dx-theme="dk"] .status.send{background:var(--dk-primary-soft);color:var(--dk-primary-ink)}
html[data-dx-theme="dk"] .status.queued,html[data-dx-theme="dk"] .status.sending,html[data-dx-theme="dk"] .status.unknown{background:var(--dk-warn-soft);color:var(--dk-warn)}
html[data-dx-theme="dk"] .status-summary{background:transparent;border-top-color:var(--dk-border);color:var(--dk-muted)}
html[data-dx-theme="dk"] .alert{background:var(--dk-subtle);color:var(--dk-text)}
html[data-dx-theme="dk"] .alert.error{background:var(--dk-bad-soft);color:var(--dk-bad)}
html[data-dx-theme="dk"] .alert.success{background:var(--dk-ok-soft);color:var(--dk-ok)}
html[data-dx-theme="dk"] .phone-preview{border-color:#2E3038;border-width:10px;border-radius:40px;background:var(--dk-phone)}
html[data-dx-theme="dk"] .message-bubble{background:var(--dk-bubble);color:var(--dk-text);border-radius:16px 16px 16px 4px}
html[data-dx-theme="dk"] .modal-backdrop{background:rgba(0,0,0,.5)}
html[data-dx-theme="dk"] .chart,html[data-dx-theme="dk"] .legend{color:var(--dk-muted)}
html[data-dx-theme="dk"] .deposit-method>span{background:var(--dk-primary-soft);color:var(--dk-primary-ink)}