/* MULTI MKT — tema próprio. Tokens no :root; escuro por prefers-color-scheme. */
:root{
  --bg:#F4F4F2; --surface:#FFFFFF; --surface-2:#F7F7F5; --border:#E3E2DE;
  --text:#1C1C1C; --text-2:#4A4A4A; --text-3:#7A7A7A;
  --marca:#D7261E; --marca-tx:#FFFFFF; --lado:#141414; --lado-tx:#E8E8E8;
  --success:#1B7F3B; --down:#C62828; --info:#1F5FAF; --warn:#B26A00; --wa:#1FA855;
  --sp-4:16px; --raio:12px; --sombra:0 1px 2px rgba(0,0,0,.04),0 6px 20px rgba(0,0,0,.04);
}
@media (prefers-color-scheme:dark){:root{
  --bg:#101010; --surface:#1A1A1A; --surface-2:#222; --border:#2E2E2E;
  --text:#F1F1F1; --text-2:#CFCFCF; --text-3:#9A9A9A; --lado:#0A0A0A;
  --success:#4CC274; --down:#FF6B6B; --info:#6EA8FF; --warn:#F2B04A; --sombra:none;
}}
*{box-sizing:border-box} html,body{margin:0}
body{font:15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--text);display:flex;min-height:100vh}
a{color:inherit} h1,h2{margin:0}
.ui-ic{flex:none;vertical-align:middle} .ui-ic--sm{width:16px;height:16px} .ui-ic--lg{width:34px;height:34px}

/* Lateral */
.ui-lado{width:236px;flex:none;background:var(--lado);color:var(--lado-tx);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:18px 12px}
.ui-marca{font-size:1.15rem;letter-spacing:.04em;padding:0 8px 4px}.ui-marca b{color:var(--marca)}
.ui-empresa{font-size:.8rem;opacity:.7;padding:0 8px 12px}
.ui-troca{padding:0 4px 12px}.ui-troca .ui-input{background:#222;color:#eee;border-color:#333;font-size:.8rem;padding:6px 8px}
.ui-menu{display:flex;flex-direction:column;gap:2px;flex:1;overflow:auto}
.ui-menu a{display:flex;gap:10px;align-items:center;padding:9px 10px;border-radius:9px;text-decoration:none;font-size:.9rem;opacity:.85}
.ui-menu a:hover{background:rgba(255,255,255,.06);opacity:1}
.ui-menu a.ativa{background:var(--marca);color:var(--marca-tx);opacity:1}
.ui-usuario{display:flex;gap:8px;align-items:center;border-top:1px solid rgba(255,255,255,.1);padding:12px 8px 0;font-size:.85rem}
.ui-usuario span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-usuario a{opacity:.7}
.ui-fundo{display:none}

/* Conteúdo */
.ui-main{flex:1;min-width:0;display:flex;flex-direction:column}
.ui-topo{display:flex;gap:12px;align-items:center;padding:18px 28px 6px}
.ui-topo h1{font-size:1.35rem}.ui-topo__sub{color:var(--text-3);font-size:.85rem}
.ui-conteudo{padding:12px 28px 40px;max-width:1400px;width:100%}
.ui-so-mobile{display:none!important}
@media (max-width:860px){
  .ui-lado{position:fixed;left:0;top:0;z-index:30;transform:translateX(-100%);transition:transform .2s}
  body.menu-aberto .ui-lado{transform:none}
  body.menu-aberto .ui-fundo{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:20}
  .ui-so-mobile{display:inline-flex!important}
  .ui-topo{padding:14px 16px 4px}.ui-conteudo{padding:10px 16px 32px}
}

/* Blocos */
.ui-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:6px 0 14px}
.ui-page-head h2{font-size:1.2rem}.ui-page-sub{color:var(--text-3);font-size:.85rem}
.ui-acoes{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ui-acoes--fim{justify-content:flex-end}.ui-acoes--inline{flex-wrap:nowrap}
.ui-secao{background:var(--surface);border:1px solid var(--border);border-radius:var(--raio);box-shadow:var(--sombra);margin-bottom:16px;overflow:hidden}
.ui-secao__head{display:flex;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border)}
.ui-secao__num{width:26px;height:26px;border-radius:50%;background:var(--marca);color:var(--marca-tx);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem;flex:none}
.ui-secao__ic{color:var(--text-3);display:flex}
.ui-secao__txt{flex:1;min-width:0}.ui-secao__tit{font-weight:700}.ui-secao__desc{color:var(--text-3);font-size:.82rem;margin-top:2px}
.ui-secao__body{padding:16px 18px}.ui-secao__foot{padding:12px 18px;border-top:1px solid var(--border);background:var(--surface-2)}
.ui-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:16px;overflow-x:auto}
.ui-tab{display:flex;gap:6px;align-items:center;padding:10px 14px;text-decoration:none;color:var(--text-3);border-bottom:2px solid transparent;white-space:nowrap}
.ui-tab.ativa{color:var(--text);border-color:var(--marca);font-weight:600}
.ui-faixa{padding:12px 16px;border-radius:10px;margin-bottom:14px;border:1px solid var(--border);background:var(--surface-2)}
.ui-faixa--warn{border-color:color-mix(in srgb,var(--warn) 40%,transparent);background:color-mix(in srgb,var(--warn) 10%,transparent)}

