/* ═══════════════════════════════════════════════════════════════════
   AEON THEME v5 — Copper & Circuit Board Decorative Layer
   Overrides app.css :root vars, then adds:
   PCB background · overlays · scrollbars · 3D buttons · decorations
   ═══════════════════════════════════════════════════════════════════ */

/* ── FONTS ── */
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=JetBrains+Mono:wght@300;400;500;600&family=Orbitron:wght@400;600;700;900&family=Share+Tech+Mono&display=swap');

/* ══════════════════════════════════════════
   ROOT VARIABLE OVERRIDES
   Remaps app.css vars to AEON v5 palette.
   All var() refs in app.css update automatically.
══════════════════════════════════════════ */
:root {
  /* Backgrounds */
  --bg:      #010609;
  --bg1:     #040c14;
  --bg2:     #060d18;
  --bg3:     #030810;

  /* Borders — copper instead of white */
  --border:  rgba(181,72,31,.2);
  --border2: rgba(181,72,31,.35);

  /* Text */
  --text:    #d8eeff;
  --muted:   #6a8aa8;
  --muted2:  #2a4055;

  /* Accent (green) */
  --accent:  #00ff9d;
  --accent2: #00cc7a;
  --good:    #00ff9d;

  /* State colors */
  --warn:    #ffb347;
  --bad:     #ff3d5a;

  /* Fonts */
  --mono:    'JetBrains Mono', 'Share Tech Mono', monospace;
  --sans:    'Rajdhani', 'IBM Plex Sans', sans-serif;

  /* Copper palette (new vars used by this theme) */
  --copper:        #b5481f;
  --copper-light:  #d4653a;
  --copper-glow:   rgba(181,72,31,.4);
  --brass:         #d4653a;
  --green-glow:    rgba(0,255,157,.4);
  --red-glow:      rgba(255,61,90,.35);
  --amber-glow:    rgba(255,179,71,.35);

  /* Fix for --card2 fallback: app.js uses var(--card2, #1a1a2e) which
     defaults to dark purple-navy. Override to match card bg. */
  --card2: #060d18;

  /* 3D Phillips copper screw heads — base64 encoded to avoid WebKit duplicate-ID bug
     when the same data-URI is referenced multiple times in one background-image */
  --screw9: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc5JyBoZWlnaHQ9JzknPjxkZWZzPjxyYWRpYWxHcmFkaWVudCBpZD0nZicgY3g9JzM1JScgY3k9JzMwJScgcj0nNjAlJz48c3RvcCBvZmZzZXQ9JzAlJyBzdG9wLWNvbG9yPScjZTg4NzVhJy8+PHN0b3Agb2Zmc2V0PSczNSUnIHN0b3AtY29sb3I9JyNiNTQ4MWYnLz48c3RvcCBvZmZzZXQ9JzcwJScgc3RvcC1jb2xvcj0nIzhiMzUxMCcvPjxzdG9wIG9mZnNldD0nMTAwJScgc3RvcC1jb2xvcj0nIzNhMTAwNScvPjwvcmFkaWFsR3JhZGllbnQ+PHJhZGlhbEdyYWRpZW50IGlkPSdzJyBjeD0nNTAlJyBjeT0nNTAlJyByPSc1MCUnPjxzdG9wIG9mZnNldD0nMCUnIHN0b3AtY29sb3I9JyMyYTBlMDAnLz48c3RvcCBvZmZzZXQ9JzEwMCUnIHN0b3AtY29sb3I9JyMxYTA4MDAnLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48Y2lyY2xlIGN4PSc0LjUnIGN5PSc1JyByPSc0LjUnIGZpbGw9JyMzYTEwMDUnLz48Y2lyY2xlIGN4PSc0LjUnIGN5PSc0LjUnIHI9JzQnIGZpbGw9J3VybCgjZiknLz48Y2lyY2xlIGN4PSc0LjUnIGN5PSc0LjUnIHI9JzQnIGZpbGw9J25vbmUnIHN0cm9rZT0nIzdhMzAxMCcgc3Ryb2tlLXdpZHRoPScwLjUnIG9wYWNpdHk9JzAuNScvPjxyZWN0IHg9JzMuNycgeT0nMi4xJyB3aWR0aD0nMS42JyBoZWlnaHQ9JzQuOCcgcng9JzEnIGZpbGw9J3VybCgjcyknLz48cmVjdCB4PScyLjEnIHk9JzMuNycgd2lkdGg9JzQuOCcgaGVpZ2h0PScxLjYnIHJ4PScxJyBmaWxsPSd1cmwoI3MpJy8+PHJlY3QgeD0nMy43JyB5PScyLjEnIHdpZHRoPScxLjYnIGhlaWdodD0nMC41JyByeD0nMC41JyBmaWxsPSdyZ2JhKDI1NSwxNTAsODAsMC4xNSknLz48cmVjdCB4PScyLjEnIHk9JzMuNycgd2lkdGg9JzAuNScgaGVpZ2h0PScxLjYnIHJ4PScwLjUnIGZpbGw9J3JnYmEoMjU1LDE1MCw4MCwwLjE1KScvPjwvc3ZnPg==");
  --screw6: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc2JyBoZWlnaHQ9JzYnPjxkZWZzPjxyYWRpYWxHcmFkaWVudCBpZD0nZicgY3g9JzM1JScgY3k9JzMwJScgcj0nNjAlJz48c3RvcCBvZmZzZXQ9JzAlJyBzdG9wLWNvbG9yPScjZTg4NzVhJy8+PHN0b3Agb2Zmc2V0PSczNSUnIHN0b3AtY29sb3I9JyNiNTQ4MWYnLz48c3RvcCBvZmZzZXQ9JzcwJScgc3RvcC1jb2xvcj0nIzhiMzUxMCcvPjxzdG9wIG9mZnNldD0nMTAwJScgc3RvcC1jb2xvcj0nIzNhMTAwNScvPjwvcmFkaWFsR3JhZGllbnQ+PHJhZGlhbEdyYWRpZW50IGlkPSdzJyBjeD0nNTAlJyBjeT0nNTAlJyByPSc1MCUnPjxzdG9wIG9mZnNldD0nMCUnIHN0b3AtY29sb3I9JyMyYTBlMDAnLz48c3RvcCBvZmZzZXQ9JzEwMCUnIHN0b3AtY29sb3I9JyMxYTA4MDAnLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48Y2lyY2xlIGN4PSczJyBjeT0nMy40JyByPSczJyBmaWxsPScjM2ExMDA1Jy8+PGNpcmNsZSBjeD0nMycgY3k9JzMnIHI9JzIuNScgZmlsbD0ndXJsKCNmKScvPjxjaXJjbGUgY3g9JzMnIGN5PSczJyByPScyLjUnIGZpbGw9J25vbmUnIHN0cm9rZT0nIzdhMzAxMCcgc3Ryb2tlLXdpZHRoPScwLjUnIG9wYWNpdHk9JzAuNScvPjxyZWN0IHg9JzIuNScgeT0nMS41JyB3aWR0aD0nMScgaGVpZ2h0PSczJyByeD0nMScgZmlsbD0ndXJsKCNzKScvPjxyZWN0IHg9JzEuNScgeT0nMi41JyB3aWR0aD0nMycgaGVpZ2h0PScxJyByeD0nMScgZmlsbD0ndXJsKCNzKScvPjxyZWN0IHg9JzIuNScgeT0nMS41JyB3aWR0aD0nMScgaGVpZ2h0PScwLjQnIHJ4PScwLjQnIGZpbGw9J3JnYmEoMjU1LDE1MCw4MCwwLjE1KScvPjxyZWN0IHg9JzEuNScgeT0nMi41JyB3aWR0aD0nMC40JyBoZWlnaHQ9JzEnIHJ4PScwLjQnIGZpbGw9J3JnYmEoMjU1LDE1MCw4MCwwLjE1KScvPjwvc3ZnPg==");
}

/* ══════════════════════════════════════════
   HARDCODED COLOR OVERRIDES
   app.css uses rgba(34,197,94,…) (old green #22c55e)
   in ~15 places that don't go through CSS vars.
   We replace them here with the new green.
══════════════════════════════════════════ */

/* Active nav link */
.link.active {
  background:    rgba(0,255,157,.06) !important;
  border-color:  rgba(0,255,157,.15) !important;
}

/* Live chip */
.chip.live {
  border-color:  rgba(0,255,157,.2)  !important;
  background:    rgba(0,255,157,.05) !important;
}

/* btn.active state */
.btn.active {
  border-color:  rgba(0,255,157,.5)  !important;
  background:    rgba(0,255,157,.12) !important;
}

/* btn-good default (flat style from app.css, overridden by 3D style below — keep in sync) */
.btn-good {
  border-color: rgba(0,255,157,.3) !important;
}

/* Focused text inputs */
.field-input:focus,
.tc-input:focus {
  border-color: var(--accent)          !important;
  background:   rgba(0,255,157,.03)    !important;
}

/* Editing state button */
.tc-edit-btn.editing {
  border-color: rgba(0,255,157,.4) !important;
  color:        var(--good)        !important;
  background:   rgba(0,255,157,.07) !important;
}

