/* Central de Operações 2.2 — Command Center Neon
   Overlay visual independente: preserva a estrutura do backend e dos módulos existentes.
   Reversão: remover este link e central-neon-20261009.js do index.html. */
:root {
  --bg:#040908; --bg2:#07110f; --panel:#0b1815; --panel-2:#0e211c;
  --panel-3:#152b24; --line:rgba(173,203,188,.19);
  --line-soft:rgba(173,203,188,.13);
  --text:#f5f7f5; --muted:#a9bbb2; --muted-2:#879d92;
  --accent:#d8ff45; --accent-2:#e5ff72; --success:#7cf877;
  --warning:#ffd45f; --danger:#ff776b; --radius:14px; --sidebar:0px;
  --shadow:0 12px 38px rgba(0,0,0,.31);
  color-scheme:dark;
}
html,body { background:#040908; color:var(--text); }
body .app-shell { display:block; min-height:100vh; background:radial-gradient(circle at 87% 0%,rgba(172,255,69,.045),transparent 32%),linear-gradient(180deg,#07100e,#040908 70%); }
body .main-shell { grid-column:auto; min-width:0; width:100%; }
body .topbar { height:66px; background:rgba(5,13,10,.97);border-color:rgba(173,203,188,.15);padding:0 22px;box-shadow:0 1px 0 rgba(216,255,69,.035);z-index:35; }
body .page-kicker { color:var(--accent); letter-spacing:.16em; }
body .page-title { font-size:18px; }
body .content-wrap { max-width:1680px; padding:22px 25px 54px; }
body .sidebar { width:286px; transform:translateX(-110%); background:#07110f; border-color:rgba(184,219,200,.24); z-index:80; box-shadow:20px 0 70px rgba(0,0,0,.45); transition:transform .2s ease; }
body.menu-open .sidebar { transform:translateX(0); }
body .menu-backdrop { display:block; position:fixed; inset:0; background:rgba(0,0,0,.67); z-index:75; opacity:0; pointer-events:none; transition:opacity .2s ease; }
body.menu-open .menu-backdrop { opacity:1;pointer-events:auto; }
body .mobile-menu { display:grid;place-items:center;flex:0 0 auto; background:#14251f; border:1px solid rgba(216,255,69,.23);color:var(--accent); }
body .brand-mark,body .admin-dot { background:var(--accent); color:#09130b; box-shadow:0 0 22px rgba(216,255,69,.10); }
body .sidebar-search input {background:#0d1c17;border-color:var(--line);color:var(--text)}
body .sidebar-search input:focus { border-color:var(--accent);box-shadow:0 0 0 3px rgba(216,255,69,.10) }
body .nav-item { color:#c0d0c6; }
body .nav-item:hover {background:#162b21;color:#fff}
body .nav-item.active { background:linear-gradient(90deg,rgba(216,255,69,.15),rgba(216,255,69,.035)); color:var(--accent); }
body .nav-item.active .nav-icon {color:var(--accent)}
body .nav-label {color:#a0b5a8}
body .sidebar-bottom {border-color:var(--line)}
body .topbar button.secondary {background:#15271f!important;border-color:var(--line)!important;color:#e5f5e7!important}
body button {background:var(--accent);color:#0a1409}
body button.secondary {background:#1b3027;color:#e5f3ea;border:1px solid var(--line)}
body button.danger {background:#7d2f2f;color:white}
body button:focus-visible,body a:focus-visible,body input:focus-visible,body select:focus-visible {outline:2px solid var(--accent);outline-offset:2px}
body input,body textarea,body select {background:#091510;color:#f4fbf5;border-color:rgba(177,204,189,.27)}
body input:focus,body textarea:focus,body select:focus {border-color:var(--accent);box-shadow:0 0 0 3px rgba(216,255,69,.10)}
body label {color:#b5c7bd}
body .panel,body .card,body .metric-card,body .compact-stat {background:linear-gradient(145deg,rgba(15,31,26,.97),rgba(7,18,15,.97));border-color:var(--line);box-shadow:0 8px 25px rgba(0,0,0,.14)}
body .hero,body .operations-hero,body .routine-hero {background:linear-gradient(125deg,#15271e,#0a1712 70%);border-color:rgba(216,255,69,.23)}
body .hero:after,body .operations-hero:after {background:radial-gradient(circle,rgba(216,255,69,.09),transparent 66%)}
body .metric-card.accent,body .tasks-panel {border-color:rgba(216,255,69,.26)}
body .priority-item,body .operation-task,body .flow-table tbody tr,body .health-row {border-color:var(--line-soft)}
body .priority-item,body .operation-task {background:#0a1813}
body .operation-task.attention {background:#211f0d;border-color:rgba(255,212,95,.24)}
body .operation-task.error {background:#221212;border-color:rgba(255,119,107,.24)}
body .status-dot.attention {background:var(--warning)}
body .status-dot.ok {background:var(--success)}
body .metric-label,body .metric-sub,body .panel-head p {color:var(--muted)}
body .stat,body .metric-card.accent .metric-value,body .hero-score strong,body .decision-count strong {color:var(--accent)}
body .table th,body table th,body .flow-table th {color:#9fb4a9}
body .table td,body table td,body .flow-table td {color:#dbe7df;border-color:var(--line-soft)}
body .login-stage {background:radial-gradient(circle at 50% 0%,rgba(216,255,69,.10),transparent 35%),#040908}
body .login-card {background:#0c1c16;border-color:rgba(216,255,69,.23)}
body .login-card p {color:var(--muted)}
body .toast {background:#10221b;border-color:var(--line);color:#f3f9f3}
body .routine-hero {color:var(--text)}
body .routine-score {color:var(--accent)}
body .routine-item {background:#10221b}
body .status-pill.ok {background:#14341e;color:#9af7a4}
body .status-pill.attention {background:#3b310f;color:#ffdf76}
body .status-pill.error {background:#37191b;color:#ffaca5}
#cc-neon-ribbon { position:sticky; top:66px; z-index:32; background:rgba(7,18,14,.985); border-bottom:1px solid rgba(216,255,69,.16);box-shadow:0 10px 22px rgba(0,0,0,.18)}
.cc-n-tabs {display:flex;gap:4px;align-items:center;overflow-x:auto;padding:8px 21px 5px;scrollbar-width:thin;white-space:nowrap}
body .cc-n-tabs button {background:transparent;color:#b1c4b8;border:0;border-bottom:2px solid transparent;border-radius:6px 6px 0 0;padding:8px 12px 7px;font-size:12px;font-weight:750;white-space:nowrap}
body .cc-n-tabs button:hover {background:rgba(216,255,69,.065);color:white}
body .cc-n-tabs button[aria-selected="true"] {color:var(--accent);background:rgba(216,255,69,.075);border-bottom-color:var(--accent)}
.cc-n-toolbar {display:flex;align-items:center;min-height:51px;gap:5px;padding:6px 22px 9px;overflow:hidden}
.cc-n-actions {display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;flex:1;align-items:center}
body .cc-n-action {display:flex;gap:7px;align-items:center;flex:0 0 auto;border:1px solid transparent;background:transparent;color:#cfe0d4;border-radius:9px;padding:8px 10px;font-weight:650;font-size:11px;white-space:nowrap;min-height:36px}
body .cc-n-action:hover {color:white;background:#173327;border-color:rgba(216,255,69,.19)}
body .cc-n-action.active {color:var(--accent);background:#1d3427;border-color:rgba(216,255,69,.27)}
.cc-n-action svg {width:17px;height:17px;stroke:currentColor;fill:none;flex:0 0 17px}
.cc-n-tools {display:flex;align-items:center;gap:7px;border-left:1px solid var(--line);padding-left:10px;margin-left:5px}
body .cc-n-tool {background:#11261a;color:#e4f4e4;border:1px solid var(--line);white-space:nowrap;font-size:11px;padding:8px 10px;border-radius:8px}
body .cc-n-today {background:rgba(216,255,69,.13);color:var(--accent);border-color:rgba(216,255,69,.33);font-weight:850}
.cc-n-badge {display:inline-grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:7px;background:var(--accent);color:#0b1608;font-weight:900;font-size:15px}
#cc-n-search-overlay[hidden] {display:none!important}
#cc-n-search-overlay {position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.76);display:flex;align-items:flex-start;justify-content:center;padding:13vh 20px 20px}
.cc-n-dialog {width:min(570px,100%);max-height:75vh;display:flex;flex-direction:column;border:1px solid rgba(216,255,69,.35);border-radius:16px;background:#0d2017;box-shadow:0 24px 90px rgba(0,0,0,.55);padding:15px}
.cc-n-search-title {font-size:12px;color:#b8c8bb;margin-bottom:9px;font-weight:700}
body #cc-n-search-input {margin:0 0 10px;background:#06120e;border-color:rgba(216,255,69,.32);min-height:42px}
.cc-n-results {overflow:auto;display:grid;gap:4px}
body .cc-n-result {background:transparent;display:flex;text-align:left;gap:9px;align-items:center;color:#d5e6d8;padding:10px;border-radius:8px;border:1px solid transparent}
body .cc-n-result:hover,body .cc-n-result:focus-visible {border-color:rgba(216,255,69,.3);background:#173629}
.cc-n-results small {color:var(--muted);margin-left:auto}
.cc-n-empty {font-size:12px;padding:14px;color:var(--muted)}
@media(max-width:850px) {body .content-wrap{padding:16px 14px 35px}.cc-n-tabs{padding-left:12px}.cc-n-toolbar{padding:5px 12px 7px}.cc-n-tools{padding-left:6px}body .cc-n-tool{padding:7px 8px} }
@media(max-width:560px) {body .topbar{padding:0 12px}body .page-title{font-size:15px}.cc-n-toolbar{min-height:46px}body .cc-n-action{font-size:10px;padding:7px 8px}body .cc-n-tabs button{font-size:11px;padding:8px 9px} }
@media(prefers-reduced-motion:reduce) {body .sidebar,body .menu-backdrop {transition:none} }
