/* ═══════════════════════════════════════════
   DESIGN TOKENS
   Shared CSS variables + base reset used by every
   page in the app. Load this before chrome.css and
   any page-specific stylesheet.
═══════════════════════════════════════════ */
:root {
  --green:        #628128;
  --green-dk:     #455a1c;
  --green-lt:     rgba(98,129,40,.12);
  --black:        #1a1a1a;       /* header / nav rail bg */
  --black-light:  #2a2a2a;
  --dark-chrome:  #3a3a3a;       /* sub-bar / status bar */
  --dark-hover:   rgba(255,255,255,.08);
  --border:       #cacaca;
  --border-dark:  #444;
  --bg-canvas:    #f1f1f1;
  --widget-bg:    #f1f1f1;
  --sidebar-w:    270px;
  --rail-w:       48px;
  --dc-h:         22px;
  --header-h:     44px;
  --subbar-h:     36px;
  --statusbar-h:  28px;

  /* Row-status tints (used on the LCPS table; harmless elsewhere) */
  --neg:   rgba(220,53,69,.18);
  --zero:  rgba(255,193,7,.22);
  --pos:   rgba(40,167,69,.18);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body {
  height: 100%; overflow: hidden;
  font-family: 'Roboto', sans-serif; font-size: 13px;
  background: #666; color: #222;
}
button { cursor: pointer; border: none; background: none; font-family: inherit; font-size: inherit; }
input, select, textarea { font-family: inherit; font-size: inherit; }
ul { list-style: none; }
a { text-decoration: none; color: inherit; }
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(0,0,0,.25); border-radius: 3px; }