/* Filter / period / account toggle active states */
.audit-filter-btn.active,
.tl-period-btn.active,
.tl-acct-btn.active {
  border-color: rgba(0,255,157,.4) !important;
  color:        var(--good)        !important;
  background:   rgba(0,255,157,.07) !important;
}

/* Trade log row colours */
.tl-row-win td        { background: rgba(0,255,157,.05)  !important; }
.tl-day-row:hover td  { background: rgba(0,255,157,.04)  !important; }
.tl-child-row td      { border-left-color: rgba(0,255,157,.15) !important; }

/* Badges */
.badge.good  {
  border-color: rgba(0,255,157,.3) !important;
  color:        var(--good)        !important;
  background:   rgba(0,255,157,.07) !important;
}
.badge.info  {
  border-color: rgba(0,255,157,.2) !important;
  color:        var(--accent)      !important;
  background:   rgba(0,255,157,.05) !important;
}

/* ══════════════════════════════════════════
   KEYFRAMES
══════════════════════════════════════════ */

@keyframes copperPulse {
  0%,100%{box-shadow:0 0 5px rgba(181,72,31,.4)}
  50%{box-shadow:0 0 14px rgba(181,72,31,.4),0 0 28px rgba(181,72,31,.15)}
}

/* ══════════════════════════════════════════
   PCB CIRCUIT BOARD BACKGROUND
   Stroke opacity 0.04 — barely visible traces
══════════════════════════════════════════ */
html {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 800 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='rgba(0,255,157,.04)' stroke-width='0.8'%3E%3Cpath d='M0 100 H200 V80 H350 V100 H500'/%3E%3Cpath d='M200 80 V20 H280 V0'/%3E%3Cpath d='M500 100 H650 V60 H800'/%3E%3Cpath d='M650 60 V0'/%3E%3Cpath d='M0 200 H150 V180 H300 V200 H450 V160 H600 V200 H800'/%3E%3Cpath d='M150 180 V120 H220 V100'/%3E%3Cpath d='M300 200 V240 H200 V260'/%3E%3Cpath d='M450 160 V120 H520 V100 H600'/%3E%3Cpath d='M600 200 V240 H700 V260 H800'/%3E%3Cpath d='M0 320 H100 V300 H250 V320 H400 V280 H550 V320 H700 V300 H800'/%3E%3Cpath d='M250 320 V360 H180 V380 H100 V400'/%3E%3Cpath d='M550 320 V360 H620 V380 H700 V360'/%3E%3Cpath d='M0 440 H200 V420 H350 V440 H500 V460 H650 V440 H800'/%3E%3Cpath d='M0 540 H120 V520 H240 V540 H400 V560 H550 V540 H700 V560 H800'/%3E%3Ccircle cx='200' cy='80' r='4'/%3E%3Ccircle cx='650' cy='60' r='4'/%3E%3Ccircle cx='150' cy='180' r='4'/%3E%3Ccircle cx='300' cy='200' r='4'/%3E%3Ccircle cx='450' cy='160' r='4'/%3E%3Ccircle cx='600' cy='200' r='4'/%3E%3Ccircle cx='100' cy='300' r='4'/%3E%3Ccircle cx='400' cy='280' r='4'/%3E%3Ccircle cx='550' cy='320' r='4'/%3E%3Ccircle cx='200' cy='420' r='4'/%3E%3Ccircle cx='350' cy='440' r='4'/%3E%3Ccircle cx='650' cy='440' r='4'/%3E%3Crect x='310' y='130' width='60' height='40' rx='2'/%3E%3Crect x='320' y='140' width='40' height='20' rx='1'/%3E%3Crect x='530' y='230' width='50' height='35' rx='2'/%3E%3Crect x='538' y='238' width='34' height='18' rx='1'/%3E%3Crect x='160' y='340' width='55' height='38' rx='2'/%3E%3Crect x='490' y='390' width='60' height='42' rx='2'/%3E%3Crect x='240' y='76' width='16' height='8' rx='1'/%3E%3Crect x='420' y='156' width='16' height='8' rx='1'/%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-attachment: fixed;
}

/* ── SCANLINES — replaces app.css body::before ── */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9999;
  background: repeating-linear-gradient(
    0deg,
    transparent,          transparent 3px,
    rgba(0,0,0,.04) 3px,  rgba(0,0,0,.04) 4px
  );
}

/* ── VIGNETTE — dark edges, transparent center, no gray fog ── */
body::after {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9998;
  background: radial-gradient(ellipse at center, transparent 40%, rgba(0,0,0,.55) 100%);
}

/* ── NOISE GRAIN — 2% opacity, separate from vignette ── */
.app::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9997;
  opacity: .02;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: 200px 200px;
}

/* sweep line removed */

/* ══════════════════════════════════════════
   SCROLLBARS — Copper pipe style
══════════════════════════════════════════ */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track {
  background: #010609;
  border-left: 1px solid rgba(181,72,31,.12);
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #b5481f, #5a1e08);
  border-radius: 0;
  box-shadow: 0 0 6px rgba(181,72,31,.4);
}
::-webkit-scrollbar-corner { background: #010609; }

/* ══════════════════════════════════════════
   BRAND / LOGO
══════════════════════════════════════════ */
.brand-icon {
  background: url('/assets/logo-v4.png') center/contain no-repeat !important;
  filter: drop-shadow(0 0 10px rgba(0,255,157,.5)) drop-shadow(0 0 24px rgba(0,255,157,.2));
  animation: logoFlicker 10s ease-in-out infinite;
}
.brand-name {
  font-family: 'Orbitron', monospace !important;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .22em;
  color: #00ff9d;
  text-shadow: 0 0 12px rgba(0,255,157,.4), 0 0 24px rgba(0,255,157,.15);
}
.brand-ver {
  font-family: 'Share Tech Mono', monospace !important;
  color: #b5481f;
  text-shadow: 0 0 6px rgba(181,72,31,.4);
}
.nav-section-label {
  font-family: 'Rajdhani', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: #2a4055 !important;
  padding: 16px 16px 4px 16px !important;
  border: none !important;
  background: none !important;
  text-shadow: none !important;
}

/* Enhanced pulse dot */
.pulse {
  box-shadow: 0 0 8px rgba(0,255,157,.4), 0 0 16px rgba(0,255,157,.2);
}

/* ══════════════════════════════════════════
   TOP BAR — copper shimmer accent line
══════════════════════════════════════════ */
.top { position: relative; }
.top::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg,
    transparent,
    rgba(181,72,31,.4) 20%,
    rgba(212,101,58,.65) 50%,
    rgba(181,72,31,.4) 80%,
    transparent);
  pointer-events: none;
}
.title {
  font-family: 'Orbitron', monospace !important;
  font-weight: 700;
  letter-spacing: .22em;
  color: #b5481f;
  text-shadow: 0 0 8px rgba(181,72,31,.4);
}
.title span { color: #00ff9d; }

/* ══════════════════════════════════════════
   CARDS — brass top line + corner rivets + depth shadow
══════════════════════════════════════════ */
.card {
  position: relative;
  overflow: hidden;
  box-shadow:
    0 0 0 1px rgba(0,0,0,.9),
    0 4px 0 rgba(181,72,31,.08),
    0 8px 32px rgba(0,0,0,.75),
    inset 0 1px 0 rgba(255,255,255,.03),
    inset 0 -1px 0 rgba(0,0,0,.5);
}

/* Brass top line */
.card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg,
    transparent,
    rgba(212,101,58,.55) 25%,
    rgba(212,101,58,.9)  50%,
    rgba(212,101,58,.55) 75%,
    transparent);
  z-index: 2;
  pointer-events: none;
}

/* Corner Phillips screw heads */
.card::after {
  content: '';
  position: absolute;
  inset: 7px;
  pointer-events: none;
  z-index: 3;
  background-image: var(--screw9), var(--screw9), var(--screw9), var(--screw9);
  background-position: 0 0, 100% 0, 0 100%, 100% 100%;
  background-size: 9px 9px;
  background-repeat: no-repeat;
}

/* Card head label */
.card .head .h {
  font-family: 'Orbitron', monospace !important;
  font-weight: 700;
  letter-spacing: .15em;
}

/* ══════════════════════════════════════════
   SECTION HEADERS — copper labels
══════════════════════════════════════════ */
.section-title {
  font-family: 'Orbitron', monospace !important;
  font-size: 9px;
  color: #b5481f;
  text-shadow: 0 0 8px rgba(181,72,31,.4);
}
.section-header { border-bottom-color: rgba(181,72,31,.18); }
.section-line {
  background: linear-gradient(90deg, rgba(181,72,31,.2), transparent);
  height: 1px;
}

/* Copper separator lines */
.hr, hr {
  background: linear-gradient(90deg,
    transparent,
    rgba(181,72,31,.28) 20%,
    rgba(212,101,58,.5)  50%,
    rgba(181,72,31,.28) 80%,
    transparent) !important;
  border: none !important;
}
.nav .sep, .sep {
  background: linear-gradient(90deg,
    transparent,
    rgba(181,72,31,.28) 20%,
    rgba(212,101,58,.5)  50%,
    rgba(181,72,31,.28) 80%,
    transparent) !important;
}