/* Botões */
.ui-btn{display:inline-flex;gap:6px;align-items:center;justify-content:center;padding:9px 14px;border-radius:9px;border:1px solid transparent;font:600 .88rem/1 inherit;cursor:pointer;text-decoration:none;white-space:nowrap;background:var(--surface);color:var(--text)}
.ui-btn:disabled{opacity:.55;cursor:wait}
.ui-btn--sm{padding:6px 10px;font-size:.8rem}.ui-btn--icone{padding:7px}.ui-btn--bloco{width:100%}
.ui-btn--primary{background:var(--marca);color:var(--marca-tx)}
.ui-btn--secondary{border-color:var(--border)}
.ui-btn--ghost{background:transparent}.ui-btn--ghost:hover{background:var(--surface-2)}
.ui-btn--success{background:var(--success);color:#fff}
.ui-btn--whatsapp{background:var(--wa);color:#fff}
.ui-btn--soft-info{background:color-mix(in srgb,var(--info) 12%,transparent);color:var(--info)}
.ui-btn--soft-danger{background:color-mix(in srgb,var(--down) 12%,transparent);color:var(--down)}

/* Formulário */
.ui-grid{display:grid;gap:12px}
.ui-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:860px){.ui-grid--2,.ui-grid--3,.ui-grid--4{grid-template-columns:1fr}}
.ui-campo{display:flex;flex-direction:column;gap:5px;min-width:0}
.ui-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3)}
.ui-input,.ui-select,.ui-textarea{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);font:inherit;font-size:.9rem}
textarea.ui-input{resize:vertical}
.ui-input:focus{outline:2px solid color-mix(in srgb,var(--marca) 45%,transparent);border-color:var(--marca)}
.ui-w-auto{width:auto}
.ui-ajuda{font-size:.78rem;color:var(--text-3)}

/* Tabela */
.ui-tabela-wrap{overflow-x:auto}
.ui-tabela{width:100%;border-collapse:collapse;font-size:.88rem}
.ui-tabela th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap}
.ui-tabela td{padding:11px 14px;border-bottom:1px solid var(--border);vertical-align:middle}
.ui-tabela tr:last-child td{border-bottom:0}
.ui-tabela .num{text-align:right}
.ui-tabela small{color:var(--text-3)}

