/* Nov 3 2026 polish (Jeremy: "the maroon theme buttons on top of case logs need a better matching color").
   Maroon only, display only. Case-log top button row: deep wine fill, warm gold edge, cream text, one weight.
   Replaces the violet phone panel/glow and the mixed white/gold outlines. Other themes untouched.
   :not(#_tb) only lifts specificity over the older #lockBtn / #cabRolePill rules.
   Contrast: cream #FBF3E4 on wine #4A0A28 ≈ 14:1 · wine #5A0E2E on cream #F6EBD9 ≈ 11:1 (AA). */
html[data-theme="maroon"]:not(#_tb) body .top .top-actions :is(.btn, .hdr-ctl, a.btn, button.btn):not(.cab-role-pill):not(.role-pill) {
  background: linear-gradient(180deg, rgba(92,14,50,.90), rgba(64,8,34,.90)) !important;
  border: 1px solid rgba(227,194,122,.62) !important;
  color: #FBF3E4 !important;
  font-weight: 650 !important;
  text-shadow: none !important;
  box-shadow: 0 1px 2px rgba(20,0,10,.30), inset 0 1px 0 rgba(255,236,200,.12) !important;
}
html[data-theme="maroon"]:not(#_tb) body .top .top-actions :is(.btn, .hdr-ctl, a.btn, button.btn):not(.cab-role-pill):not(.role-pill):hover {
  background: linear-gradient(180deg, rgba(122,20,66,.94), rgba(88,12,46,.94)) !important;
  border-color: #E3C27A !important;
  color: #FFFFFF !important;
}
html[data-theme="maroon"]:not(#_tb) body .top .top-actions :is(.btn, .hdr-ctl, .cab-role-pill, .role-pill):focus-visible {
  outline: 2px solid #E3C27A !important; outline-offset: 2px !important;
}
/* the "you are" pill (Dispatch / Dispatch Hub / Interpreter): cream with wine text, gold edge */
html[data-theme="maroon"]:not(#_tb) body .top .top-actions :is(.cab-role-pill, .role-pill) {
  background: #F6EBD9 !important;
  border: 1px solid #E3C27A !important;
  color: #5A0E2E !important;
  font-weight: 700 !important;
  text-shadow: none !important;
  box-shadow: 0 1px 2px rgba(20,0,10,.28) !important;
}
html[data-theme="maroon"]:not(#_tb) body .top .top-actions .cab-role-pill::before { background: #A8772A !important; }
/* phone panel behind the buttons: wine glass instead of violet */
@media (max-width: 768px) {
  html[data-theme="maroon"]:not(#_tb) body .top .top-actions {
    background: rgba(40,4,22,.50) !important;
    border: 1px solid rgba(227,194,122,.28) !important;
    box-shadow: inset 0 1px 0 rgba(255,236,200,.06) !important;
  }
}

/* Enterprise (same pass): the phone panel was the shared violet glass on a teal/navy header, and desktop buttons
   mixed white and gold outlines. Navy glass + one white outline, white text (≈ 9:1 on the navy fill). */
html[data-theme="enterprise"]:not(#_tb) body .top .top-actions :is(.btn, .hdr-ctl, a.btn, button.btn):not(.cab-role-pill):not(.role-pill) {
  background: rgba(12,36,56,.62) !important;
  border: 1px solid rgba(255,255,255,.50) !important;
  color: #FFFFFF !important;
  font-weight: 650 !important;
  text-shadow: none !important;
  box-shadow: 0 1px 2px rgba(0,10,20,.28) !important;
}
html[data-theme="enterprise"]:not(#_tb) body .top .top-actions :is(.btn, .hdr-ctl, a.btn, button.btn):not(.cab-role-pill):not(.role-pill):hover {
  background: rgba(26,110,142,.78) !important; border-color: #FFFFFF !important;
}
@media (max-width: 768px) {
  html[data-theme="enterprise"]:not(#_tb) body .top .top-actions {
    background: rgba(8,28,44,.45) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    box-shadow: none !important;
  }
}