/* ══════════════════════════════════════════
   CHIP.LIVE — green glow accent
══════════════════════════════════════════ */
.chip.live {
  font-family: 'Share Tech Mono', monospace !important;
  box-shadow: 0 0 8px rgba(0,255,157,.1);
  border-radius: 2px;
}

/* ══════════════════════════════════════════
   DATA VALUE GLOWS — make numbers feel alive
══════════════════════════════════════════ */
.val-pos, .s-val.pos { color: #00ff9d !important; text-shadow: 0 0 12px rgba(0,255,157,.8), 0 0 24px rgba(0,255,157,.4); }
.val-neg, .s-val.neg { color: #ff3d5a !important; text-shadow: 0 0 12px rgba(255,61,90,.8), 0 0 24px rgba(255,61,90,.4); }
.val-neu             { color: var(--text); text-shadow: none; }
.tc-sym              { text-shadow: 0 0 8px rgba(0,255,157,.4); }

/* ══════════════════════════════════════════
   BUTTONS — 3D physical depth (additive)
   Replaces flat app.css buttons with depth
══════════════════════════════════════════ */
.btn {
  font-family: 'Orbitron', monospace !important;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .13em;
  border-radius: 2px;
  transition: background .15s ease, box-shadow .15s ease, transform .1s ease, border-color .15s ease, color .15s ease;
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(14,28,48,.95) 0%, rgba(8,16,28,.98) 50%, rgba(4,9,18,1) 100%);
  border: 1px solid rgba(181,72,31,.25);
  color: #d8eeff;
  box-shadow:
    0 1px 0 rgba(255,255,255,.04) inset,
    0 -1px 0 rgba(0,0,0,.6) inset,
    0 3px 0 rgba(0,0,0,.7),
    0 4px 0 rgba(0,0,0,.5),
    0 6px 14px rgba(0,0,0,.4);
}

/* Sheen overlay */
.btn::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 44%;
  background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.015) 100%);
  pointer-events: none;
  z-index: 1;
}

.btn:hover {
  transform: translateY(-1px);
  border-color: rgba(181,72,31,.55);
  color: #d4653a;
  /* Copper-dark hover — never goes full black */
  background: linear-gradient(180deg,
    rgba(28,16,6,.95) 0%,
    rgba(22,12,4,.97) 50%,
    rgba(16,8,2,1)   100%);
  filter: none !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.06) inset,
    0 -1px 0 rgba(0,0,0,.6) inset,
    0 4px 0 rgba(0,0,0,.7),
    0 5px 0 rgba(0,0,0,.5),
    0 8px 18px rgba(0,0,0,.4);
}

.btn:active {
  transform: translateY(2px) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.02) inset,
    0 -1px 0 rgba(0,0,0,.6) inset,
    0 1px 0 rgba(0,0,0,.7),
    0 2px 4px rgba(0,0,0,.3) !important;
}

/* ── GREEN (primary / good) ── */
.btn-good {
  background: linear-gradient(180deg,
    #00ff9d 0%, #00d47f 20%, #00a862 50%, #007a47 82%, #005530 100%) !important;
  border: none !important;
  color: #001a0e !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.2);
  box-shadow:
    0 1px 0 rgba(255,255,255,.14) inset,
    0 -2px 0 rgba(0,0,0,.5) inset,
    0 4px 0 #002d18,
    0 5px 0 #001a0e,
    0 8px 22px rgba(0,200,110,.35),
    0 3px 6px rgba(0,0,0,.6) !important;
}
.btn-good:hover {
  transform: translateY(-2px) !important;
  background: linear-gradient(180deg,
    #33ffb5 0%, #00ff9d 20%, #00d47f 50%, #009a58 82%, #006838 100%) !important;
  border: none !important;
  color: #001a0e !important;
  filter: none !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.18) inset,
    0 -2px 0 rgba(0,0,0,.5) inset,
    0 6px 0 #002d18,
    0 7px 0 #001a0e,
    0 0 24px rgba(0,255,157,.5),
    0 4px 8px rgba(0,0,0,.5) !important;
}
.btn-good:active {
  transform: translateY(2px) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.08) inset,
    0 -1px 0 rgba(0,0,0,.5) inset,
    0 2px 0 #002d18,
    0 0 8px rgba(0,255,157,.2),
    0 1px 3px rgba(0,0,0,.6) !important;
}
.btn.active {
  background: linear-gradient(180deg,
    #00ff9d 0%, #00d47f 20%, #00a862 50%, #007a47 82%, #005530 100%) !important;
  color: #001a0e !important;
}

/* ── RED (danger / bad) ── */
.btn-bad {
  background: linear-gradient(180deg,
    #ff6680 0%, #ff3d5a 20%, #cc1a35 50%, #991122 82%, #660011 100%) !important;
  border: none !important;
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.5);
  box-shadow:
    0 1px 0 rgba(255,255,255,.12) inset,
    0 -2px 0 rgba(0,0,0,.5) inset,
    0 4px 0 #440008,
    0 5px 0 #220004,
    0 8px 22px rgba(200,20,50,.35),
    0 3px 6px rgba(0,0,0,.6) !important;
}
.btn-bad:hover {
  transform: translateY(-2px) !important;
  background: linear-gradient(180deg,
    #ff8899 0%, #ff6680 20%, #ff3d5a 50%, #cc1a35 82%, #880011 100%) !important;
  border: none !important;
  color: #fff !important;
  filter: none !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.16) inset,
    0 -2px 0 rgba(0,0,0,.5) inset,
    0 6px 0 #440008,
    0 7px 0 #220004,
    0 0 24px rgba(255,61,90,.5),
    0 4px 8px rgba(0,0,0,.5) !important;
}
.btn-bad:active {
  transform: translateY(2px) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.08) inset,
    0 -1px 0 rgba(0,0,0,.5) inset,
    0 2px 0 #440008,
    0 0 8px rgba(255,61,90,.2),
    0 1px 3px rgba(0,0,0,.6) !important;
}

/* ── AMBER (warn) ── */
.btn-warn {
  background: linear-gradient(180deg,
    #ffd080 0%, #ffb347 20%, #cc8800 50%, #996600 82%, #664400 100%) !important;
  border: none !important;
  color: #1a0a00 !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.18) inset,
    0 -2px 0 rgba(0,0,0,.4) inset,
    0 4px 0 #443300,
    0 5px 0 #221a00,
    0 8px 22px rgba(200,130,0,.35),
    0 3px 6px rgba(0,0,0,.6) !important;
}
.btn-warn:hover {
  transform: translateY(-2px) !important;
  background: linear-gradient(180deg,
    #ffe0a0 0%, #ffd080 20%, #ffb347 50%, #cc8800 82%, #886600 100%) !important;
  border: none !important;
  color: #1a0a00 !important;
  filter: none !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.2) inset,
    0 -2px 0 rgba(0,0,0,.4) inset,
    0 6px 0 #443300,
    0 7px 0 #221a00,
    0 0 20px rgba(255,179,71,.5),
    0 4px 8px rgba(0,0,0,.5) !important;
}
.btn-warn:active {
  transform: translateY(2px) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.1) inset,
    0 -1px 0 rgba(0,0,0,.4) inset,
    0 2px 0 #443300,
    0 0 8px rgba(255,179,71,.2),
    0 1px 3px rgba(0,0,0,.5) !important;
}

/* ── FLAT (table inline actions) ── */
.btn-flat {
  background: rgba(255,61,90,.07);
  border: 1px solid rgba(255,61,90,.35);
  color: #ff3d5a;
  font-family: 'Share Tech Mono', monospace !important;
  border-radius: 2px;
  box-shadow: none !important;
}
.btn-flat:hover {
  background: #ff3d5a !important;
  color: #fff !important;
  filter: none !important;
}