/* Selos, vazio, cards */
.ui-badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:.74rem;font-weight:700;background:var(--surface-2);color:var(--text-2);white-space:nowrap}
.ui-badge--info{background:color-mix(in srgb,var(--info) 14%,transparent);color:var(--info)}
.ui-badge--warn{background:color-mix(in srgb,var(--warn) 16%,transparent);color:var(--warn)}
.ui-badge--success{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}
.ui-badge--danger{background:color-mix(in srgb,var(--down) 14%,transparent);color:var(--down)}
.ui-vazio{display:flex;flex-direction:column;align-items:center;gap:6px;padding:36px 16px;color:var(--text-3);text-align:center}
.ui-vazio b{color:var(--text)}
.ui-cards{display:grid;gap:14px;margin-bottom:16px}
.ui-cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-cards--2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:860px){.ui-cards--3,.ui-cards--2{grid-template-columns:1fr}}
.ui-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--raio);padding:16px 18px;box-shadow:var(--sombra)}
.ui-card--destaque{border-color:var(--wa);box-shadow:0 0 0 1px var(--wa) inset}
.ui-card__tit{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3)}
.ui-card__n{font-size:2rem;font-weight:800;margin:4px 0 8px}.ui-card__n small{font-size:.85rem;font-weight:500;color:var(--text-3)}
.ui-card__li{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-top:1px dashed var(--border);font-size:.85rem}
.ui-card__li span{display:flex;align-items:center;gap:8px;color:var(--text-2)}
.ui-dot{width:8px;height:8px;border-radius:2px;display:inline-block;background:var(--text-3)}
.ui-dot--ok{background:var(--success)}.ui-dot--warn{background:var(--warn)}.ui-dot--down{background:var(--down)}.ui-dot--info{background:var(--info)}

/* Login */
.ui-login{margin:auto;width:100%;max-width:380px;padding:16px}
.ui-login .ui-secao__body{display:flex;flex-direction:column;gap:12px}
.ui-login h1{text-align:center;font-size:1.6rem;margin-bottom:16px}.ui-login h1 b{color:var(--marca)}
.ui-erro{color:var(--down);font-size:.88rem}

/* ── Entrada da AtomiqTech (login.php, 11/10/2026): a MESMA tela dos outros produtos ──
   Copiada do AtomiqFin (resources/css/app.css) em CSS puro; tinta #0b1020, ciano #22d3ee, violeta #7c5cff. */
