


















:root {
  






  --hv-dur: .18s;
  --hv-dur-fast: .12s;
  --hv-ease: cubic-bezier(.22, .61, .36, 1);   

  






  --rank-act-dot:   #c14040;  --rank-act-bg:   #fde4e0;  --rank-act-ink:   #8a2929;
  --rank-watch-dot: #d68a2c;  --rank-watch-bg: #fdf3e0;  --rank-watch-ink: #8a5410;
  --rank-hold-dot:  #2e7d3f;  --rank-hold-bg:  #e8f4ec;  --rank-hold-ink:  #1f4a2d;
  --rank-audit-dot: #b6bbb8;  --rank-audit-bg: #f1f3f2;  --rank-audit-ink: #6f7570;

  

  --court-craig-bg: #fdf3e0;  --court-craig-ink: #8a5410;  --court-craig-dot: #d68a2c;
  --court-team-bg:  #eaf1f4;  --court-team-ink:  #3f5c69;  --court-team-dot:  #6b8e9c;
  --court-client-bg:#f1f3f2;  --court-client-ink:#6f7570;  --court-client-dot:#b6bbb8;
}






#ops-pane-today .gs-hd .lbl,
#ops-pane-today .lr-close .gs-hd > .lbl {
  font: 700 11.5px/1 Inter, system-ui, sans-serif;
  letter-spacing: .085em;
  text-transform: uppercase;
}





















#ops-pane-today .lr-close .gapstrip .gs-chip {
  border-radius: 12px;
  





  transition: background var(--hv-dur-fast) var(--hv-ease),
              color var(--hv-dur-fast) var(--hv-ease);
}
#ops-pane-today .lr-close .gapstrip .gs-chip.cr { background: var(--court-craig-bg);  color: var(--court-craig-ink); }
#ops-pane-today .lr-close .gapstrip .gs-chip.tm { background: var(--court-team-bg);   color: var(--court-team-ink); }
#ops-pane-today .lr-close .gapstrip .gs-chip.cl { background: var(--court-client-bg); color: var(--court-client-ink); }







#ops-pane-today .lr-close .gapstrip .gs-cat .gs-mrow > .n,
#ops-pane-today .vr .vr-n {
  font-family: 'Fraunces', Georgia, serif;
  



  font-weight: 600;
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
}


#ops-pane-today .stg b,
#ops-pane-today .ct-tab .n,
#ops-pane-today .mf-cost,
#ops-pane-today .mf-rx-id,
#ops-pane-today .ow-age { font-variant-numeric: tabular-nums; }







#ops-pane-today .lr-close .gapstrip .gs-cat,
#ops-pane-today .lr-close .stg,
#ops-pane-today .mfrow,
#ops-pane-today .ow {
  transition: opacity var(--hv-dur) var(--hv-ease),
              background var(--hv-dur-fast) var(--hv-ease),
              border-color var(--hv-dur-fast) var(--hv-ease),
              box-shadow var(--hv-dur) var(--hv-ease);
}
#ops-pane-today .lr-close .gapstrip .gs-cat.hv-clear { opacity: .62; }
#ops-pane-today .lr-close .gapstrip .gs-cat.hv-clear:hover { opacity: 1; }






#ops-pane-today .lr-close .gapstrip .gs-cat.gs-cat-audit,
#ops-pane-today .lr-close .gapstrip .gs-cat.hv-audit { opacity: 1; }

#ops-pane-today .hv-resolved { opacity: .45; }
#ops-pane-today .hv-resolved:hover { opacity: .8; }





#ops-pane-today .mfrow:hover,
#ops-pane-today .ow:hover { background: var(--motm-grey-50, #f8faf9); }
#ops-pane-today .lr-close .gapstrip .gs-cat { box-shadow: var(--shadow-sm, 0 1px 2px rgba(26,29,28,.04)); }
#ops-pane-today .lr-close .gapstrip .gs-cat:hover,
#ops-pane-today .lr-close .stg:hover {
  background: var(--motm-grey-50, #f8faf9);
  box-shadow: var(--shadow-md, 0 1px 3px rgba(26,29,28,.06), 0 4px 12px rgba(26,29,28,.04));
}






#ops-pane-today .lv-pulse::after,
#ops-pane-today .hv-dot {
  box-shadow: 0 0 0 3px rgba(125, 211, 148, .25);
}
#ops-pane-today .hv-dot.warn  { box-shadow: 0 0 0 3px rgba(240, 198, 116, .25); }
#ops-pane-today .hv-dot.audit { box-shadow: 0 0 0 3px rgba(182, 187, 184, .22); }





#ops-pane-today .lr-close .ct-tab.on {
  background: linear-gradient(135deg, var(--canopy, #1e3b2f) 0%, var(--canopy-deep, #152b22) 100%);
  border-color: var(--canopy-deep, #152b22);
  box-shadow: var(--shadow-sm, 0 1px 2px rgba(26,29,28,.04));
}
#ops-pane-today .lr-close .ct-tab {
  transition: background var(--hv-dur) var(--hv-ease),
              color var(--hv-dur) var(--hv-ease),
              border-color var(--hv-dur) var(--hv-ease);
}







#ops-pane-today .lr-close .gapstrip .gs-cat.gs-cat-audit,
#ops-pane-today .lr-close .stg.audit {
  background: var(--rank-audit-bg);
  border-color: #e2e6e4;
}



#ops-pane-today .lr-close .gapstrip .gs-cat.gs-cat-audit .gs-audit {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 15px; font-weight: 600; letter-spacing: 0;
  color: var(--rank-audit-ink);
}
#ops-pane-today .lr-close .gapstrip .gs-cat.gs-cat-audit .gs-auditwhy { color: var(--rank-audit-ink); }





#ops-pane-today .lr-close .gapstrip .gs-vfd { color: var(--motm-grey-700, #525854); }

























#ops-pane-today .lr-close .stg .stg-bar {
  height: 5px; border-radius: 999px;
  background: var(--motm-grey-100, #f1f3f2);
}
#ops-pane-today .lr-close .stg .stg-bar i {
  background: var(--signal, #3e7d5c); border-radius: 999px;
  transition: width .4s var(--hv-ease);
}
#ops-pane-today .lr-close .stg.audit .stg-bar i { background: var(--rank-audit-dot); }





#ops-pane-today .mf-proof a,
#ops-pane-today .bv-ev a,
#ops-pane-today .cq-go {
  color: var(--brand-mid, #306844);
  text-decoration: underline;
  text-decoration-color: rgba(48, 104, 68, .35);
  text-underline-offset: 2px;
  transition: color var(--hv-dur-fast) var(--hv-ease),
              text-decoration-color var(--hv-dur-fast) var(--hv-ease);
}
#ops-pane-today .mf-proof a:hover,
#ops-pane-today .bv-ev a:hover,
#ops-pane-today .ow:hover .cq-go {
  color: var(--brand-deep, #1f4a2d);
  text-decoration-color: rgba(31, 74, 45, .8);
}







#ops-modal .ops-modal-card,
#ops-modal > .card,
#ops-modal [class*="pane"] {
  animation: hvPaneIn var(--hv-dur) var(--hv-ease) both;
}
@keyframes hvPaneIn {
  from { opacity: 0; transform: translateY(14px) scale(.994); }
  to   { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  #ops-modal .ops-modal-card, #ops-modal > .card, #ops-modal [class*="pane"] { animation: none; }
  #ops-pane-today * { transition-duration: .01ms !important; }
}
