/* Shared status surfaces: an even outline replaces the old left accent. */
html[data-theme] :is(.beh-tile,.tv-tile,.wa-item.do,.wj-note) {
  --status-rgb:76,108,153;
  --status-ink:#445b7c;
  border:1px solid rgba(var(--status-rgb),0.176);
  border-radius:11px;
  background-color:var(--surface);
  background-image:linear-gradient(120deg,rgba(var(--status-rgb),0.072),rgba(var(--status-rgb),0.012) 50%,rgba(var(--status-rgb),0.104));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 7px 18px -15px rgba(var(--status-rgb),0.24);
}
html[data-theme] :is(.beh-tile,.tv-tile).tone-crit {
  --status-rgb:181,65,65;--status-ink:#b04444;
}
html[data-theme] :is(.beh-tile,.tv-tile).tone-warn {
  --status-rgb:180,91,82;--status-ink:#a8574c;
}
html[data-theme] :is(.beh-tile.tone-ok,.tv-tile.tone-ok,.wa-item.do) {
  --status-rgb:57,133,98;--status-ink:#347c5b;
}
html[data-theme="dark"] :is(.beh-tile,.tv-tile,.wa-item.do,.wj-note) {
  --status-ink:#b4b4b4;
  background-image:linear-gradient(120deg,rgba(var(--status-rgb),0.152),rgba(var(--status-rgb),0.028) 50%,rgba(var(--status-rgb),0.12));
  border-color:rgba(var(--status-rgb),0.256);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 7px 18px -15px #0008;
}
html[data-theme="dark"] :is(.beh-tile,.tv-tile).tone-crit {--status-ink:#ef9797}
html[data-theme="dark"] :is(.beh-tile,.tv-tile).tone-warn {--status-ink:#e6a095}
html[data-theme="dark"] :is(.beh-tile.tone-ok,.tv-tile.tone-ok,.wa-item.do) {--status-ink:#83c8a7}
html[data-theme] :is(.beh-tile,.tv-tile) .bt-v {color:var(--status-ink)}
html[data-theme] :is(.beh-tile,.tv-tile) .bt-bar i {background:var(--status-ink)}
html[data-theme] :is(.wa-item.do,.wj-note) {padding:10px 12px}
html[data-theme] button.tv-tile:hover {
  border-color:rgba(var(--status-rgb),0.4);
  background-color:var(--surface-2);
}
html[data-theme] button.tv-tile:focus-visible {outline:2px solid var(--status-ink);outline-offset:3px}

html[data-theme="dark"] :is(.beh-tile,.tv-tile):not(.tone-crit,.tone-warn,.tone-ok),
html[data-theme="dark"] .wj-note {--status-rgb:156,156,156}