.at-body{margin:0;min-height:100vh;background:#f4f7fb;color:#0b1020;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
.at-entrar{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;min-height:100dvh}
.at-esq{display:flex;flex-direction:column;justify-content:space-between;padding:48px;color:#fff;background-color:#0b1020;
  background-image:radial-gradient(700px 380px at 85% 15%,rgba(124,92,255,.28),transparent 60%),radial-gradient(600px 320px at 10% 95%,rgba(34,211,238,.16),transparent 60%)}
.at-marca{display:inline-flex;align-items:center;gap:12px;font-family:'Space Grotesk',ui-sans-serif,system-ui,sans-serif;font-weight:700;line-height:1;letter-spacing:-.025em;font-size:30px}
.at-marca img{height:1.9em;width:auto}
.at-marca--mob{display:none;color:#0b1020;font-size:24px;margin-bottom:32px}
.texto-gradiente{background:linear-gradient(90deg,#22d3ee,#7c5cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.at-esq h1{font-family:'Space Grotesk',ui-sans-serif,system-ui,sans-serif;font-size:36px;font-weight:700;line-height:1.25;margin:0}
.at-esq .at-sub{margin-top:24px;max-width:28rem;color:rgba(255,255,255,.7);font-size:16px;line-height:1.5}
.at-rodape{font-size:12px;color:rgba(255,255,255,.4)}
.galaxia{position:relative;width:min(100%,340px);aspect-ratio:1;margin:32px auto}
.galaxia-nucleo{position:absolute;inset:33%;border-radius:9999px;display:grid;place-items:center;background:radial-gradient(circle,rgba(34,211,238,.22),transparent 70%)}
.galaxia-nucleo img{width:100%;height:100%}
.galaxia-orbita{position:absolute;border-radius:9999px;border:1px solid rgba(255,255,255,.14);animation:galaxia-girar linear infinite}
.galaxia-orbita.o1{inset:0;animation-duration:40s;animation-delay:-10s}
.galaxia-orbita.o2{inset:11%;animation-duration:30s;animation-direction:reverse;animation-delay:-15s}
.galaxia-orbita.o4{inset:22%;animation-duration:20s;animation-delay:-6s;border-color:rgba(124,92,255,.4)}
.galaxia-planeta{position:absolute;top:-15px;left:50%;translate:-50% 0;border-radius:9999px;padding:8px 11px;font:600 11px/1 'Space Grotesk',ui-sans-serif,system-ui,sans-serif;color:#0b1020;background:rgba(255,255,255,.85);
  animation:galaxia-girar linear infinite reverse;animation-duration:inherit;animation-delay:inherit}
.galaxia-orbita.o2 .galaxia-planeta{animation-direction:normal}
.galaxia-planeta.ativo{background:linear-gradient(90deg,#22d3ee,#7c5cff);box-shadow:0 0 22px rgba(34,211,238,.5)}
@keyframes galaxia-girar{to{rotate:360deg}}
@media(prefers-reduced-motion:reduce){.galaxia-orbita,.galaxia-planeta{animation:none}}
.at-dir{display:flex;align-items:center;justify-content:center;padding:48px 24px}
.at-form{width:100%;max-width:24rem}
.at-form h2{font-size:24px;font-weight:700;margin:0;line-height:1.3;font-family:'Space Grotesk',ui-sans-serif,system-ui,sans-serif}
.at-form .at-ajuda{margin:4px 0 0;font-size:14px;color:#6b7280;line-height:1.5}
.at-campos{margin-top:32px;display:flex;flex-direction:column;gap:20px}
.at-erro{margin-top:12px}
.rotulo{display:block;margin-bottom:4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}
.entrada{display:block;width:100%;box-sizing:border-box;border-radius:8px;border:1px solid #d1d5db;background:#fff;padding:9px 12px;font:inherit;font-size:16px;color:#0b1020;outline:none}
.entrada:focus{border-color:#7c5cff;box-shadow:0 0 0 3px rgba(124,92,255,.18)}
.btn-primario{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:12px 16px;border:0;border-radius:12px;background:#0b1020;color:#fff;
  font:600 13px/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .15s}
.btn-primario:hover{background:#1b2547}
.at-senha-fundo{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:48px 16px;box-sizing:border-box;background:#0b1020}
.at-senha{width:100%;max-width:28rem;border-radius:24px;background:#fff;padding:40px;box-sizing:border-box;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}
.at-senha h1{text-align:center;font-size:24px;font-weight:700;margin:0;font-family:'Space Grotesk',ui-sans-serif,system-ui,sans-serif}
.at-senha-marca{display:flex;justify-content:center;align-items:center;min-height:64px;margin-bottom:32px}
.at-empresa{font-family:'Space Grotesk',ui-sans-serif,system-ui,sans-serif;font-size:24px;font-weight:700;color:#0b1020;text-align:center}
.at-lido{display:flex;justify-content:space-between;align-items:center;gap:12px;border-radius:8px;border:1px solid #e5e7eb;background:#f9fafb;padding:8px 12px;font-size:14px}
.at-lido span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.at-lido a{flex-shrink:0;font-size:12px;font-weight:600;color:#7c5cff;text-decoration:none}
.at-manter{display:flex;align-items:center;gap:8px;font-size:14px;color:#4b5563;cursor:pointer}
.at-manter input{width:16px;height:16px;margin:0;accent-color:#0b1020}
.at-rodape-claro{margin:28px 0 0;text-align:center;font-size:12px;color:#9ca3af}
@media(max-width:767px){.at-entrar{grid-template-columns:1fr}.at-esq{display:none}.at-marca--mob{display:inline-flex}.at-dir{padding:40px 24px;align-items:flex-start}.at-senha{padding:28px 22px}}
.at-esqueci{margin:4px 0 0;text-align:center;font-size:14px}
.at-esqueci a{color:#7c5cff;font-weight:600;text-decoration:none}
.at-esqueci a:hover{text-decoration:underline}