
/* GRID OPERATIONS — CORPORATE STUDY PORTAL THEME */
:root{
  --bg:#f5f5f3!important;
  --panel:#ffffff!important;
  --panel2:#f0f0ee!important;
  --line:#d9d9d6!important;
  --text:#1d1d1d!important;
  --muted:#666666!important;
  --cyan:#e30620!important;
  --cyan2:#b90018!important;
  --amber:#e30620!important;
  --red:#e30620!important;
  --green:#25754a!important;
  --grid-red:#e30620;
  --grid-red-dark:#b90018;
  --grid-black:#171717;
  --grid-charcoal:#242424;
  --grid-white:#ffffff;
  --grid-paper:#f5f5f3;
  --grid-soft:#ececea;
  --grid-line:#d9d9d6;
}
*{box-sizing:border-box}
html,body{
  background:var(--grid-paper)!important;
  color:var(--grid-black)!important;
  font-family:Inter,"Helvetica Neue",Arial,sans-serif!important;
}
body{letter-spacing:normal!important}
.scanlines{display:none!important}
.grid-portal-bar{
  min-height:39px;
  padding:8px 18px;
  background:#111!important;
  color:#ddd!important;
  border-bottom:4px solid var(--grid-red)!important;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.grid-portal-bar a{color:#fff!important;text-decoration:none}
.verification-safety-bar{
  background:#fff7df!important;
  border-bottom:1px solid #d7bd70!important;
  color:#5c4700!important;
}
#app{background:var(--grid-paper)!important}
.rail{
  background:var(--grid-black)!important;
  border-right:0!important;
  box-shadow:none!important;
}
.identity{
  min-height:110px!important;
  padding:23px 20px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:8px!important;
  border-bottom:1px solid #393939!important;
}
.study-logo{
  display:block;
  width:150px;
  max-height:54px;
  object-fit:contain;
  object-position:left center;
  background:#fff;
  padding:7px 10px;
}
.identity small{
  color:#bbb!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.15em!important;
}
.system-state{
  margin:15px 14px!important;
  padding:12px!important;
  background:#242424!important;
  border:1px solid #3b3b3b!important;
}
.system-state strong{color:#fff!important}
.system-state small{color:#aaa!important}
.pulse{background:var(--grid-red)!important;box-shadow:0 0 0 4px rgba(227,6,32,.15)!important}
#nav button{
  color:#cfcfcf!important;
  border-left:4px solid transparent!important;
  background:transparent!important;
  font-family:Inter,"Helvetica Neue",Arial,sans-serif!important;
  font-weight:750!important;
  letter-spacing:.01em!important;
}
#nav button span{color:#888!important}
#nav button:hover{
  color:#fff!important;
  background:#242424!important;
}
#nav button.active{
  color:#fff!important;
  background:#2a2a2a!important;
  border-left-color:var(--grid-red)!important;
}
#nav button.active span{color:var(--grid-red)!important}
.rail-foot{
  background:#101010!important;
  border-top:1px solid #333!important;
}
.rail-foot span{color:#777!important}
.rail-foot strong{color:#fff!important}
main{background:var(--grid-paper)!important}
.topbar{
  background:#fff!important;
  border-bottom:1px solid var(--grid-line)!important;
  box-shadow:none!important;
}
.breadcrumb{color:#777!important}
.breadcrumb span{color:var(--grid-red)!important}
.topbar h1{
  color:#171717!important;
  font-family:Inter,"Helvetica Neue",Arial,sans-serif!important;
  letter-spacing:-.03em!important;
}
button,.btn,.button,input,select,textarea{
  font-family:Inter,"Helvetica Neue",Arial,sans-serif!important;
}
button.accent,.accent,.play-main{
  background:var(--grid-red)!important;
  border-color:var(--grid-red)!important;
  color:#fff!important;
  box-shadow:none!important;
}
button.accent:hover,.accent:hover,.play-main:hover{
  background:var(--grid-red-dark)!important;
}
button.ghost,.ghost,.micro{
  background:#fff!important;
  border:1px solid #aaa!important;
  color:#222!important;
}
button.ghost:hover,.ghost:hover,.micro:hover{
  border-color:var(--grid-red)!important;
  color:var(--grid-red)!important;
}
.alert-strip{
  background:#fff!important;
  border:1px solid var(--grid-line)!important;
  border-left:6px solid var(--grid-red)!important;
  color:#444!important;
}
.alert-code{
  background:var(--grid-red)!important;
  color:#fff!important;
}
.panel,.question-panel,.exam-hero,.vault-table,.viewer-panel{
  background:#fff!important;
  border:1px solid var(--grid-line)!important;
  border-radius:4px!important;
  box-shadow:none!important;
}
.panel-title{border-bottom-color:var(--grid-line)!important}
.panel-title span,.eyebrow{
  color:var(--grid-red)!important;
  font-weight:900!important;
}
.panel h2,.panel h3,.page h2,.page h3{
  color:#202020!important;
  font-family:Inter,"Helvetica Neue",Arial,sans-serif!important;
}
.badge{
  background:#f0f0ee!important;
  border:1px solid #d0d0cd!important;
  color:#555!important;
}
.live{color:var(--grid-red)!important}
.ring{
  background:
    radial-gradient(circle at center,#fff 58%,transparent 60%),
    conic-gradient(var(--grid-red) var(--score,0%),#e4e4e1 0)!important;
  box-shadow:none!important;
}
.ring strong{color:#171717!important}
.mini-metrics>div,.telemetry,.metric,.summary-card{
  background:#f2f2ef!important;
  border-color:#dededb!important;
}
.telemetry strong,.mini-metrics strong{color:#171717!important}
.signal-chart,.heatmap,.radar-panel svg{
  filter:none!important;
}
.domain-row,.mission,.queue-item,.resource-row,.audio-row,.note-card{
  background:#f8f8f6!important;
  border-color:#dededb!important;
}
.domain-row:hover,.mission:hover,.resource-row:hover,.audio-row:hover{
  border-color:var(--grid-red)!important;
}
.progress i,.session-track i,.domain-bar i{
  background:var(--grid-red)!important;
}
.heatmap i,.heat-cell{
  border-radius:2px!important;
}
.options button,.option{
  background:#fff!important;
  border:1px solid #bdbdba!important;
  color:#222!important;
}
.options button:hover,.option:hover{
  border-color:var(--grid-red)!important;
}
.options button.selected,.option.selected{
  background:#fff0f2!important;
  border-color:var(--grid-red)!important;
  color:#750010!important;
}
.confidence-console{
  background:#f2f2ef!important;
  border-color:#ddd!important;
}
.confidence-console button.active{
  background:var(--grid-red)!important;
  border-color:var(--grid-red)!important;
  color:#fff!important;
}
input,select,textarea{
  background:#fff!important;
  color:#222!important;
  border:1px solid #aaa!important;
  border-radius:3px!important;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--grid-red)!important;
  outline:3px solid rgba(227,6,32,.14)!important;
}
a{color:var(--grid-red)}
dialog,.modal-content{
  background:#fff!important;
  color:#222!important;
  border:1px solid #bbb!important;
}
.palette-head{
  background:#171717!important;
  color:#fff!important;
  border-bottom:4px solid var(--grid-red)!important;
}
footer{background:#111!important}
::selection{background:rgba(227,6,32,.22)}
@media(max-width:760px){
  .study-logo{width:128px}
  .identity{min-height:90px!important}
}
@media print{
  .rail,.topbar,.grid-portal-bar,.verification-safety-bar,button{display:none!important}
  main{margin:0!important}
}