/* ── UPLOAD button ── */
.btn-upload {
  background: linear-gradient(180deg,
    #00ff9d 0%, #00d47f 20%, #00a862 50%, #007a47 82%, #005530 100%);
  border: none;
  color: #001a0e;
  font-family: 'Orbitron', monospace !important;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  border-radius: 2px;
  box-shadow:
    0 1px 0 rgba(255,255,255,.14) inset,
    0 -2px 0 rgba(0,0,0,.5) inset,
    0 4px 0 #002d18,
    0 5px 0 #001a0e,
    0 8px 22px rgba(0,200,110,.35);
}
.btn-upload:not(:disabled):hover {
  transform: translateY(-1px);
  filter: none !important;
}
.btn-upload:disabled { opacity: .4; }

/* ── CLEAR UPLOAD ── */
.btn-clear-upload {
  background: #030810;
  border: 1px solid rgba(181,72,31,.25);
  color: #6a8aa8;
  font-family: 'Share Tech Mono', monospace !important;
  border-radius: 2px;
  box-shadow: none !important;
}
.btn-clear-upload:hover {
  background: rgba(181,72,31,.07) !important;
  border-color: rgba(181,72,31,.5) !important;
  color: #d4653a !important;
  filter: none !important;
}

/* ── SMALL BUTTONS ── */
.btn-sm {
  background: transparent;
  border: 1px solid rgba(181,72,31,.28);
  color: #6a8aa8;
  font-family: 'Orbitron', monospace !important;
  font-size: 8px;
  letter-spacing: .08em;
  border-radius: 2px;
  box-shadow: none !important;
}
.btn-sm:hover {
  background: rgba(181,72,31,.07) !important;
  border-color: rgba(181,72,31,.55) !important;
  color: #d4653a !important;
  filter: none !important;
}
.btn-sm-bad {
  background: transparent;
  border: 1px solid rgba(255,61,90,.38);
  color: #ff3d5a;
  font-family: 'Orbitron', monospace !important;
  font-size: 8px;
  letter-spacing: .08em;
  border-radius: 2px;
  box-shadow: none !important;
}
.btn-sm-bad:hover {
  background: #ff3d5a !important;
  border-color: #ff3d5a !important;
  color: #fff !important;
  filter: none !important;
}

/* ── MODAL BUTTONS ── */
.btn-save-modal {
  background: linear-gradient(180deg, #00ff9d 0%, #00a862 50%, #005530 100%);
  border: none;
  color: #001a0e;
  font-family: 'Orbitron', monospace !important;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  border-radius: 4px;
  box-shadow: 0 4px 0 #002d18, 0 5px 0 #001a0e, 0 8px 16px rgba(0,200,110,.3);
}
.btn-cancel-modal {
  background: #030810;
  border: 1px solid rgba(181,72,31,.25);
  color: #6a8aa8;
  font-family: 'Share Tech Mono', monospace !important;
  border-radius: 4px;
  box-shadow: none !important;
}

/* ── LOGOUT ── */
.btn-logout {
  font-family: 'Orbitron', monospace !important;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .1em;
  border-radius: 2px;
}

/* ══════════════════════════════════════════
   FILTER / TOGGLE BUTTONS
══════════════════════════════════════════ */
.audit-filter-btn, .tl-period-btn, .tl-acct-btn, .ct-mode-btn,
.ct-scale-btn, .ct-dir-btn {
  font-family: 'Orbitron', monospace !important;
  font-size: 8px;
  letter-spacing: .1em;
  border-radius: 2px;
}
.audit-filter-btn:hover, .tl-period-btn:hover, .tl-acct-btn:hover {
  filter: none !important;
}

/* ══════════════════════════════════════════
   TABLES — Orbitron headers
══════════════════════════════════════════ */
.acct-table th, .table th {
  font-family: 'Orbitron', monospace !important;
  font-size: 8px;
  letter-spacing: .18em;
  color: #b5481f;
  text-shadow: 0 0 6px rgba(181,72,31,.3);
}
.acct-table td, .table td {
  font-family: 'JetBrains Mono', monospace !important;
}
.acct-table tr:hover td, .table tr:hover td {
  background: rgba(181,72,31,.04) !important;
}

/* ══════════════════════════════════════════
   WIZARD — decorative
══════════════════════════════════════════ */
.wizard-title { font-family: 'Rajdhani', sans-serif !important; }
.wizard-step  { border-color: #00ff9d; color: #00ff9d; }

/* ══════════════════════════════════════════
   FIRM BLOCKS — header font
══════════════════════════════════════════ */
.firm-name { font-family: 'Orbitron', monospace !important; letter-spacing: .08em; }

/* ══════════════════════════════════════════
   BADGES — font only
══════════════════════════════════════════ */
.badge {
  font-family: 'Orbitron', monospace !important;
  font-size: 7px;
  letter-spacing: .18em;
  border-radius: 2px;
}
.pos-tag { font-family: 'Share Tech Mono', monospace !important; border-radius: 2px; }

/* ══════════════════════════════════════════
   BUTTON HOVER FIXES
   Ensure no button goes black/transparent on hover.
   Each variant gets its own correct hover color.
══════════════════════════════════════════ */

/* Upload button — restore green gradient on hover */
.btn-upload:not(:disabled):hover {
  background: linear-gradient(180deg,
    #33ffb5 0%, #00ff9d 20%, #00cc7a 50%, #009a58 82%, #006838 100%) !important;
  filter: none !important;
}

/* Logout button — never transparent */
.btn-logout:hover {
  background: rgba(255,61,90,.12) !important;
  border-color: var(--bad) !important;
  color: var(--bad) !important;
  filter: none !important;
}

/* ══════════════════════════════════════════
   ANIMATIONS
══════════════════════════════════════════ */

/* Pulsing status dots */
@keyframes pulse-dot {
  0%, 100% { opacity: 1;   box-shadow: 0 0 4px currentColor; }
  50%       { opacity: 0.4; box-shadow: 0 0 12px currentColor; }
}
.status-dot,
[class*="connected"] .dot,
.live-dot {
  animation: pulse-dot 2s ease-in-out infinite;
}

/* Logo flicker (replaces/extends existing logoFlicker) */
@keyframes logoFlicker {
  0%, 94%, 100% { opacity: 1; }
  95%  { opacity: 0.7; }
  96%  { opacity: 1; }
  97.5%{ opacity: 0.5; }
  98%  { opacity: 1; }
}
.brand-logo img,
.sidebar-logo img,
.brand-icon {
  animation: logoFlicker 4s ease-in-out infinite;
}

/* LIVE badge pulse */
@keyframes live-pulse {
  0%, 100% { box-shadow: 0 0 6px #00ff9d; }
  50%       { box-shadow: 0 0 16px #00ff9d, 0 0 30px rgba(0,255,157,.3); }
}
.live-badge,
.chip.live {
  animation: live-pulse 2s ease-in-out infinite;
}

/* panel scanSweep removed — keep .panel positional rule below */
.panel {
  position: relative;
  overflow: hidden;
}

/* ══════════════════════════════════════════
   COPPER CORNER BRACKETS
   Applied to .panel and wildcard panel/card variants.
   NOT applied to .card::before — that holds the brass top line.
══════════════════════════════════════════ */
.panel,
[class*="-panel"] {
  position: relative;
}

/* Top-left bracket */
.panel::before,
[class*="-panel"]::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 12px; height: 12px;
  border-top:  2px solid rgba(181,72,31,.6);
  border-left: 2px solid rgba(181,72,31,.6);
  pointer-events: none;
  z-index: 5;
}

/* ═══════════════════════════════════════════════════════════════════
   AEON THEME v6 ADDITIONS — Issues 2 · 3 · 4 · 5 · 8 · 9
   ═══════════════════════════════════════════════════════════════════ */

/* ── EXTRA ROOT ALIASES (needed by boot screen SVG vars) ── */
:root {
  --green:     #00ff9d;
  --green-dim: #00cc7a;
  --amber:     #ffb347;
  --red:       #ff3d5a;
}

/* ══════════════════════════════════════════
   ISSUE 2 — ANALYZE BUTTON: copper, not purple
══════════════════════════════════════════ */
#analyzeBtn {
  background: rgba(106,15,212,.4) !important;
  color: #ffffff !important;
  border: 1px solid #9040ff !important;
  box-shadow: 0 4px 0 #3a0870, 0 0 16px rgba(106,15,212,.5) !important;
  font-family: 'Orbitron', monospace !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-shadow: none !important;
}
#analyzeBtn:not([disabled]):hover {
  background: rgba(106,15,212,.6) !important;
  color: #ffffff !important;
  border-color: #b060ff !important;
  transform: translateY(-2px) !important;
  filter: none !important;
  box-shadow: 0 6px 0 #3a0870, 0 0 24px rgba(106,15,212,.7) !important;
}
#analyzeBtn:not([disabled]):active {
  transform: translateY(2px) !important;
  box-shadow: 0 1px 0 #3a0870, 0 0 8px rgba(106,15,212,.3) !important;
}
#analyzeBtn[disabled] {
  opacity: .4 !important;
  background: rgba(106,15,212,.2) !important;
  cursor: not-allowed !important;
}

/* ══════════════════════════════════════════
   ISSUE 3 — DECISION ENGINE ENTRY / EXIT BUTTONS
   (exact spec from design brief)
══════════════════════════════════════════ */

/* EXECUTE ENTRY — green physical-depth button */
#executeEntryBtn2 {
  background: linear-gradient(135deg, #00ff9d, #00cc7a) !important;
  color: #010609 !important;
  font-family: 'Orbitron', monospace !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  border: none !important;
  box-shadow:
    0 6px 0 #004d2e,
    0 0 20px rgba(0,255,157,.4),
    inset 0 1px 0 rgba(255,255,255,.2) !important;
  text-shadow: none !important;
}
#executeEntryBtn2:not([disabled]):hover {
  transform: translateY(-1px) !important;
  filter: none !important;
  box-shadow:
    0 7px 0 #004d2e,
    0 0 28px rgba(0,255,157,.5),
    inset 0 1px 0 rgba(255,255,255,.2) !important;
}
#executeEntryBtn2:active {
  transform: translateY(3px) !important;
  box-shadow:
    0 3px 0 #004d2e,
    0 0 12px rgba(0,255,157,.3),
    inset 0 1px 0 rgba(255,255,255,.1) !important;
}
#executeEntryBtn2[disabled] {
  opacity: .35 !important;
  cursor: not-allowed !important;
}

