/* SBR Air V0 — legacy global layer: merged :root, global element rules and the mode switch. */
/* Merged :root = the values the browser used before V0 (index.html:493 values win over index.html:17). */
:root {
  --navy: #1a1a2e;
  --navy-mid: #16213e;
  --navy-card: #0f3460;
  --navy-hover: #1e3248;
  --green: #00c896;
  --green-dim: rgba(0,200,150,0.12);
  --green-border: rgba(0,200,150,0.25);
  --blue: #3b82f6;
  --blue-dim: rgba(59,130,246,0.1);
  --amber: #f5a623;
  --amber-dim: rgba(245,158,11,0.1);
  --red: #e05454;
  --red-dim: rgba(239,68,68,0.1);
  --purple: #8b5cf6;
  --purple-dim: rgba(139,92,246,0.1);
  --text: #f0f4f8;
  --text-muted: #8a9bb0;
  --text-dim: #7a90a8;
  --border: rgba(255,255,255,0.08);
  --border-md: rgba(255,255,255,0.11);
  --sidebar-w: 180px;
  --topbar-h: 56px;
  --green-dark: #00a07a;
  --border-active: rgba(0,200,150,0.4);
  --radius: 16px;
  --radius-sm: 10px;
}

/* ── global rules moved unchanged from legacy-dashboard.css (index.html 17–484) (original relative order kept) ── */

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: var(--navy);
  color: var(--text);
  min-height: 100vh;
  font-size: 13px;
}

@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.4} }

@keyframes overrun-pulse { 0%,100%{opacity:1} 50%{opacity:.3} }

::-webkit-scrollbar { width: 5px; height: 5px; }

::-webkit-scrollbar-track { background: transparent; }

::-webkit-scrollbar-thumb { background: var(--border-md); border-radius: 3px; }

/* ── mode switch (index.html 485–491, unchanged) ── */
#sbr-worker-app{display:none;width:100%;min-height:100vh}
body.mode-worker #sbr-worker-app{display:block}
body.mode-worker #sbr-admin-app{display:none !important}
.ci-screen{display:none;flex-direction:column;width:100%;max-width:420px;min-height:100vh;position:relative;margin:0 auto}
.ci-screen.ci-active{display:flex}

/* ── global rules moved unchanged from legacy-worker.css (index.html 492–947) (original relative order kept) ── */

* { box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }

body {
    font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', sans-serif;
    background: var(--navy);
    color: var(--text);
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-x: hidden;
  }

@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.6} }

@keyframes spin { to { transform: rotate(360deg); } }


  /* scroll */
  ::-webkit-scrollbar { width: 0; }

/* ── global rules moved unchanged from legacy-jobs-slidein.css (original relative order kept) ── */

@keyframes slideInRight { from { transform:translateX(120%);opacity:0; } to { transform:translateX(0);opacity:1; } }