/* SENTRY LAYER — light / teal dashboard theme.
   Loaded AFTER glass.css + styles.css so it re-maps their design tokens.
   Palette sampled from the logo: gray canvas #d7d7d7 + deep teal #175354. */
:root{
  /* glass.css accents */
  --g-accent:#175354; --g-accent2:#2b8b84; --g-glow:rgba(23,83,84,.26);
  /* styles.css tokens */
  --bg:#d6d6d5; --bg2:#cfcfce;
  --panel:#fbfbfb; --panel2:#f3f3f2;
  --line:rgba(20,28,28,.12); --line-2:rgba(20,28,28,.20);
  --text:#16191b; --muted:#5f6367;
  --accent:#175354; --accent2:#227e78; --accent3:#49b3a7;
  --glow:rgba(23,83,84,.16);
  --ok:#12805a; --warn:#9c6a16; --bad:#c0304a; --appr:#2b7a8a; --taint:#b5651a;
  --sans-ui:'Inter',-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;
}

/* page canvas: light gray to match the logo/landing, no dark violet wash */
body{
  color:var(--text);
  font-family:var(--sans-ui);
  background:linear-gradient(180deg,#dcdcdb,var(--bg) 42%,var(--bg2)) !important;
  background-color:var(--bg) !important;
}
/* drop the dark violet hex-grid overlay to a faint hairline */
body::before{opacity:.035 !important}

/* frosted white cards read better with a soft, low shadow than a violet glow */
.metric,.card,.col-input,.col-result,.panel,.sidebar,.topbar,.token-pill{
  box-shadow:0 1px 2px rgba(18,40,40,.05) !important;
}
.metric:hover,.card:hover,.col-input:hover,.col-result:hover{
  box-shadow:0 18px 40px -22px rgba(18,40,40,.30) !important;
  border-color:rgba(23,83,84,.35) !important;
}
/* teal glow on the wallet/live pulse → soft, not neon */
.token-pill .tok-tick{text-shadow:none !important}

/* buttons that were light-on-dark: keep the primary teal readable */
.lm-btn,.glass-btn{color:#0e2b2b}
.lm-btn .lm-label{color:#eafffb}

/* verdict badges: ensure text stays legible on light chips */
.badge{backdrop-filter:none}

/* ---- kill the dark/violet decorative backgrounds ---- */
.bg-aurora,.bg-hexfield,.goo-bg{display:none !important}

/* ---- sidebar + topbar: light frosted, not dark violet ---- */
.sidebar{
  background:linear-gradient(180deg,#f6f6f5,#efefee) !important;
  backdrop-filter:none !important;border-right:1px solid var(--line) !important;
}
.topbar{
  background:rgba(250,250,249,.86) !important;
  backdrop-filter:saturate(1.1) blur(8px) !important;border-bottom:1px solid var(--line) !important;
}
.sidebar .brand-name{color:var(--text)}
.sidebar .brand-sub,.topbar .topbar-title{color:var(--text)}
/* nav items readable on light */
.tabs button,.sidebar nav a,.sidebar nav button{color:var(--muted)}
.tabs button:hover{color:var(--text)}
.tabs button.active{color:var(--accent) !important;background:rgba(23,83,84,.08) !important;border-color:rgba(23,83,84,.22) !important}

/* ---- buttons: teal instead of violet ---- */
.lm-btn,.lm-btn-sm{background:linear-gradient(180deg,#1f7a73,#134f4e) !important;
  box-shadow:0 12px 28px -14px rgba(23,83,84,.7) !important;border-color:rgba(23,83,84,.5) !important}
.lm-btn .lm-label,.lm-btn-sm .lm-label{color:#eafffb !important}
.glass-btn{background:rgba(23,83,84,.06) !important;color:var(--accent) !important;
  border:1px solid rgba(23,83,84,.22) !important}
.glass-btn:hover{background:rgba(23,83,84,.12) !important}

/* ---- MODE segmented control: teal active ---- */
#mode-seg,.seg{background:rgba(20,28,28,.05) !important;border:1px solid var(--line) !important}
#mode-seg button.active,.seg button.active{background:var(--accent) !important;color:#eafffb !important}
#mode-seg button,.seg button{color:var(--muted)}

/* topbar token/network pill + wallet: light */
.token-pill{background:#fbfbfb !important;border:1px solid var(--line) !important}
.token-pill .tok-net,.token-pill .tok-wallet{border-color:var(--line-2) !important}

/* inputs / textareas: light fields */
input,textarea,select{background:#fff !important;color:var(--text) !important;
  border:1px solid var(--line) !important}
::placeholder{color:var(--faint,#9aa)}

/* ---- cards that hardcoded a dark #1b1645 gradient stop ---- */
.metric,.prtr-ledger{background:linear-gradient(180deg,#fbfbfb,#f2f2f1) !important;
  border:1px solid var(--line) !important;box-shadow:0 1px 2px rgba(18,40,40,.05) !important}
.prtr-stat{background:#f4f4f3 !important;border:1px solid var(--line) !important}
.prtr-stat .pv{color:var(--text)}
.prtr-note,.prtr-price{color:var(--muted)}
.metric .m-num,.metric .metric-num,.metric b,.metric strong{color:var(--text)}
/* keep the burn figure legible on light */
.prtr-stat .pv.burn{-webkit-text-fill-color:initial !important;background:none !important;color:var(--taint) !important}

/* ---- Live Proxy: light chat surface ---- */
.chat{background:#fafafa !important;border:1px solid var(--line) !important}
.proxy-config{background:#f4f4f3 !important;border:1px solid var(--line) !important}
.msg-user{background:linear-gradient(180deg,#1f7a73,#134f4e) !important;color:#eafffb !important;border:none !important}
.msg-bot{background:#f1f1f0 !important;color:var(--text) !important;border:1px solid var(--line) !important}
.msg-sys{color:var(--muted) !important}
.msg code{background:rgba(23,83,84,.10) !important;color:var(--accent) !important}

/* ---- chips readable on light (base + hover) ---- */
.chip{background:#f0f0ef !important;border:1px solid var(--line) !important;color:var(--muted) !important}
.chip:hover{color:var(--accent) !important;border-color:rgba(23,83,84,.38) !important;box-shadow:none !important}

/* SIEM export bar → light */
.siem,.siem-bar,[class*="siem"]{background:transparent !important}

/* ---- main guard panels: kill the dark #1b1645 gradient bottom ---- */
.col-input,.col-result{
  background:linear-gradient(180deg,#fbfbfb,#f4f4f3) !important;
  box-shadow:0 1px 3px rgba(18,40,40,.06) !important;border:1px solid var(--line) !important;
}
.col-input:hover,.col-result:hover{box-shadow:0 20px 44px -24px rgba(18,40,40,.30) !important;
  border-color:rgba(23,83,84,.32) !important}

/* ---- primary action buttons → solid teal ---- */
.glass-btn-primary,.run,#input-run,#output-run,#fw-run,#chat-send,#mcp-run{
  background:linear-gradient(180deg,#1f7a73,#134f4e) !important;color:#eafffb !important;
  border:1px solid rgba(23,83,84,.55) !important;
  box-shadow:0 12px 26px -14px rgba(23,83,84,.65) !important;text-shadow:none !important}
.glass-btn-primary:hover,.run:hover{filter:brightness(1.06)}