/* FLATTEN (EXIT) — red physical-depth button */
#flattenBtn2 {
  background: linear-gradient(135deg, #ff3d5a, #cc2d47) !important;
  color: #fff !important;
  font-family: 'Orbitron', monospace !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  border: none !important;
  box-shadow:
    0 6px 0 #7a0000,
    0 0 20px rgba(255,61,90,.4),
    inset 0 1px 0 rgba(255,255,255,.2) !important;
  text-shadow: none !important;
}
#flattenBtn2:not([disabled]):hover {
  transform: translateY(-1px) !important;
  filter: none !important;
  box-shadow:
    0 7px 0 #7a0000,
    0 0 28px rgba(255,61,90,.5),
    inset 0 1px 0 rgba(255,255,255,.2) !important;
}
#flattenBtn2:active {
  transform: translateY(3px) !important;
  box-shadow:
    0 3px 0 #7a0000,
    0 0 12px rgba(255,61,90,.3),
    inset 0 1px 0 rgba(255,255,255,.1) !important;
}

/* ══════════════════════════════════════════
   ISSUE 4 — CUSTOM TOGGLE SWITCHES
   Replaces browser-default checkboxes with
   styled pill-toggles sitewide.
══════════════════════════════════════════ */
input[type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 36px !important;
  height: 20px !important;
  min-width: 36px !important;
  background: #040c14 !important;
  border: 1px solid rgba(181,72,31,.35) !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  position: relative !important;
  display: inline-block !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
  transition: background .2s ease, border-color .2s ease !important;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.6) !important;
}
input[type="checkbox"]::after {
  content: '' !important;
  position: absolute !important;
  width: 14px !important;
  height: 14px !important;
  background: radial-gradient(circle at 40% 35%, #4a6a88, #2a4055) !important;
  border-radius: 50% !important;
  top: 2px !important;
  left: 2px !important;
  transition: left .2s ease, background .2s ease, box-shadow .2s ease !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.6) !important;
}
input[type="checkbox"]:checked {
  background: rgba(0,255,157,.12) !important;
  border-color: #00ff9d !important;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.4), 0 0 8px rgba(0,255,157,.2) !important;
}
input[type="checkbox"]:checked::after {
  background: radial-gradient(circle at 40% 35%, #80ffcc, #00ff9d) !important;
  left: 18px !important;
  box-shadow: 0 0 8px rgba(0,255,157,.6), 0 1px 3px rgba(0,0,0,.4) !important;
}
input[type="checkbox"]:hover:not(:checked) {
  border-color: rgba(181,72,31,.6) !important;
}
/* Align label text nicely next to toggle */
input[type="checkbox"] + label,
input[type="checkbox"] + span {
  vertical-align: middle;
}

/* ══════════════════════════════════════════
   ISSUE 5 — EKG HEARTBEAT LINE
   Animated oscilloscope wave in activity feed header.
   Uses CSS :has() + SVG background + scroll animation.
══════════════════════════════════════════ */
@keyframes ekgScroll {
  from { background-position-x: 0; }
  to   { background-position-x: -300px; }
}

/* Target the activity feed card head by its unique #feedMeta child */
.head:has(#feedMeta) {
  position: relative;
  overflow: hidden;
}
.head:has(#feedMeta)::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 22' preserveAspectRatio='none'%3E%3Cpath d='M0 11 H55 L60 2 L67 20 L72 11 H135 L140 2 L147 20 L152 11 H215 L220 2 L227 20 L232 11 H300' fill='none' stroke='rgba(0,255,157,.55)' stroke-width='1.2'/%3E%3C/svg%3E");
  background-size: 300px 22px;
  background-repeat: repeat-x;
  animation: ekgScroll 2.8s linear infinite;
  pointer-events: none;
  z-index: 0;
  opacity: 1;
}
/* Ensure all children stay above the EKG background */
.head:has(#feedMeta) > * {
  position: relative;
  z-index: 1;
}

/* ══════════════════════════════════════════
   ISSUE 8 — TRADE LOG TABLE POLISH
══════════════════════════════════════════ */
.sig-table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}

/* Header row */
.sig-table thead tr th {
  background: #040c14 !important;
  border-bottom: 1px solid rgba(181,72,31,.3) !important;
  border-top: none !important;
  font-family: 'Orbitron', monospace !important;
  font-size: 8px !important;
  text-transform: uppercase !important;
  color: #b5481f !important;
  letter-spacing: .18em !important;
  text-shadow: 0 0 6px rgba(181,72,31,.3) !important;
  padding: 8px 8px !important;
  white-space: nowrap;
}

/* Body cells — JetBrains Mono */
.sig-table tbody td {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 11px !important;
}

/* Alternating row backgrounds */
.sig-table tbody tr.tl-row-win td,
.sig-table tbody tr.tl-row-loss td,
.sig-table tbody tr.tl-row-open td,
.sig-table tbody tr:not([class]) td {
  background: #040c14 !important;
}
.sig-table tbody tr:nth-child(even) td {
  background: #060d18 !important;
}

/* Hover */
.sig-table tbody tr:hover td {
  background: rgba(0,255,157,.04) !important;
}

/* Positive P&L cell */
.tl-row-win .tl-pnl {
  color: #00ff9d !important;
  text-shadow: 0 0 8px rgba(0,255,157,.4) !important;
  font-weight: 600 !important;
}

/* Negative P&L cell */
.tl-row-loss .tl-pnl {
  color: #ff3d5a !important;
  text-shadow: 0 0 8px rgba(255,61,90,.35) !important;
  font-weight: 600 !important;
}

/* Day summary divider rows */
.tl-day-row td {
  background: #030810 !important;
  border-top: 1px solid rgba(181,72,31,.18) !important;
  font-family: 'Orbitron', monospace !important;
  font-size: 8px !important;
  letter-spacing: .1em !important;
  color: #6a8aa8 !important;
}

/* ══════════════════════════════════════════
   ISSUE 9 — FULL AUTO TICKER CARD INPUTS & BUTTONS
══════════════════════════════════════════ */

/* Input fields (.tc-input) */
.tc-input {
  background: #030810 !important;
  border: 1px solid rgba(181,72,31,.2) !important;
  color: #d8eeff !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 11px !important;
  border-radius: 2px !important;
  transition: border-color .15s ease, background .15s ease !important;
}
.tc-input:focus {
  border-color: rgba(181,72,31,.55) !important;
  background: rgba(181,72,31,.03) !important;
  outline: none !important;
}
.tc-input::placeholder {
  color: #2a4055 !important;
}

/* Sizing mode buttons (AUTO / CONS / MOD / AGG) */
.tc-sizing-btn {
  background: #040c14 !important;
  border: 1px solid rgba(0,255,157,.2) !important;
  color: #6a8aa8 !important;
  border-radius: 3px !important;
  box-shadow: none !important;
}
.tc-sizing-btn:hover {
  border-color: rgba(0,255,157,.45) !important;
  color: #00ff9d !important;
  background: rgba(0,255,157,.05) !important;
  filter: none !important;
}
.tc-sizing-btn.btn-good {
  background: rgba(0,255,157,.15) !important;
  border-color: #00ff9d !important;
  color: #00ff9d !important;
  text-shadow: 0 0 8px rgba(0,255,157,.4) !important;
  box-shadow: none !important;
}

/* Filter mode buttons (AUTO / CUSTOM) */
.ta-filter-mode {
  background: #040c14 !important;
  border: 1px solid rgba(0,255,157,.2) !important;
  color: #6a8aa8 !important;
  border-radius: 3px !important;
  box-shadow: none !important;
}
.ta-filter-mode:hover {
  border-color: rgba(0,255,157,.4) !important;
  color: #00ff9d !important;
  filter: none !important;
}
.ta-filter-mode.btn-good {
  background: rgba(0,255,157,.15) !important;
  border-color: #00ff9d !important;
  color: #00ff9d !important;
  box-shadow: none !important;
}


/* ══════════════════════════════════════════
   ISSUE 6 — BOOT SCREEN STYLES
   Layout, animations, gauge components.
   The boot HTML is injected in index.html.
══════════════════════════════════════════ */
@keyframes bootGlow {
  0%   { filter: drop-shadow(0 0 20px rgba(0,255,157,.5)) drop-shadow(0 0 40px rgba(0,255,157,.2)); }
  100% { filter: drop-shadow(0 0 50px rgba(0,255,157,1))  drop-shadow(0 0 80px rgba(0,255,157,.4)); }
}
@keyframes hexRotate { to { transform: rotate(360deg); } }
@keyframes pageIn    { to { opacity: 1; } }

