/* MU Tronic: o painel com a cara do launcher (azul-noite, azul elétrico, dourado nos destaques).
   Carregado depois do admin.css: troca as variáveis e ajusta só o que o tema claro deixava fixo. */
:root {
  color-scheme: dark;
  --ink: #e8eef8; --ink-soft: #a8b7d0; --muted: #6c7f9f;
  --paper: #0a1830; --stone: #081428; --stone-deep: #10264a; --white: #0c1d3a;
  --line: rgba(110, 160, 240, .16); --line-soft: rgba(110, 160, 240, .10);
  --bronze: #3d8eff; --bronze-deep: #3d8eff; --bronze-press: #2c6fd6; --bronze-light: rgba(100, 166, 255, .35);
  --ok: #31d37a; --ok-bg: rgba(49, 211, 122, .12); --err: #ff6b71; --err-bg: rgba(255, 93, 100, .12); --warn: #f9cf78; --warn-bg: rgba(249, 207, 120, .12);
  --r: 12px; --r-sm: 8px;
  --shadow: 0 10px 30px rgba(0, 0, 0, .45);
  --font: "Noto Sans", "Segoe UI", system-ui, sans-serif;
  --mt-gold: #f9cf78; --mt-blue-hi: #64a6ff; --mt-glow: rgba(61, 142, 255, .35);
  --mt-panel: linear-gradient(180deg, rgba(16, 38, 74, .92), rgba(10, 24, 48, .92));
}

body.adm { background: #081428 url("../img/bg-main.jpg") right top / max(900px, 60%) auto no-repeat fixed; }
body.adm::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(120% 90% at 85% 0%, rgba(8, 20, 40, .55), #081428 70%); }
a { color: var(--mt-blue-hi); }
::selection { background: var(--bronze-light); color: #fff; }

/* títulos no estilo do launcher: caixa alta espaçada */
h1 { font-weight: 800; letter-spacing: .06em; text-transform: uppercase; font-size: 1.45rem; }
h2 { font-weight: 700; letter-spacing: .08em; text-transform: uppercase; font-size: .875rem; color: var(--ink-soft); }

/* barra lateral e topo */
.side { background: linear-gradient(180deg, rgba(10, 23, 48, .97), rgba(5, 12, 26, .98)); border-right: 1px solid var(--line); color: var(--ink-soft); }
.side__brand { border-bottom-color: var(--line); }
.side__brand { padding-block: .9rem; }
.side__brand .logo { height: 46px; width: auto; filter: drop-shadow(0 0 12px rgba(61, 142, 255, .35)); }
.side__brand span { font-size: .7rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--mt-gold); }
.gate__brand .logo { height: 88px; width: auto; margin-inline: auto; filter: drop-shadow(0 0 18px rgba(61, 142, 255, .4)); }
.side nav a { border-radius: 10px; margin: 2px 10px; font-weight: 600; letter-spacing: .02em; }
.side nav a:hover { background: rgba(61, 142, 255, .08); color: #fff; }
.side nav a[aria-current="page"] { background: linear-gradient(90deg, rgba(61, 142, 255, .28), rgba(61, 142, 255, .06)); color: #fff;
  box-shadow: inset 3px 0 0 var(--mt-blue-hi), 0 0 18px rgba(61, 142, 255, .12); }
.side__foot { border-top: 1px solid var(--line); }
.top { background: rgba(8, 20, 40, .82); border-bottom-color: var(--line); }
.search-btn, .inp, .ref, .chip-adm, .item, .mcard { background: rgba(6, 15, 31, .7); }

/* cartões e grupos: painel em degradê com fio de luz no topo */
.card, .grp, .tile-adm, .item, .mcard, .lib, .search { background: var(--mt-panel); border-color: var(--line);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 10px 26px rgba(0, 0, 0, .35); }
.tile-adm:hover, .card:hover:is(a) { border-color: rgba(100, 166, 255, .45); box-shadow: 0 0 0 1px rgba(100, 166, 255, .25), 0 12px 30px var(--mt-glow); }
.toc { background: rgba(8, 20, 40, .9); }
.table th { background: rgba(6, 15, 31, .8); }
.table td, .table th { border-color: var(--line-soft); }

/* botões como os do launcher */
.btn { font-weight: 700; letter-spacing: .06em; text-transform: uppercase; font-size: .78rem; background: rgba(16, 38, 74, .8); border-color: var(--line); color: var(--ink); }
.btn:hover { background: rgba(29, 61, 112, .9); border-color: rgba(100, 166, 255, .4); }
.btn--primary { background: linear-gradient(180deg, #4b98ff, #2f76e2); border-color: #4b98ff; color: #fff; box-shadow: 0 6px 20px var(--mt-glow); }
.btn--primary:hover { background: linear-gradient(180deg, #5aa2ff, #3a83f0); box-shadow: 0 8px 28px rgba(61, 142, 255, .5); }
.btn--quiet { background: none; border-color: transparent; text-transform: none; letter-spacing: 0; font-weight: 600; }
.btn--danger { background: rgba(255, 93, 100, .12); border-color: rgba(255, 93, 100, .4); color: var(--err); }

/* campos */
.inp { border-color: var(--line); color: var(--ink); }
.inp:hover { border-color: rgba(100, 166, 255, .35); }
.inp:focus { border-color: var(--mt-blue-hi); box-shadow: 0 0 0 3px rgba(61, 142, 255, .22); outline: none; }
.inp::placeholder { color: var(--muted); }
select.inp option { background: #0c1d3a; color: var(--ink); }
.switch__ui { background: #1d3d70; }
.switch input:checked + .switch__ui { background: var(--bronze); box-shadow: 0 0 12px var(--mt-glow); }

/* elementos que o tema claro pintava com a cor do texto */
.skip, .chip-adm[aria-pressed="true"], .ico-opt:has(input:checked) { background: var(--bronze); border-color: var(--bronze); color: #fff; }
.toast { background: #10264a; color: var(--ink); border: 1px solid rgba(100, 166, 255, .3); box-shadow: var(--shadow); }
.toast--err { background: #3a1420; border-color: rgba(255, 93, 100, .4); }
.search { color: var(--ink); border: 1px solid rgba(100, 166, 255, .3); }
dialog::backdrop { background: rgba(2, 6, 14, .7); backdrop-filter: blur(3px); }
.actionbar { background: rgba(6, 15, 31, .92); border-top: 1px solid var(--line); backdrop-filter: blur(8px); }
.dash__todo { background: var(--mt-panel); border-color: rgba(249, 207, 120, .35); }
.todo__dot { background: var(--mt-gold); box-shadow: 0 0 8px rgba(249, 207, 120, .6); }
.badge { background: var(--mt-gold); color: #1a1205; }
.sec__n { background: var(--stone-deep); }
.rich__bar { background: rgba(6, 15, 31, .8); }
.qr { background: #fff; }
.adm--bare { background: #081428 url("../img/bg-main.jpg") center / cover no-repeat; }
.adm--bare .card, .gate .card { backdrop-filter: blur(6px); }

/* destaque dourado nos números do início, como a carteira do launcher */
.mini strong { color: var(--mt-gold); font-weight: 800; }