/* Dashboard-wide presentation. No data or retention changes. */
:root{
  --bg:#090e17;
  --surface:#101824;
  --border:#263244;
  --text:#dce4ef;
  --text2:#92a1b5;
  --accent:#245b86;
  --accent-hi:#71b9ec;
}
body{
  background:var(--bg);
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:12px;
  line-height:1.45;
  -webkit-font-smoothing:antialiased;
}
body *,body *::before,body *::after{box-sizing:border-box}
header{
  background:#0d1420;
  border-bottom:1px solid var(--border);
  padding:12px 16px;
}
header h1{font-size:17px;letter-spacing:-.3px;font-weight:650}
header .pills{gap:5px;flex-wrap:wrap}
header .plabel{font-size:10px;letter-spacing:.08em}
.views{
  border:1px solid #2b394d;
  border-radius:5px;
  background:#0a111c;
}
.views a,.views button{
  padding:7px 12px;
  font-size:11px;
  font-weight:550;
}
.views .on,.views .on:hover{
  background:#193a56;
  color:#bde3ff;
  box-shadow:inset 0 -2px #65b5ee;
}
.pill{
  min-height:26px;
  padding:4px 8px;
  border-radius:4px;
  font-size:11px;
  background:#101824;
}
.pill::before{width:6px;height:6px}
.pill.on{
  background:#1b2d43;
  border-color:#527394;
  color:#edf6ff;
}
.search{
  background:#0a111c;
  border-color:#2b394d;
  min-height:30px;
}
.search input{font-size:12px;min-width:230px}
button,input,select{font-family:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{
  outline:2px solid #70b8eb;
  outline-offset:2px;
}
header button,.btn{
  border-radius:4px;
}
.ostrip,.ostrip.warn{
  padding:5px 16px;
  background:#191a16;
  color:#d1bd86;
  border-bottom:1px solid #4b4027;
  font-size:11px;
}
.ostrip.bad{
  background:#29181d;
  color:#f2bdc4;
  border-bottom-color:#6c3541;
}
.ostrip .oflag{color:#ddbd72}
#healthBanner>div{
  margin:8px 16px !important;
  padding:7px 10px !important;
  border-radius:4px !important;
  background:#251c13 !important;
  border:1px solid #70502c;
  border-left:3px solid #d59c43;
  color:#efd4a7 !important;
  font-size:11px !important;
}
.summary{
  padding:8px 16px;
  font-size:11px;
  color:#96a6ba;
  border-bottom:1px solid #202d3e;
}
.alert-panel{
  margin:12px 16px;
  padding:12px;
  background:#101824;
  border:1px solid #263244;
  border-radius:5px;
}
.alert-panel h2{font-size:14px;margin:0 0 5px}
.alert-panel p{font-size:11px;color:#92a1b5}
#main>.wrap{padding:0 16px 16px}
#main table{
  border-collapse:collapse;
  font-variant-numeric:tabular-nums;
}
#main th{
  background:#101824;
  color:#91a2b8;
  font-size:10px;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  padding:9px 10px;
  border-bottom:1px solid #304057;
}
#main td{
  padding:8px 10px;
  font-size:12px;
  border-bottom:1px solid #1c2839;
  vertical-align:top;
}
#main tbody tr:hover{background:#111e30}
#main .pipetag{
  border-radius:3px;
  font-size:10px;
  font-weight:650;
  padding:2px 6px;
}
#main .sev-HIGH{color:#ef9292}
#main .sev-MED{color:#d9b56b}
#main .sev-LOW{color:#8ba0b8}
#main .st-active{color:#8fc6ad}
#main .st-upcoming{color:#8abce5}
#main .empty{padding:28px;color:#91a2b8}
body[data-dashboard-view="point"] #summary,
body[data-dashboard-view="point"] .search,
body[data-dashboard-view="point"] #clearFilters{
  display:none !important;
}
[hidden]{display:none !important}

/* OAC uses the same visual language as the rest of the dashboard. */
.oacv{padding:14px 16px 24px !important}
.oacv-card{
  background:#0e1723 !important;
  border-color:#263244 !important;
  border-radius:5px !important;
}
.oacv-bar{padding-bottom:10px;border-bottom:1px solid #263244}
.oacv input,.oacv select{
  min-height:34px;
  border-radius:4px !important;
  background:#0a111c !important;
}
.oacv-results{max-height:310px;overflow:auto}
.oacv-results thead th{position:sticky;top:0;z-index:1}
.oacv-results td:nth-child(2){font-weight:550}
.oacv-head{padding-top:14px !important}
.oacv-head h3{font-size:16px !important}
.oacv-kpi b{font-size:20px !important;letter-spacing:-.4px}
.oacv-kpi b.small{font-size:12px !important;letter-spacing:0}
.oacv-grid td.v{font-weight:550}
.oacv-grid td.miss{color:#68778b !important}
.oacv-seg button{min-height:28px}
.oacv-seg button.on{background:#214c70 !important}
.oacv-legend{line-height:1.6}
@media(max-width:760px){
  header{padding:10px}
  .views{width:100%}
  .views a,.views button{flex:1;text-align:center;padding:7px}
  .search{width:100%}
  .search input{min-width:0;width:100%}
  .oacv{padding:10px !important}
  #healthBanner>div{margin:8px 10px !important}
}