#boot {
  position: fixed;
  inset: 0;
  background: radial-gradient(ellipse at center, #020e10 0%, #000 70%);
  z-index: 99999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  visibility: visible !important; /* show even while body is visibility:hidden */
}
#boot-logo-wrap {
  position: relative;
  width: 200px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 28px;
}
#boot-logo {
  width: 180px;
  height: 180px;
  animation: bootGlow 1.2s ease-in-out infinite alternate;
}
#boot-hex {
  position: absolute;
  inset: 0;
  animation: hexRotate 8s linear infinite;
}
#boot-title {
  font-family: 'Orbitron', monospace;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: .4em;
  color: var(--accent);
  text-shadow: 0 0 20px var(--green-glow);
  margin-bottom: 4px;
}
#boot-sub {
  font-family: 'Share Tech Mono', monospace;
  font-size: 10px;
  letter-spacing: .3em;
  color: var(--copper);
  text-shadow: 0 0 8px var(--copper-glow);
  margin-bottom: 32px;
}
#boot-gauges        { display: flex; gap: 28px; margin-bottom: 28px; }
.boot-gauge         { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.boot-gauge-lbl     { font-family: 'Orbitron', monospace; font-size: 7px; letter-spacing: .2em; color: var(--muted2); text-transform: uppercase; }
.boot-gauge-val     { font-family: 'Orbitron', monospace; font-size: 11px; font-weight: 700; }
.bv-green           { color: var(--accent);                    text-shadow: 0 0 8px var(--green-glow); }
.bv-amber           { color: var(--warn);                      text-shadow: 0 0 8px var(--amber-glow); }
.bv-cyan            { color: #0ba5e9;                          text-shadow: 0 0 8px rgba(11,165,233,.5); }
#boot-bar-wrap      { width: 280px; margin-bottom: 12px; }
#boot-bar           { width: 100%; height: 3px; background: rgba(0,255,157,.08); border: 1px solid rgba(0,255,157,.15); border-radius: 1px; overflow: hidden; }
#boot-fill          { height: 100%; width: 0%; background: linear-gradient(90deg, transparent, var(--accent), var(--green-dim)); transition: width .05s linear; box-shadow: 0 0 12px var(--green-glow); }
#boot-status        { font-family: 'Share Tech Mono', monospace; font-size: 9px; color: var(--muted2); letter-spacing: .12em; height: 16px; text-align: center; width: 280px; }
#boot-pct           { font-family: 'Orbitron', monospace; font-size: 10px; color: var(--green-dim); letter-spacing: .15em; margin-top: 4px; }


/* ═══════════════════════════════════════════════════════════════════
   AEON THEME v7 — Issues 2 · 3 · 4 · 5 · 6 · 8
   ═══════════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════
   ISSUE 2 — DECISION ENGINE ENTRY / EXIT TAB BUTTONS
   Override inline styles with !important
══════════════════════════════════════════ */
#tab-entry {
  background: linear-gradient(135deg, #00ff9d, #00cc7a) !important;
  color: #010609 !important;
  font-family: 'Orbitron', monospace !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 4px !important;
  min-height: 48px !important;
  box-shadow: 0 4px 0 #004d2e, 0 0 16px rgba(0,255,157,.3) !important;
  transition: transform .1s ease, box-shadow .1s ease !important;
  text-shadow: none !important;
  padding: 0 20px !important;
}
#tab-entry:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 5px 0 #004d2e, 0 0 24px rgba(0,255,157,.45) !important;
  filter: none !important;
}
#tab-entry:active {
  transform: translateY(2px) !important;
  box-shadow: 0 2px 0 #004d2e, 0 0 10px rgba(0,255,157,.2) !important;
}

#tab-exit {
  background: linear-gradient(135deg, #ff3d5a, #cc2d47) !important;
  color: #ffffff !important;
  font-family: 'Orbitron', monospace !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 4px !important;
  min-height: 48px !important;
  box-shadow: 0 4px 0 #7a0000, 0 0 16px rgba(255,61,90,.3) !important;
  transition: transform .1s ease, box-shadow .1s ease !important;
  text-shadow: none !important;
  padding: 0 20px !important;
}
#tab-exit:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 5px 0 #7a0000, 0 0 24px rgba(255,61,90,.45) !important;
  filter: none !important;
}
#tab-exit:active {
  transform: translateY(2px) !important;
  box-shadow: 0 2px 0 #7a0000, 0 0 10px rgba(255,61,90,.2) !important;
}

/* ══════════════════════════════════════════
   UTILITY BUTTONS — three distinct styles
   EXPAND ALL: deep purple
   COLLAPSE ALL: deep blue
   SAVE / CLEAR: copper secondary
══════════════════════════════════════════ */

/* EXPAND ALL — deep purple */
#firmsExpandAllBtn,
#faExpandAllBtn,
#rfExpandAllBtn {
  background: rgba(106,15,212,.2) !important;
  border: 1px solid #6a0fd4 !important;
  color: #b090ff !important;
  font-family: 'Rajdhani', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  padding: 5px 12px !important;
  border-radius: 3px !important;
  box-shadow: 0 4px 0 #3a0870, 0 0 10px rgba(106,15,212,.3) !important;
  text-shadow: none !important;
  transition: all .15s ease !important;
}
#firmsExpandAllBtn:hover,
#faExpandAllBtn:hover,
#rfExpandAllBtn:hover {
  transform: translateY(-2px) !important;
  background: rgba(106,15,212,.35) !important;
  border-color: #9040ff !important;
  color: #c8aaff !important;
  filter: none !important;
  box-shadow: 0 6px 0 #3a0870, 0 0 18px rgba(106,15,212,.5) !important;
}
#firmsExpandAllBtn:active,
#faExpandAllBtn:active,
#rfExpandAllBtn:active {
  transform: translateY(2px) !important;
  box-shadow: 0 1px 0 #3a0870, 0 0 6px rgba(106,15,212,.2) !important;
}

/* COLLAPSE ALL — deep blue */
#firmsCollapseAllBtn,
#faCollapseAllBtn,
#rfCollapseAllBtn {
  background: rgba(0,102,187,.2) !important;
  border: 1px solid #0066bb !important;
  color: #60aaff !important;
  font-family: 'Rajdhani', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  padding: 5px 12px !important;
  border-radius: 3px !important;
  box-shadow: 0 4px 0 #003d70, 0 0 10px rgba(0,102,187,.3) !important;
  text-shadow: none !important;
  transition: all .15s ease !important;
}
#firmsCollapseAllBtn:hover,
#faCollapseAllBtn:hover,
#rfCollapseAllBtn:hover {
  transform: translateY(-2px) !important;
  background: rgba(0,102,187,.35) !important;
  border-color: #0088ff !important;
  color: #88ccff !important;
  filter: none !important;
  box-shadow: 0 6px 0 #003d70, 0 0 18px rgba(0,102,187,.5) !important;
}
#firmsCollapseAllBtn:active,
#faCollapseAllBtn:active,
#rfCollapseAllBtn:active {
  transform: translateY(2px) !important;
  box-shadow: 0 1px 0 #003d70, 0 0 6px rgba(0,102,187,.2) !important;
}

/* SAVE ALL / CLEAR ALL — copper secondary */
#faSaveAllBtn,
#tlClearAllBtn, #auditClearBtn,
#feedClearBtn,  #rfFeedClearBtn {
  background: transparent !important;
  border: 1px solid rgba(181,72,31,.5) !important;
  color: #b5481f !important;
  font-family: 'Rajdhani', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  padding: 5px 12px !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
#faSaveAllBtn:hover,
#tlClearAllBtn:hover, #auditClearBtn:hover,
#feedClearBtn:hover,  #rfFeedClearBtn:hover {
  background: rgba(181,72,31,.1) !important;
  border-color: #d4653a !important;
  color: #d4653a !important;
  filter: none !important;
  transform: none !important;
}

/* ══════════════════════════════════════════
   ISSUE 4 — GREEN BUTTON BLACK TEXT (contrast fix)
   .btn-good buttons must have black text, not green
══════════════════════════════════════════ */
#clearAnalysisBtn,
#clearBtn,
[id*="clear"]:is(button),
.clear-btn {
  color: #010609 !important;
}
#clearAnalysisBtn {
  color: #010609 !important;
  background: linear-gradient(135deg, #00ff9d, #00cc7a) !important;
  border: none !important;
}
.clear-exit-btn {
  color: #010609 !important;
  background: linear-gradient(135deg, #00ff9d, #00cc7a) !important;
  border: none !important;
}

/* ══════════════════════════════════════════
   ISSUE 5 — ANALYZE BUTTON: black text confirmed
   (belt-and-suspenders addition to Issue 2 prior fix)
══════════════════════════════════════════ */
#analyzeBtn,
#analyzeBtn:not([disabled]) {
  color: #ffffff !important;
  text-shadow: none !important;
}
#analyzeBtn[disabled] {
  color: rgba(255,255,255,.4) !important;
}

/* ══════════════════════════════════════════
   ISSUE 6 — EKG HEARTBEAT: move to feed body, not header
   Remove from header::after; target the body containers.
   Uses ::before so it appears at TOP of feed body area.
══════════════════════════════════════════ */

/* Remove EKG from header bar */
.head:has(#feedMeta)::after {
  display: none !important;
  content: none !important;
}
.head:has(#feedMeta) {
  overflow: visible;
}

/* Place EKG at top of the feed body containers */
#autoFeedBody,
#rapidFeedBody {
  position: relative;
}

/* ══════════════════════════════════════════
   ISSUE 8 — POSITION SIZING CARDS TYPOGRAPHY
══════════════════════════════════════════ */

