/* KINOBUY DASH: a estrutura do Hub com a identidade do KINOBUY (noite azul, vidro com borda neon, ciano/violeta/coral). */
:root, :root[data-theme="kino"] {
  --papel: #050914;
  --apoio: #0a1128;
  --folha: rgba(14, 22, 52, .78);
  --tinta: #eef2ff;
  --mut: #97a3c2;
  --linha: rgba(120, 150, 255, .16);
  --linha2: rgba(120, 150, 255, .30);
  --hover: rgba(0, 220, 242, .08);
  --traco: #ff5b5c;
  --noite: #125cf5;
  --ciano: #00dcf2; --violeta: #752def; --azul: #125cf5; --coral: #ff5b5c;
  --sombra: 0 24px 60px -20px rgba(0, 0, 0, .7), 0 0 0 1px rgba(0, 220, 242, .10), 0 0 34px -10px rgba(0, 220, 242, .25);
  --sombra-s: 0 10px 30px -14px rgba(0, 0, 0, .7), 0 0 0 1px rgba(117, 45, 239, .14);
  --s-wtg: #9aa6c4; --s-wtg-bg: rgba(154, 166, 196, .14);
  --s-rdy: #6aa8ff; --s-rdy-bg: rgba(18, 92, 245, .20);
  --s-ip: #ffc35c;  --s-ip-bg: rgba(255, 195, 92, .14);
  --s-rev: #b68cff; --s-rev-bg: rgba(117, 45, 239, .22);
  --s-rtk: #ff7a7b; --s-rtk-bg: rgba(255, 91, 92, .16);
  --s-apr: #3ee6a0; --s-apr-bg: rgba(62, 230, 160, .14);
  --s-fin: #2fd38c; --s-fin-bg: rgba(47, 211, 140, .16);
  color-scheme: dark;
}
html, body { background: var(--papel); }
.fundo3d { opacity: 1 !important; }
.grao { opacity: .05 !important; mix-blend-mode: overlay; }

/* vidro: todo cartão, folha e painel ganha desfoque e uma borda neon fina */
.cartao-s, .sub-area, .cc, .kp, .sb.on, .pilula, .nav-cats, .home, .ini-ia, .paleta, .gaveta, .menu-flut, .kpis-s > div, .modal, .tab-s, .bloco, .coluna, .quadro .col, .lista-grupo, .grupo {
  backdrop-filter: blur(16px) saturate(140%); -webkit-backdrop-filter: blur(16px) saturate(140%);
}
.cartao-s, .sub-area, .cc, .ini-ia { border: 1px solid rgba(0, 220, 242, .18) !important; box-shadow: var(--sombra); }
.cc:hover, .kp:hover { border-color: rgba(0, 220, 242, .5) !important; box-shadow: 0 0 0 1px rgba(0, 220, 242, .35), 0 0 30px -6px rgba(0, 220, 242, .45); }
.kp { background: linear-gradient(145deg, rgba(26, 37, 80, .85), rgba(11, 18, 48, .9)) !important; border: 1px solid rgba(120, 150, 255, .2) !important; }
.kp b { color: var(--tinta); text-shadow: 0 0 18px rgba(0, 220, 242, .35); }
.kp.alerta { border-color: rgba(255, 91, 92, .55) !important; }
.kp.alerta b { color: #ff8a8b; }
.kp.mut b { color: var(--mut); }
.kpis-s .forte, .kps .forte { background: linear-gradient(135deg, #125cf5, #752def) !important; color: #fff; }

/* botões principais no gradiente da marca */
.btn.pri, .menu-btn, .ia-fab, [data-ia="enviar"] { background: linear-gradient(135deg, #125cf5, #752def 70%, #ff5b5c) !important; color: #fff !important; border: 0 !important; box-shadow: 0 8px 26px -8px rgba(117, 45, 239, .8); }
.seg button.on, .nc.on, .aba.on { background: linear-gradient(135deg, #125cf5, #752def) !important; color: #fff !important; }

/* títulos com brilho e número da categoria em ciano */
.cat-tit, .ini-ola { background: linear-gradient(100deg, #fff 30%, #9fdcff 60%, #c6a6ff); -webkit-background-clip: text; background-clip: text; color: transparent; }
.cat-cab .rot, .painel-cab .rot { color: var(--ciano) !important; }
.cc i, .sb.on i { background: linear-gradient(135deg, #00dcf2, #752def) !important; }

/* marca KINOBUY no início, girando devagar como o símbolo do site */
.kb-marca { display: grid; place-items: center; }
.kb-marca img { width: 108px; height: 108px; object-fit: contain; filter: drop-shadow(0 0 28px rgba(0, 220, 242, .45)) drop-shadow(0 0 60px rgba(117, 45, 239, .35)); animation: kbFlutua 6s ease-in-out infinite; }
@keyframes kbFlutua { 50% { transform: translateY(-8px) rotate(-4deg) scale(1.03); } }
.home img { height: 22px; width: auto; }
.home-hub { color: var(--ciano) !important; }

/* tabelas e campos no escuro */
.tab-s th { color: var(--mut); }
.tab-s td, .tab-s th { border-color: var(--linha) !important; }
.campo, input, select, textarea { background: rgba(8, 14, 36, .8); border-color: var(--linha2); color: var(--tinta); }
select option { background: #0a1128; }
.h-barra { background: rgba(255, 255, 255, .06) !important; }
.h-barra i { background: linear-gradient(90deg, #00dcf2, #752def) !important; box-shadow: 0 0 12px rgba(0, 220, 242, .5); }
.vazio { color: var(--mut); }
@media (prefers-reduced-motion: reduce) { .kb-marca img { animation: none; } }
/* 12 áreas no topo: a barra rola por dentro, a página não alarga */
.hub { grid-template-columns: minmax(0, 1fr); width: 100%; overflow: hidden; }
.nav { min-width: 0; }
.nav-cats { flex: 1 1 auto; mask-image: linear-gradient(90deg, #000 92%, transparent); }
.ini-cats.n12 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 900px) { .ini-cats.n12 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width:700px){.kb-marca img{width:76px;height:76px}.kb-marca{margin-bottom:10px}}