/* Card container */
.position-card {
  background: #060d18 !important;
  border: 1px solid rgba(181,72,31,.15) !important;
  border-radius: 4px;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.position-card:hover {
  border-color: rgba(181,72,31,.35) !important;
}
.position-card.active {
  border-color: rgba(0,255,157,.4) !important;
  box-shadow: 0 0 16px rgba(0,255,157,.1) !important;
}

/* Card header label (CONSERVATIVE / MODERATE / AGGRESSIVE) */
.position-label {
  font-family: 'Orbitron', monospace !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #6a8aa8 !important;
}

/* Stop / Target / ATR values */
.position-card .mono,
.position-card b.mono {
  font-family: 'JetBrains Mono', monospace !important;
  color: #d8eeff !important;
}

/* R:R value — amber */
.rr-text {
  font-family: 'JetBrains Mono', monospace !important;
  color: #ffb347 !important;
  text-shadow: 0 0 6px rgba(255,179,71,.3);
}

/* Risk value — red tint (dollar loss) */
.risk-text {
  font-family: 'JetBrains Mono', monospace !important;
  color: #ff3d5a !important;
}

/* Reward value — green */
.reward-text {
  font-family: 'JetBrains Mono', monospace !important;
  color: #00ff9d !important;
}

/* Row labels ("Stop:", "Target:", etc.) */
.position-card .position-row .muted {
  font-family: 'Share Tech Mono', monospace;
  color: #2a4055;
  font-size: 10px;
}

/* ══════════════════════════════════════════
   ISSUE 4 (new) — FLATTEN ALL / flattenPosition() buttons
══════════════════════════════════════════ */
button[onclick*="flattenPosition"],
#flattenAllBtn {
  background: linear-gradient(135deg, #ff3d5a, #cc2d47) !important;
  color: #ffffff !important;
  font-family: 'Orbitron', monospace !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  border: none !important;
  border-radius: 3px !important;
  padding: 8px 20px !important;
  box-shadow: 0 4px 0 #7a0000, 0 0 12px rgba(255,61,90,.3) !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}
button[onclick*="flattenPosition"]:hover,
#flattenAllBtn:hover {
  background: linear-gradient(135deg, #ff5570, #e03350) !important;
  box-shadow: 0 2px 0 #7a0000, 0 0 18px rgba(255,61,90,.5) !important;
  transform: translateY(2px) !important;
}

/* ══════════════════════════════════════════
   ISSUE 5 — SYMBOL SELECTOR TABS (Decision Engine)
══════════════════════════════════════════ */

/* Pill wrapper — inactive */
#dec-sym-row-container > span:not(#dec-add-sym-form) {
  border: 1px solid rgba(181,72,31,.3) !important;
  background: #040c14 !important;
  border-radius: 3px !important;
  margin-right: 6px !important;
  margin-bottom: 4px !important;
}

/* Pill wrapper — active (has purple #7c3aed inline border) */
#dec-sym-row-container > span[style*="#7c3aed"] {
  background: rgba(106,15,212,.5) !important;
  border-color: #b060ff !important;
  box-shadow:
    0 0 8px rgba(160,80,255,1),
    0 0 16px rgba(160,80,255,.9),
    0 0 32px rgba(160,80,255,.7),
    0 0 48px rgba(160,80,255,.4),
    inset 0 0 16px rgba(160,80,255,.3) !important;
  transform: translateY(-1px) !important;
  filter: brightness(1.3) !important;
}

/* Button inside pill */
#dec-sym-row-container > span:not(#dec-add-sym-form) > button {
  font-family: 'Orbitron', monospace !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  padding: 8px 16px !important;
  color: #6a8aa8 !important;
  background: transparent !important;
  border: none !important;
}

/* Active button */
#dec-sym-row-container > span[style*="#7c3aed"] > button {
  color: #ffffff !important;
  font-weight: 700 !important;
  text-shadow: 0 0 8px rgba(200,150,255,.8) !important;
}

/* Hover on pill */
#dec-sym-row-container > span:not(#dec-add-sym-form):not(#dec-add-sym-form):hover {
  background: rgba(0,255,157,.08) !important;
  border-color: rgba(0,255,157,.5) !important;
}
#dec-sym-row-container > span:not(#dec-add-sym-form):hover > button {
  color: #00ff9d !important;
  text-shadow: 0 0 8px rgba(0,255,157,.6) !important;
}

/* ══════════════════════════════════════════
   ISSUE 6 — POSITION SIZING CARD COLOR CODING
══════════════════════════════════════════ */

/* CONSERVATIVE — green */
.position-card-conservative {
  border: 1px solid rgba(0,255,157,.3) !important;
  border-top: 2px solid #00ff9d !important;
}
.position-card-conservative .position-label {
  color: #00ff9d !important;
}
.position-card-conservative .rr-text {
  color: #ffb347 !important;
}
.position-card-conservative .risk-text {
  color: #ff3d5a !important;
}
.position-card-conservative .reward-text {
  color: #00ff9d !important;
}
.position-card-conservative.active {
  border-color: rgba(0,255,157,.5) !important;
  background: rgba(0,255,157,0.1) !important;
  box-shadow: 0 0 12px rgba(0,255,157,0.2), inset 0 0 20px rgba(0,255,157,0.05) !important;
}

/* MODERATE — amber */
.position-card-moderate {
  border: 1px solid rgba(255,179,71,.3) !important;
  border-top: 2px solid #ffb347 !important;
}
.position-card-moderate .position-label {
  color: #ffb347 !important;
}
.position-card-moderate .rr-text {
  color: #ffb347 !important;
}
.position-card-moderate .risk-text {
  color: #ff3d5a !important;
}
.position-card-moderate .reward-text {
  color: #00ff9d !important;
}
.position-card-moderate.active {
  border-color: rgba(255,179,71,.5) !important;
  background: rgba(255,179,71,0.1) !important;
  box-shadow: 0 0 12px rgba(255,179,71,0.2), inset 0 0 20px rgba(255,179,71,0.05) !important;
}

/* AGGRESSIVE — red */
.position-card-aggressive {
  border: 1px solid rgba(255,61,90,.3) !important;
  border-top: 2px solid #ff3d5a !important;
}
.position-card-aggressive .position-label {
  color: #ff3d5a !important;
}
.position-card-aggressive .rr-text {
  color: #ffb347 !important;
}
.position-card-aggressive .risk-text {
  color: #ff3d5a !important;
}
.position-card-aggressive .reward-text {
  color: #00ff9d !important;
}
.position-card-aggressive.active {
  border-color: rgba(255,61,90,.5) !important;
  background: rgba(255,61,90,0.1) !important;
  box-shadow: 0 0 12px rgba(255,61,90,0.2), inset 0 0 20px rgba(255,61,90,0.05) !important;
}

/* ══════════════════════════════════════════
   ISSUE 1 — CARD TOP ACCENT LINE (copper/brass, clearly visible)
══════════════════════════════════════════ */
.card,
.panel,
[class*="-card"],
[class*="-section"]:not(.nav-section),
.firm-card,
.ticker-card {
  border-top: 2px solid rgba(181,72,31,.6) !important;
}
/* Nav sections must NEVER get the card accent border */
.nav-section {
  border-top: none !important;
  border-bottom: none !important;
  border: none !important;
}
/* Strengthen the gradient shimmer on .card specifically */
.card::before {
  background: linear-gradient(90deg,
    transparent,
    rgba(212,101,58,.7) 20%,
    rgba(212,101,58,1.0) 50%,
    rgba(212,101,58,.7) 80%,
    transparent) !important;
}

/* ══════════════════════════════════════════
   ISSUE 2 — COPPER RIVET DOTS
   Larger, more visible corner rivets + left-edge header rivet
══════════════════════════════════════════ */

/* Corner Phillips screw heads — override with final size */
.card::after {
  background-image: var(--screw9), var(--screw9), var(--screw9), var(--screw9) !important;
  background-position: 0 0, 100% 0, 0 100%, 100% 100% !important;
  background-size: 9px 9px !important;
  background-repeat: no-repeat !important;
  filter: drop-shadow(0 0 3px rgba(181,72,31,.5)) !important;
  inset: 6px !important;
}

/* Left-edge header Phillips screw — small 3D screw on .card .head */
.card .head {
  position: relative;
}
.card .head::before {
  content: '';
  position: absolute;
  left: 2px;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 0;
  background: var(--screw6) center/contain no-repeat;
  filter: drop-shadow(0 0 4px rgba(181,72,31,.55)) drop-shadow(0 0 8px rgba(181,72,31,.2));
  z-index: 5;
  pointer-events: none;
}

/* ══════════════════════════════════════════
   ISSUE 3 — STATS NUMBERS TYPOGRAPHY (Accounts page summary strip)
══════════════════════════════════════════ */
.s-val {
  font-family: 'Orbitron', monospace !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #d8eeff !important;
  letter-spacing: -.01em !important;
}
.s-val.pos { color: var(--good) !important; }
.s-val.neg { color: var(--bad)  !important; }
.s-val.warn{ color: var(--warn) !important; }
.s-label {
  font-family: 'Rajdhani', sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: #6a8aa8 !important;
}
.s-sub {
  font-family: 'Share Tech Mono', monospace !important;
  font-size: 10px !important;
  color: #2a4055 !important;
}

/* ══════════════════════════════════════════
   ISSUE 6 — SECTION HEADER LABEL STYLING
   Targets .h inside .head cards + standalone section labels
══════════════════════════════════════════ */
.card .head .h,
.head .h {
  font-family: 'Orbitron', monospace !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: #6a8aa8 !important;
  padding-left: 14px !important;
}
/* Sub-labels / meta text in card heads */
.card .head .meta,
.head .meta {
  font-family: 'Share Tech Mono', monospace !important;
  font-size: 10px !important;
  color: #2a4055 !important;
}
#rfTapoutCard .head .meta {
  color: #fff !important;
}
/* Section-title standalone labels */
.section-title {
  font-family: 'Orbitron', monospace !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: #6a8aa8 !important;
  padding-bottom: 4px !important;
  border-bottom: 1px solid rgba(181,72,31,.15) !important;
  text-shadow: none !important;
}
/* Nav section labels — plain muted uppercase, no separator */
.nav-section-label {
  font-family: 'Rajdhani', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: #3a5570 !important;
  padding: 16px 16px 4px 16px !important;
  border: none !important;
  background: none !important;
  text-shadow: none !important;
}
/* Sidebar nav items — brighter for readability */
.nav .link, .nav a.link {
  color: #ffffff !important;
}

.nav .link:hover, .nav a.link:hover {
  color: #00ff9d !important;
}

/* Active/selected nav item */
.nav .link.active, .nav a.link.active {
  color: #00ff9d !important;
}

/* Section labels (MONITOR, EXECUTE etc) */
.nav-section-label, .nav-group-label, [class*="nav-section"] {
  color: #3a5570 !important;
}
/* Nav .sep lines — suppress copper styling in sidebar */
.nav .sep {
  display: none !important;
}

/* ══════════════════════════════════════════
   ISSUE 7 — ACCOUNT FIRM ROWS
══════════════════════════════════════════ */

/* Table header row */
.acct-table thead tr {
  background: #040c14 !important;
}
.acct-table th,
.table th {
  font-family: 'Orbitron', monospace !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #6a8aa8 !important;
  text-shadow: none !important;
}

/* Account ID cells */
.acct-id {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 11px !important;
  color: #6a8aa8 !important;
}

/* Balance / P&L value cells */
.acct-table td.val-neu,
.acct-table td.val-pos,
.acct-table td.val-neg {
  font-family: 'JetBrains Mono', monospace !important;
  color: #d8eeff !important;
}
.acct-table td.val-pos { color: var(--good) !important; }
.acct-table td.val-neg { color: var(--bad)  !important; }

/* Row hover — subtle green tint */
.acct-table tr:hover td,
.table tr:hover td {
  background: rgba(0,255,157,.03) !important;
}

/* DD Health bar — color coding */
.health-fill.good {
  background: var(--good) !important;
  box-shadow: 0 0 6px rgba(0,255,157,.5) !important;
}
.health-fill.warn {
  background: var(--warn) !important;
  box-shadow: 0 0 4px rgba(255,179,71,.3) !important;
}
.health-fill.bad {
  background: var(--bad) !important;
  box-shadow: 0 0 6px rgba(255,61,90,.5) !important;
}
.health-pct {
  font-family: 'Share Tech Mono', monospace !important;
  font-size: 10px !important;
  color: #6a8aa8 !important;
}
.health-pct.bad { color: var(--bad) !important; }
.health-floor {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 9px !important;
  color: #2a4055 !important;
  opacity: 1 !important;
  font-weight: 400 !important;
}

/* ── Position Sizing Card — semantic value colors ── */
/* Stop: always 1st .position-row in .position-details */
.position-details .position-row:nth-child(1) b { color: #ff3d5a !important; }

/* Target: always 2nd .position-row in .position-details */
.position-details .position-row:nth-child(2) b { color: #00ff9d !important; }

/* ATR value: 3rd .position-row when ATR row is present */
.position-details .position-row:nth-child(3) b.mono { color: #0066bb !important; }

/* Ticks values: (Xt) spans — direct children of .position-row, not the label */
.position-card .position-row > span:not(.muted) { color: #6a8aa8 !important; }

/* Fallback semantic rules (lower specificity — overridden by per-card rules above) */
b.risk-text   { color: #ff3d5a !important; }
b.reward-text { color: #00ff9d !important; }
b.rr-text     { color: #ffb347 !important; }

/* ══════════════════════════════════════════
   Position card deselected-state border-top — must come AFTER [class*="-card"]
   wildcard (line ~1591) which otherwise overrides with copper border-top.
   Same (0,1,0) specificity + !important; later rule wins.
══════════════════════════════════════════ */
.position-card-conservative {
  border-top: 2px solid #00ff9d !important;
  border-left-color: rgba(0,255,157,.25) !important;
  border-right-color: rgba(0,255,157,.25) !important;
  border-bottom-color: rgba(0,255,157,.25) !important;
}
.position-card-conservative .position-label { color: #00ff9d !important; }

.position-card-moderate {
  border-top: 2px solid #ffb347 !important;
  border-left-color: rgba(255,179,71,.25) !important;
  border-right-color: rgba(255,179,71,.25) !important;
  border-bottom-color: rgba(255,179,71,.25) !important;
}
.position-card-moderate .position-label { color: #ffb347 !important; }

.position-card-aggressive {
  border-top: 2px solid #ff3d5a !important;
  border-left-color: rgba(255,61,90,.25) !important;
  border-right-color: rgba(255,61,90,.25) !important;
  border-bottom-color: rgba(255,61,90,.25) !important;
}
.position-card-aggressive .position-label { color: #ff3d5a !important; }

/* ══════════════════════════════════════════
   Accounts page — Total Balance value green
   #sum-balance targets only that cell; Open/Daily P&L use pnlClass colors
══════════════════════════════════════════ */
#sum-balance {
  color: #00ff9d !important;
  font-family: 'Orbitron', monospace !important;
  font-weight: 700 !important;
  text-shadow: 0 0 20px rgba(0,255,157,0.8), 0 0 40px rgba(0,255,157,0.4), 0 0 60px rgba(0,255,157,0.2) !important;
}

/* ═══ SETTINGS TOGGLES ═══ */

button.tog-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  cursor: pointer !important;
  width: 120px !important;
  overflow: visible !important;
}

button.tog-btn::before,
button.tog-btn::after {
  display: none !important;
  content: none !important;
}

/* The track — this is the pill */
button.tog-btn .tog-track {
  display: inline-flex !important;
  align-items: center !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 24px !important;
  border-radius: 12px !important;
  padding: 3px !important;
  transition: all 0.2s ease !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
}

/* The knob inside the track */
button.tog-btn .tog-track .tog-knob {
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  display: block !important;
  transition: all 0.2s ease !important;
  flex-shrink: 0 !important;
}

/* The label beside the track */
button.tog-btn .tog-label {
  font-family: 'Orbitron', monospace !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

/* OFF state — green, knob LEFT */
button.tog-btn:not(.btn-good) .tog-track {
  background: rgba(0,255,157,0.1) !important;
  border: 1px solid rgba(0,255,157,0.5) !important;
  justify-content: flex-start !important;
}
button.tog-btn:not(.btn-good) .tog-knob {
  background: #00ff9d !important;
  box-shadow: 0 0 8px rgba(0,255,157,1) !important;
}
button.tog-btn:not(.btn-good) .tog-label {
  color: #00ff9d !important;
}

/* ON state — red, knob RIGHT */
button.tog-btn.btn-good {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}
button.tog-btn.btn-good .tog-track {
  background: rgba(255,61,90,0.2) !important;
  border: 1px solid #ff3d5a !important;
  box-shadow: 0 0 10px rgba(255,61,90,0.4) !important;
  justify-content: flex-end !important;
}
button.tog-btn.btn-good .tog-knob {
  background: #ff3d5a !important;
  box-shadow: 0 0 8px rgba(255,61,90,1) !important;
}
button.tog-btn.btn-good .tog-label {
  color: #ff3d5a !important;
}

button.tog-btn:hover {
  filter: brightness(1.3) !important;
  transform: translateY(-1px) !important;
}

/* ── Full Auto page armed toggles (unchanged from pill style, not sliders) ── */
/* These use btn-bad=ON(red) / btn-good=OFF(green) which is already correct;
   just upgrade to brand colors rather than default #ef4444/#22c55e */
.ta-toggle.btn-bad,
.ta-filter-toggle.btn-bad,
#smartAcctBtn.btn-bad,
#sessBoostBtn.btn-bad,
#autoToggleBtn.btn-bad,
#faNotiToggle.btn-good {
  background: rgba(255,61,90,0.2) !important;
  border-color: #ff3d5a !important;
  color: #ff3d5a !important;
  box-shadow: 0 0 8px rgba(255,61,90,0.3) !important;
}
.ta-toggle.btn-good,
.ta-filter-toggle.btn-good,
#smartAcctBtn.btn-good,
#sessBoostBtn.btn-good,
#autoToggleBtn.btn-good,
#faNotiToggle:not(.btn-good) {
  background: rgba(0,255,157,0.1) !important;
  border-color: #00ff9d !important;
  color: #00ff9d !important;
  box-shadow: 0 0 8px rgba(0,255,157,0.2) !important;
}