/*
 * OneHLP legacy override layer (ADR-002). GENERATED: do not edit.
 * Dark and high-contrast colours for osTicket's own stylesheets.
 * Rebuild with: php scripts/build-legacy-theme.php
 */

/* ---- scp/css/scp.css ---- */
:where([data-theme="dark"], [data-theme="contrast"]) body,
html:where([data-theme="dark"], [data-theme="contrast"]) {
  background-color: var(--oh-subtle);
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .link,
:where([data-theme="dark"], [data-theme="contrast"]) a {
  color: var(--oh-primary-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) div#header a {
  color: var(--oh-danger);
}
:where([data-theme="dark"], [data-theme="contrast"]) .faded {
  color: var(--oh-text-muted);
}
:where([data-theme="dark"], [data-theme="contrast"]) .faded b {
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .faded strong {
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .faded-more {
  color: var(--oh-text-muted);
}
:where([data-theme="dark"], [data-theme="contrast"]) #breadcrumbs {
  color: var(--oh-text);
  background-color: var(--oh-subtle);
}
:where([data-theme="dark"], [data-theme="contrast"]) #breadcrumbs a {
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .banner {
  color: var(--oh-text);
  border-color: var(--oh-border-strong);
  background-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) #msg_info,
:where([data-theme="dark"], [data-theme="contrast"]) .info-banner {
  color: var(--oh-primary-text);
  border-color: var(--oh-primary-border);
  background-color: var(--oh-subtle);
}
:where([data-theme="dark"], [data-theme="contrast"]) #msg_notice,
:where([data-theme="dark"], [data-theme="contrast"]) .success-banner,
:where([data-theme="dark"], [data-theme="contrast"]) .notice-banner {
  background-color: var(--oh-success-soft);
}
:where([data-theme="dark"], [data-theme="contrast"]) #msg_warning,
:where([data-theme="dark"], [data-theme="contrast"]) .warning-banner {
  background-color: var(--oh-warning-soft);
}
:where([data-theme="dark"], [data-theme="contrast"]) #msg_error,
:where([data-theme="dark"], [data-theme="contrast"]) .error-banner {
  background-color: var(--oh-subtle);
}
:where([data-theme="dark"], [data-theme="contrast"]) #notice_bar {
  background-color: var(--oh-success-soft);
}
:where([data-theme="dark"], [data-theme="contrast"]) #warning_bar {
  background-color: var(--oh-warning-soft);
}
:where([data-theme="dark"], [data-theme="contrast"]) #error_bar {
  background-color: var(--oh-subtle);
}
:where([data-theme="dark"], [data-theme="contrast"]) #header {
  border-left-color: var(--oh-border-strong);
  border-right-color: var(--oh-border-strong);
  background-color: var(--oh-subtle);
}
:where([data-theme="dark"], [data-theme="contrast"]) #header p {
  background-color: var(--oh-subtle);
  border-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) #nav,
:where([data-theme="dark"], [data-theme="contrast"]) #sub_nav {
  border-left-color: var(--oh-border-strong);
  border-right-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) #nav {
  background-color: var(--oh-subtle);
  border-top-color: var(--oh-border);
  border-bottom-color: var(--oh-primary-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) #nav .active,
:where([data-theme="dark"], [data-theme="contrast"]) #nav .inactive {
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) #nav .inactive a {
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) #nav .active a {
  color: var(--oh-primary-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) #nav li.active,
:where([data-theme="dark"], [data-theme="contrast"]) #nav li.inactive:hover {
  border-color: var(--oh-primary-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) #nav li.active {
  background-color: var(--oh-subtle);
}
:where([data-theme="dark"], [data-theme="contrast"]) #nav li.inactive:hover {
  background-color: var(--oh-surface);
}
:where([data-theme="dark"], [data-theme="contrast"]) #nav li.inactive > ul {
  background-color: var(--oh-surface);
  border-bottom-color: var(--oh-border);
  border-left-color: var(--oh-border);
  border-right-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) #nav .inactive li a:hover {
  color: var(--oh-danger);
  background-color: var(--oh-surface);
}
:where([data-theme="dark"], [data-theme="contrast"]) #sub_nav {
  background-color: var(--oh-subtle);
  border-bottom-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) #sub_nav > li > a,
:where([data-theme="dark"], [data-theme="contrast"]) #customQ_nav .jb-overflowmenu-menu-primary li.item > a {
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) #customQ_nav .jb-overflowmenu-menu-primary li.item:hover {
  color: var(--oh-danger);
  background-color: var(--oh-surface);
  border-left-color: var(--oh-border);
  border-top-color: var(--oh-border);
  border-right-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) #sub_nav > li > a:hover,
:where([data-theme="dark"], [data-theme="contrast"]) #customQ_nav .jb-overflowmenu-menu-primary li.item:hover > a {
  color: var(--oh-danger);
}
:where([data-theme="dark"], [data-theme="contrast"]) .customQ-dropdown li h4,
:where([data-theme="dark"], [data-theme="contrast"]) .customQ-dropdown li.top-level {
  background-color: var(--oh-subtle);
  color: var(--oh-text-muted);
}
:where([data-theme="dark"], [data-theme="contrast"]) .customQ-dropdown li.personalQ {
  border-bottom-color: var(--oh-border);
  background-color: var(--oh-surface);
}
:where([data-theme="dark"], [data-theme="contrast"]) .customQ-dropdown li:not(.personalQ) > span {
  color: var(--oh-danger);
}
:where([data-theme="dark"], [data-theme="contrast"]) .customQ-dropdown li > span {
  color: var(--oh-danger);
}
:where([data-theme="dark"], [data-theme="contrast"]) .jb-overflowmenu-menu-primary div.customQ-dropdown {
  border-color: var(--oh-border);
  background-color: var(--oh-surface);
}
:where([data-theme="dark"], [data-theme="contrast"]) .customQ-dropdown ul.scroll-height {
  border-bottom-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .customQ-dropdown ul li,
:where([data-theme="dark"], [data-theme="contrast"]) .customQ-dropdown ul li > a {
  color: var(--oh-text-muted);
}
:where([data-theme="dark"], [data-theme="contrast"]) .customQ-dropdown ul li.subQ > a i {
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .customQ-dropdown ul li.subQ > ul {
  background-color: var(--oh-surface);
  border-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .customQ-dropdown .add-queue a {
  color: var(--oh-text-muted) !important;
}
:where([data-theme="dark"], [data-theme="contrast"]) .customQ-dropdown .add-queue a:hover {
  color: var(--oh-text-muted) !important;
  background-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .customQ-dropdown .add-queue .add {
  color: var(--oh-success-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .jb-overflowmenu-menu-primary .customQ-dropdown .controlQ div.editQ .manageQ ul {
  border-color: var(--oh-border);
  background-color: var(--oh-surface);
}
:where([data-theme="dark"], [data-theme="contrast"]) .customQ-dropdown .controlQ div.editQ:hover .manageQ i {
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .jb-overflowmenu .jb-overflowmenu-container {
  border-bottom-color: var(--oh-border);
  border-left-color: var(--oh-border);
  background-color: var(--oh-subtle);
}
:where([data-theme="dark"], [data-theme="contrast"]) .jb-overflowmenu .jb-overflowmenu-menu-secondary-handle {
  color: var(--oh-text-muted);
}
:where([data-theme="dark"], [data-theme="contrast"]) .jb-overflowmenu .jb-overflowmenu-container > a.jb-overflowmenu-menu-secondary-handle {
  color: var(--oh-text-muted);
  background-color: var(--oh-subtle);
  border-right-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .jb-overflowmenu .jb-overflowmenu-container > a.jb-overflowmenu-menu-secondary-handle:hover {
  color: var(--oh-text);
  background-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .jb-overflowmenu-menu-secondary {
  background-color: var(--oh-subtle);
  border-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .jb-overflowmenu-menu-secondary li.item {
  border-bottom-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .jb-overflowmenu-menu-secondary li.item > a {
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .jb-overflowmenu-menu-secondary li.item:hover {
  color: var(--oh-danger);
  background-color: var(--oh-surface);
}
:where([data-theme="dark"], [data-theme="contrast"]) .jb-overflowmenu-menu-secondary li.item:hover > a {
  color: var(--oh-danger);
}
:where([data-theme="dark"], [data-theme="contrast"]) .jb-overflowmenu-menu-secondary div.customQ-dropdown {
  border-color: var(--oh-border);
  background-color: var(--oh-surface);
}
:where([data-theme="dark"], [data-theme="contrast"]) .jb-overflowmenu-menu-secondary .customQ-dropdown .controlQ div.editQ .manageQ ul {
  border-color: var(--oh-border);
  background-color: var(--oh-surface);
}
:where([data-theme="dark"], [data-theme="contrast"]) #content {
  border-color: var(--oh-border-strong);
  border-bottom-color: var(--oh-border-strong);
  background-color: var(--oh-surface);
}
:where([data-theme="dark"], [data-theme="contrast"]) a {
  color: var(--oh-primary-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) table.dashboard-stats {
  border-bottom-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) table.dashboard-stats tbody:first-child th {
  border-bottom-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) table.dashboard-stats tbody:nth-child(2) tr:nth-child(odd) {
  background-color: var(--oh-subtle);
}
:where([data-theme="dark"], [data-theme="contrast"]) table.dashboard-stats tbody:nth-child(2) th {
  border-right-color: var(--oh-border);
  color: var(--oh-text-muted);
}
:where([data-theme="dark"], [data-theme="contrast"]) table.dashboard-stats tbody:nth-child(2) td {
  border-right-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) table.dashboard-stats tbody:nth-child(2) tr:hover {
  background-color: var(--oh-warning-soft);
}
:where([data-theme="dark"], [data-theme="contrast"]) table.dashboard-stats tbody:nth-child(2) tr:hover th {
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) table.list {
  background-color: var(--oh-border);
  border-bottom-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) table.list thead th {
  background-color: var(--oh-subtle);
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) table.list th a {
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) table.list thead th a {
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) table.list thead th a.asc {
  background-color: var(--oh-primary-soft);
}
:where([data-theme="dark"], [data-theme="contrast"]) table.list thead th a.desc {
  background-color: var(--oh-primary-soft);
}
:where([data-theme="dark"], [data-theme="contrast"]) table.list tbody td {
  background-color: var(--oh-surface);
  border-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) table.list tbody td {
  background-color: var(--oh-surface);
}
:where([data-theme="dark"], [data-theme="contrast"]) table.list tbody tr:nth-child(2n+1) td {
  background-color: var(--oh-subtle);
}
:where([data-theme="dark"], [data-theme="contrast"]) table.list tbody tr:hover td {
  background-color: var(--oh-surface);
}
:where([data-theme="dark"], [data-theme="contrast"]) table.list tbody tr:nth-child(2n+1):hover td {
  background-color: var(--oh-warning-soft);
}
:where([data-theme="dark"], [data-theme="contrast"]) table.list tbody tr:hover td,
:where([data-theme="dark"], [data-theme="contrast"]) table.list tbody tr.highlight td {
  background-color: var(--oh-warning-soft);
}
:where([data-theme="dark"], [data-theme="contrast"]) table tfoot td {
  background-color: var(--oh-subtle);
}
:where([data-theme="dark"], [data-theme="contrast"]) a.refresh {
  border-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) a.edit,
:where([data-theme="dark"], [data-theme="contrast"]) a.print {
  border-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .btn_sm {
  border-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .search input[type=text] {
  border-color: var(--oh-border-strong);
  background-color: var(--oh-surface);
}
:where([data-theme="dark"], [data-theme="contrast"]) .table tr:not(:last-child):not(.header) {
  border-bottom-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .table tr.header {
  border-bottom-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .table td:not(:empty) {
  background-color: var(--oh-surface);
}
:where([data-theme="dark"], [data-theme="contrast"]) .form_table {
  border-left-color: var(--oh-border);
  border-right-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .form_table td {
  border-bottom-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) input[type=text],
:where([data-theme="dark"], [data-theme="contrast"]) input[type=password],
:where([data-theme="dark"], [data-theme="contrast"]) textarea,
:where([data-theme="dark"], [data-theme="contrast"]) input {
  background-color: var(--oh-surface);
  border-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .form_table em {
  color: var(--oh-text-muted);
}
:where([data-theme="dark"], [data-theme="contrast"]) .error {
  color: var(--oh-danger);
}
:where([data-theme="dark"], [data-theme="contrast"]) .form_table th,
:where([data-theme="dark"], [data-theme="contrast"]) div.section-break {
  border-color: var(--oh-border);
  background-color: var(--oh-subtle);
}
:where([data-theme="dark"], [data-theme="contrast"]) .form_table th em {
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .settings_table {
  border-left-color: var(--oh-border);
  border-right-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .settings_table td {
  border-bottom-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .settings_table h4 a span {
  color: var(--oh-text);
  background-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) h2 {
  color: var(--oh-primary-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) h2 i {
  color: var(--oh-success-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) h3 {
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) h3.title {
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .tixTitle h3 {
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .has_bottom_border {
  border-bottom-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .ticket_info {
  background-color: var(--oh-subtle);
}
:where([data-theme="dark"], [data-theme="contrast"]) .ticket_info.custom-data thead th {
  border-bottom-color: var(--oh-border);
  background-color: var(--oh-surface);
}
:where([data-theme="dark"], [data-theme="contrast"]) #assigned_message {
  background-color: var(--oh-warning-soft);
  border-color: var(--oh-warning-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) #ticket_actions {
  background-color: var(--oh-subtle);
  border-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) a#post-note:hover {
  background-color: var(--oh-warning-soft);
  color: var(--oh-text) !important;
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-entry::after {
  border-bottom-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-entry::before {
  border-top-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-entry .header {
  border-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-entry.avatar .header:before {
  border-left-color: var(--oh-primary-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-entry.message .header {
  background-color: var(--oh-primary-soft);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-entry.avatar.message .header:after {
  border-left-color: var(--oh-primary-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-entry.response .header {
  background-color: var(--oh-warning-soft);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-entry.avatar.response .header:before,
:where([data-theme="dark"], [data-theme="contrast"]) .thread-entry.avatar.note .header:before {
  border-right-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-entry.system .header {
  background-color: var(--oh-subtle);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-entry.avatar.response .header:before {
  border-right-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-entry.avatar.note .header:before {
  border-right-color: var(--oh-warning-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-entry.avatar.response .header:after,
:where([data-theme="dark"], [data-theme="contrast"]) .thread-entry.avatar.note .header:after {
  border-right-color: var(--oh-warning-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-entry.note .header {
  background-color: var(--oh-surface);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-entry.avatar.note .header:after {
  border-right-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-entry .thread-body {
  border-color: var(--oh-border);
  border-bottom-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body .attachments {
  background-color: var(--oh-subtle);
  border-top-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) #ticket_notes td {
  background-color: var(--oh-subtle);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-entry .info,
:where([data-theme="dark"], [data-theme="contrast"]) #ticket_notes .info {
  background-color: var(--oh-subtle);
}
:where([data-theme="dark"], [data-theme="contrast"]) #ticket_notes .info {
  background-color: var(--oh-subtle);
}
:where([data-theme="dark"], [data-theme="contrast"]) ul.tabs {
  border-bottom-color: var(--oh-border-strong);
  background-color: var(--oh-subtle);
}
:where([data-theme="dark"], [data-theme="contrast"]) ul.tabs li {
  color: var(--oh-text);
  background-color: var(--oh-surface);
  border-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) ul.tabs li.active {
  color: var(--oh-primary-text);
  background-color: var(--oh-subtle);
  border-color: var(--oh-border-strong);
  border-top-color: var(--oh-primary-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) ul.tabs.clean li.active {
  background-color: var(--oh-surface);
}
:where([data-theme="dark"], [data-theme="contrast"]) ul.tabs li a {
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) ul.tabs li.active a {
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) ul.tabs.vertical {
  border-right-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) ul.tabs.vertical li {
  border-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) ul.tabs.vertical li.active {
  border-color: var(--oh-border-strong);
  border-left-color: var(--oh-primary-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) ul.tabs.alt {
  border-bottom-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) ul.tabs.alt li.active {
  border-bottom-color: var(--oh-primary-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) #response_options .reply_tab.tell {
  color: var(--oh-danger) !important;
}
:where([data-theme="dark"], [data-theme="contrast"]) #response_options > form {
  background-color: var(--oh-subtle);
  border-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) #response_options input[type=text],
:where([data-theme="dark"], [data-theme="contrast"]) #response_options textarea:not(.richtext) {
  border-color: var(--oh-border-strong);
  background-color: var(--oh-surface);
}
:where([data-theme="dark"], [data-theme="contrast"]) .expander {
  color: var(--oh-text-muted);
}
:where([data-theme="dark"], [data-theme="contrast"]) .tip_content {
  border-color: var(--oh-border-strong);
  background-color: var(--oh-surface);
}
:where([data-theme="dark"], [data-theme="contrast"]) .tip_content .links {
  border-top-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .tip_content .links a {
  color: var(--oh-primary-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .tip_content hr {
  background-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .tip_menu {
  border-top-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .tip_menu li a {
  border-right-color: var(--oh-border);
  color: var(--oh-text-muted);
}
:where([data-theme="dark"], [data-theme="contrast"]) .tip_menu li a:hover {
  color: var(--oh-danger);
}
:where([data-theme="dark"], [data-theme="contrast"]) .tip_content textarea {
  border-color: var(--oh-border-strong);
  background-color: var(--oh-surface);
}
:where([data-theme="dark"], [data-theme="contrast"]) .tip_content h1 {
  border-bottom-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) i.help-tip {
  color: var(--oh-text-muted);
}
:where([data-theme="dark"], [data-theme="contrast"]) caption:hover > i.help-tip {
  color: var(--oh-warning-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) #kb li {
  border-bottom-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) #kb li h4 span {
  color: var(--oh-text-muted);
}
:where([data-theme="dark"], [data-theme="contrast"]) #faq ol li {
  color: var(--oh-text-muted);
  border-bottom-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) #faq ol li a span {
  color: var(--oh-text-muted);
}
:where([data-theme="dark"], [data-theme="contrast"]) #faq ol li:hover {
  background-color: var(--oh-subtle);
}
:where([data-theme="dark"], [data-theme="contrast"]) time.faq {
  color: var(--oh-text-muted);
}
:where([data-theme="dark"], [data-theme="contrast"]) .cat-manage-bar {
  background-color: var(--oh-subtle);
  border-bottom-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .dialog {
  background-color: var(--oh-subtle);
}
:where([data-theme="dark"], [data-theme="contrast"]) .dialog .table td:not(:empty) {
  background-color: var(--oh-subtle) !important;
}
:where([data-theme="dark"], [data-theme="contrast"]) .dialog h3 {
  color: var(--oh-primary-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .dialog a {
  color: var(--oh-primary-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .dialog a.close {
  color: var(--oh-text-muted);
}
:where([data-theme="dark"], [data-theme="contrast"]) .dialog fieldset input:not([type=checkbox]) {
  border-color: var(--oh-border);
  background-color: var(--oh-surface);
}
:where([data-theme="dark"], [data-theme="contrast"]) .dialog fieldset span.between {
  color: var(--oh-text-muted);
}
:where([data-theme="dark"], [data-theme="contrast"]) .advanced-search .adv-search-method:before,
:where([data-theme="dark"], [data-theme="contrast"]) .advanced-search .adv-search-val:before {
  border-left-color: var(--oh-border);
  border-bottom-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) input[type="submit"],
:where([data-theme="dark"], [data-theme="contrast"]) input[type="reset"],
:where([data-theme="dark"], [data-theme="contrast"]) input[type="button"],
:where([data-theme="dark"], [data-theme="contrast"]) .action-button,
:where([data-theme="dark"], [data-theme="contrast"]) .button {
  color: var(--oh-text);
  background-color: var(--oh-subtle);
}
:where([data-theme="dark"], [data-theme="contrast"]) .link.button,
:where([data-theme="dark"], [data-theme="contrast"]) .link.button:hover,
:where([data-theme="dark"], [data-theme="contrast"]) .link.button:active {
  color: var(--oh-primary-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .light .button:hover,
:where([data-theme="dark"], [data-theme="contrast"]) .white.button {
  border-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .light .button:hover,
:where([data-theme="dark"], [data-theme="contrast"]) .white.button:hover {
  border-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .button.attached {
  border-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .input.attached input {
  border-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .green.button:hover {
  color: var(--oh-success-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .red.button:hover {
  color: var(--oh-danger);
}
:where([data-theme="dark"], [data-theme="contrast"]) .save.pending:hover {
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .button:hover,
:where([data-theme="dark"], [data-theme="contrast"]) .button:active,
:where([data-theme="dark"], [data-theme="contrast"]) .action-button:hover,
:where([data-theme="dark"], [data-theme="contrast"]) .action-button:active,
:where([data-theme="dark"], [data-theme="contrast"]) input[type=button]:hover,
:where([data-theme="dark"], [data-theme="contrast"]) input[type=button]:active,
:where([data-theme="dark"], [data-theme="contrast"]) input[type=reset]:hover,
:where([data-theme="dark"], [data-theme="contrast"]) input[type=reset]:active {
  color: var(--oh-text);
  background-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .dialog th {
  background-color: var(--oh-subtle);
  border-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) #result-count .success {
  background-color: var(--oh-success-soft);
}
:where([data-theme="dark"], [data-theme="contrast"]) #result-count .fail {
  background-color: var(--oh-danger-soft);
}
:where([data-theme="dark"], [data-theme="contrast"]) .sidebar {
  border-color: var(--oh-primary-border);
  background-color: var(--oh-surface);
}
:where([data-theme="dark"], [data-theme="contrast"]) .sidebar h3 {
  color: var(--oh-primary-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) #upgrader #main h2 {
  color: var(--oh-danger);
}
:where([data-theme="dark"], [data-theme="contrast"]) #upgrader #main div#intro {
  border-bottom-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) #bar {
  border-top-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) #bar a.unstyled,
:where([data-theme="dark"], [data-theme="contrast"]) #bar a.unstyled:hover {
  color: var(--oh-primary-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) #bar.error {
  background-color: var(--oh-warning-soft);
  color: var(--oh-danger);
}
:where([data-theme="dark"], [data-theme="contrast"]) #loading,
:where([data-theme="dark"], [data-theme="contrast"]) #upgrading {
  border-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) #loading h1,
:where([data-theme="dark"], [data-theme="contrast"]) #upgrading h4 {
  color: var(--oh-warning-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .non-local-image {
  border-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) input[type=text]:disabled,
:where([data-theme="dark"], [data-theme="contrast"]) input[type=checkbox]:disabled {
  background-color: var(--oh-subtle);
}
:where([data-theme="dark"], [data-theme="contrast"]) .icon-warning-sign {
  color: var(--oh-danger);
}
:where([data-theme="dark"], [data-theme="contrast"]) div.patch {
  border-bottom-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .patch-title {
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) div.selected-signature {
  border-color: var(--oh-border);
  background-color: var(--oh-surface);
}
:where([data-theme="dark"], [data-theme="contrast"]) .action-button.danger {
  color: var(--oh-text-muted) !important;
}
:where([data-theme="dark"], [data-theme="contrast"]) .muted-button:hover {
  border-color: var(--oh-border-strong);
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .muted-button {
  color: var(--oh-text-muted);
}
:where([data-theme="dark"], [data-theme="contrast"]) .row-item .management {
  border-top-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) tr.disabled td,
:where([data-theme="dark"], [data-theme="contrast"]) tr.disabled th {
  background-color: var(--oh-subtle);
}
:where([data-theme="dark"], [data-theme="contrast"]) .quicknote a.action,
:where([data-theme="dark"], [data-theme="contrast"]) .floating-options a.action {
  color: var(--oh-text) !important;
  background-color: var(--oh-subtle);
  border-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .quicknote a.action:hover,
:where([data-theme="dark"], [data-theme="contrast"]) .floating-options a.action:hover {
  border-color: var(--oh-warning-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .quicknote a.action.save-note,
:where([data-theme="dark"], [data-theme="contrast"]) .floating-options a.action.save-note {
  background-color: var(--oh-success-soft);
}
:where([data-theme="dark"], [data-theme="contrast"]) .label {
  text-shadow: none;
}
:where([data-theme="dark"], [data-theme="contrast"]) .label-bare {
  border-color: var(--oh-border-strong);
  color: var(--oh-text-muted);
}
:where([data-theme="dark"], [data-theme="contrast"]) i.note-type {
  color: var(--oh-primary-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) tr:hover i.help-tip,
:where([data-theme="dark"], [data-theme="contrast"]) tr i.help-tip.warning {
  color: var(--oh-warning-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .draft-saved {
  text-shadow: none;
}
:where([data-theme="dark"], [data-theme="contrast"]) .secondary_lang {
  border-bottom-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .saved-search + .saved-search {
  border-top-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .accordian dt {
  border-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .accordian dt a {
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .accordian dt.active a {
  color: var(--oh-primary-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .accordian dd {
  border-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .sticky.bar.fixed {
  background-color: var(--oh-surface);
  background-color: var(--oh-surface);
}
:where([data-theme="dark"], [data-theme="contrast"]) .sticky.bar.opaque {
  background-color: var(--oh-surface);
}
@media screen and (min-width: 1040px) {
:where([data-theme="dark"], [data-theme="contrast"]) .scroll-up {
  background-color: var(--oh-subtle);
  border-color: var(--oh-border-strong);
  color: var(--oh-text-muted) !important;
}
}
:where([data-theme="dark"], [data-theme="contrast"]) .message.bar {
  background-color: var(--oh-surface);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-preview-entry.message .header {
  background-color: var(--oh-primary-soft);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-preview-entry.response .header {
  background-color: var(--oh-warning-soft);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-preview-entry.note .header {
  background-color: var(--oh-warning-soft);
}
:where([data-theme="dark"], [data-theme="contrast"]) .header .thread-name span:first-child {
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-preview-entry.collapsed {
  background-color: var(--oh-subtle);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-preview-entry.collapsed .header {
  background-color: var(--oh-subtle);
  border-bottom-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-preview-entry.collapsed.message .header .thread-name span:first-child {
  color: var(--oh-primary-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-preview-entry.collapsed.response .header .thread-name span:first-child {
  color: var(--oh-danger);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-preview-entry.collapsed .thread-body {
  background-color: var(--oh-subtle);
  border-left-color: var(--oh-border);
  border-right-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-preview-entry .header {
  border-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-preview-entry .thread-body {
  border-color: var(--oh-border);
  border-bottom-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) #thread-items::before {
  border-left-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .type-icon {
  background-color: var(--oh-subtle);
  border-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-event .type-icon::after {
  border-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .type-icon.dark {
  border-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .freetext-files {
  border-color: var(--oh-border);
  background-color: var(--oh-subtle);
}
:where([data-theme="dark"], [data-theme="contrast"]) input,
:where([data-theme="dark"], [data-theme="contrast"]) textarea {
  border-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) #basic_search {
  background-color: var(--oh-subtle);
  border-bottom-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) #basic-ticket-search {
  border-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) select {
  border-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) #resizable-columns .column-header {
  background-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) #resizable-columns .column-header.ui-resizable.active {
  background-color: var(--oh-primary-soft);
}
:where([data-theme="dark"], [data-theme="contrast"]) .ui-resizable-handle {
  color: var(--oh-text-muted);
}


/* ---- scp/css/login.css ---- */
:where([data-theme="dark"], [data-theme="contrast"]) :-webkit-input-placeholder {
  color: var(--oh-text-muted);
}
:where([data-theme="dark"], [data-theme="contrast"]) :-moz-placeholder {
  color: var(--oh-text-muted);
}
:where([data-theme="dark"], [data-theme="contrast"]) body,
:where([data-theme="dark"], [data-theme="contrast"]) input {
  color: var(--oh-text);
}
@media screen\0 {
:where([data-theme="dark"], [data-theme="contrast"]) #loginBox:after {
  background-color: var(--oh-surface);
}
}
:where([data-theme="dark"], [data-theme="contrast"]) h3 {
  color: var(--oh-danger);
}
:where([data-theme="dark"], [data-theme="contrast"]) fieldset input {
  border-color: var(--oh-border);
  background-color: var(--oh-surface);
}
:where([data-theme="dark"], [data-theme="contrast"]) hr {
  border-bottom-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) div.banner {
  color: var(--oh-text-muted);
}
:where([data-theme="dark"], [data-theme="contrast"]) input[type="submit"],
:where([data-theme="dark"], [data-theme="contrast"]) input[type="reset"],
:where([data-theme="dark"], [data-theme="contrast"]) input[type="button"],
:where([data-theme="dark"], [data-theme="contrast"]) .action-button,
:where([data-theme="dark"], [data-theme="contrast"]) .button {
  color: var(--oh-text);
  background-color: var(--oh-subtle);
}
:where([data-theme="dark"], [data-theme="contrast"]) #poweredBy {
  text-shadow: none;
}
:where([data-theme="dark"], [data-theme="contrast"]) #company .content {
  text-shadow: none;
}
:where([data-theme="dark"], [data-theme="contrast"]) .external-auth-box {
  border-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .external-auth-icon {
  color: var(--oh-text);
  border-right-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .external-auth-name {
  color: var(--oh-text);
}


/* ---- css/thread.css ---- */
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body {
  color: var(--oh-text);
  background-color: var(--oh-surface);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body mark {
  background-color: var(--oh-warning-soft);
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body a:not(.button) {
  color: var(--oh-primary-text) !important;
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body a:not(.button):hover,
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body a:not(.button):focus {
  color: var(--oh-primary-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body hr {
  border-top-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body h1,
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body h2,
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body h3,
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body h4,
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body h5,
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body h6,
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body .h1,
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body .h2,
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body .h3,
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body .h4,
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body .h5,
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body .h6 {
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body h1 small,
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body h2 small,
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body h3 small,
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body h4 small,
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body h5 small,
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body h6 small,
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body .h1 small,
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body .h2 small,
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body .h3 small,
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body .h4 small,
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body .h5 small,
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body .h6 small {
  color: var(--oh-text-muted);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body .page-header {
  border-bottom-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body blockquote {
  border-left-color: var(--oh-border);
  color: var(--oh-text-muted);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body blockquote small {
  color: var(--oh-text-muted);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body blockquote.pull-right {
  border-right-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body table thead > tr > td,
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body table thead > tr > th,
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body table tr > th {
  background-color: var(--oh-subtle) !important;
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body table thead > tr > th,
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body table tbody > tr > th,
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body table tfoot > tr > th,
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body table thead > tr > td,
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body table tbody > tr > td,
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body table tfoot > tr > td {
  border-top-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body table thead > tr > th {
  border-bottom-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body table tbody + tbody {
  border-top-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body table table {
  background-color: var(--oh-surface);
}
:where([data-theme="dark"], [data-theme="contrast"]) .thread-body pre {
  background-color: var(--oh-subtle);
}


/* ---- css/typeahead.css ---- */
:where([data-theme="dark"], [data-theme="contrast"]) .dropdown-menu {
  background-color: var(--oh-surface);
  border-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .dropdown-menu .divider {
  background-color: var(--oh-border);
  border-bottom-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .dropdown-menu a {
  color: var(--oh-text);
}


/* ---- css/ui-lightness/jquery-ui-1.13.2.custom.min.css ---- */
:where([data-theme="dark"], [data-theme="contrast"]) .ui-selectable-helper {
  border-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .ui-widget.ui-widget-content {
  border-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .ui-widget-content {
  border-color: var(--oh-border);
  background-color: var(--oh-subtle);
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .ui-widget-content a {
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .ui-widget-header {
  border-color: var(--oh-warning-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .ui-state-default,
:where([data-theme="dark"], [data-theme="contrast"]) .ui-widget-content .ui-state-default,
:where([data-theme="dark"], [data-theme="contrast"]) .ui-widget-header .ui-state-default,
:where([data-theme="dark"], [data-theme="contrast"]) .ui-button,
html:where([data-theme="dark"], [data-theme="contrast"]) .ui-button.ui-state-disabled:hover,
html:where([data-theme="dark"], [data-theme="contrast"]) .ui-button.ui-state-disabled:active {
  border-color: var(--oh-border);
  background-color: var(--oh-subtle);
  color: var(--oh-primary-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .ui-state-default a,
:where([data-theme="dark"], [data-theme="contrast"]) .ui-state-default a:link,
:where([data-theme="dark"], [data-theme="contrast"]) .ui-state-default a:visited,
:where([data-theme="dark"], [data-theme="contrast"]) a.ui-button,
:where([data-theme="dark"], [data-theme="contrast"]) a:link.ui-button,
:where([data-theme="dark"], [data-theme="contrast"]) a:visited.ui-button,
:where([data-theme="dark"], [data-theme="contrast"]) .ui-button {
  color: var(--oh-primary-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .ui-state-hover,
:where([data-theme="dark"], [data-theme="contrast"]) .ui-widget-content .ui-state-hover,
:where([data-theme="dark"], [data-theme="contrast"]) .ui-widget-header .ui-state-hover,
:where([data-theme="dark"], [data-theme="contrast"]) .ui-state-focus,
:where([data-theme="dark"], [data-theme="contrast"]) .ui-widget-content .ui-state-focus,
:where([data-theme="dark"], [data-theme="contrast"]) .ui-widget-header .ui-state-focus,
:where([data-theme="dark"], [data-theme="contrast"]) .ui-button:hover,
:where([data-theme="dark"], [data-theme="contrast"]) .ui-button:focus {
  border-color: var(--oh-warning-border);
  background-color: var(--oh-warning-soft);
  color: var(--oh-warning-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .ui-state-hover a,
:where([data-theme="dark"], [data-theme="contrast"]) .ui-state-hover a:hover,
:where([data-theme="dark"], [data-theme="contrast"]) .ui-state-hover a:link,
:where([data-theme="dark"], [data-theme="contrast"]) .ui-state-hover a:visited,
:where([data-theme="dark"], [data-theme="contrast"]) .ui-state-focus a,
:where([data-theme="dark"], [data-theme="contrast"]) .ui-state-focus a:hover,
:where([data-theme="dark"], [data-theme="contrast"]) .ui-state-focus a:link,
:where([data-theme="dark"], [data-theme="contrast"]) .ui-state-focus a:visited,
:where([data-theme="dark"], [data-theme="contrast"]) a.ui-button:hover,
:where([data-theme="dark"], [data-theme="contrast"]) a.ui-button:focus {
  color: var(--oh-warning-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .ui-state-active,
:where([data-theme="dark"], [data-theme="contrast"]) .ui-widget-content .ui-state-active,
:where([data-theme="dark"], [data-theme="contrast"]) .ui-widget-header .ui-state-active,
:where([data-theme="dark"], [data-theme="contrast"]) a.ui-button:active,
:where([data-theme="dark"], [data-theme="contrast"]) .ui-button:active,
:where([data-theme="dark"], [data-theme="contrast"]) .ui-button.ui-state-active:hover {
  border-color: var(--oh-warning-border);
  background-color: var(--oh-surface);
  color: var(--oh-warning-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .ui-icon-background,
:where([data-theme="dark"], [data-theme="contrast"]) .ui-state-active .ui-icon-background {
  border-color: var(--oh-warning-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .ui-state-active a,
:where([data-theme="dark"], [data-theme="contrast"]) .ui-state-active a:link,
:where([data-theme="dark"], [data-theme="contrast"]) .ui-state-active a:visited {
  color: var(--oh-warning-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .ui-state-highlight,
:where([data-theme="dark"], [data-theme="contrast"]) .ui-widget-content .ui-state-highlight,
:where([data-theme="dark"], [data-theme="contrast"]) .ui-widget-header .ui-state-highlight {
  border-color: var(--oh-warning-border);
  background-color: var(--oh-warning-soft);
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .ui-state-checked {
  border-color: var(--oh-warning-border);
  background-color: var(--oh-warning-soft);
}
:where([data-theme="dark"], [data-theme="contrast"]) .ui-state-highlight a,
:where([data-theme="dark"], [data-theme="contrast"]) .ui-widget-content .ui-state-highlight a,
:where([data-theme="dark"], [data-theme="contrast"]) .ui-widget-header .ui-state-highlight a {
  color: var(--oh-text);
}


/* ---- css/jquery-ui-timepicker-addon.css ---- */
:where([data-theme="dark"], [data-theme="contrast"]) .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
  border-bottom-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {
  border-bottom-color: var(--oh-border-strong);
}


/* ---- scp/css/dropdown.css ---- */
:where([data-theme="dark"], [data-theme="contrast"]) .action-dropdown ul,
:where([data-theme="dark"], [data-theme="contrast"]) .noclick-dropdown ul {
  background-color: var(--oh-surface);
  border-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .action-dropdown ul li > a,
:where([data-theme="dark"], [data-theme="contrast"]) .noclick-dropdown ul li > a {
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .action-dropdown ul li.active > a {
  color: var(--oh-primary-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .action-dropdown ul li > a.disabled,
:where([data-theme="dark"], [data-theme="contrast"]) .customQ-dropdown ul li > a.disabled,
:where([data-theme="dark"], [data-theme="contrast"]) .noclick-dropdown ul li.disabled > a:hover {
  color: var(--oh-text-muted);
}
:where([data-theme="dark"], [data-theme="contrast"]) .action-dropdown hr,
:where([data-theme="dark"], [data-theme="contrast"]) .customQ-dropdown hr {
  border-bottom-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .action-dropdown:before,
:where([data-theme="dark"], [data-theme="contrast"]) .noclick-dropdown:before {
  border-bottom-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .action-dropdown:after,
:where([data-theme="dark"], [data-theme="contrast"]) .noclick-dropdown:after {
  border-bottom-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .action-button i.icon-caret-down {
  border-left-color: var(--oh-border);
}


/* ---- css/select2.min.css ---- */
:where([data-theme="dark"], [data-theme="contrast"]) .select2-dropdown {
  background-color: var(--oh-surface);
  border-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .select2-close-mask {
  background-color: var(--oh-surface);
}
:where([data-theme="dark"], [data-theme="contrast"]) .select2-container--default .select2-selection--single {
  background-color: var(--oh-surface);
  border-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--oh-text-muted);
}
:where([data-theme="dark"], [data-theme="contrast"]) .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: var(--oh-subtle);
}
:where([data-theme="dark"], [data-theme="contrast"]) .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .select2-container--default .select2-selection--multiple {
  background-color: var(--oh-surface);
  border-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--oh-border);
  border-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: var(--oh-text-muted);
}
:where([data-theme="dark"], [data-theme="contrast"]) .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: var(--oh-subtle);
}
:where([data-theme="dark"], [data-theme="contrast"]) .select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .select2-container--default .select2-results__option[aria-disabled=true] {
  color: var(--oh-text-muted);
}
:where([data-theme="dark"], [data-theme="contrast"]) .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) .select2-container--classic .select2-selection--single {
  background-color: var(--oh-subtle);
  border-color: var(--oh-border-strong);
  background-image: none;
  background-color: var(--oh-surface);
  background-image: none;
  background-color: var(--oh-surface);
  background-image: none;
  background-color: var(--oh-surface);
}
:where([data-theme="dark"], [data-theme="contrast"]) .select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: var(--oh-text-muted);
}
:where([data-theme="dark"], [data-theme="contrast"]) .select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: var(--oh-border);
  border-left-color: var(--oh-border-strong);
  background-image: none;
  background-color: var(--oh-subtle);
  background-image: none;
  background-color: var(--oh-subtle);
  background-image: none;
  background-color: var(--oh-subtle);
}
:where([data-theme="dark"], [data-theme="contrast"]) .select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border-right-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  background-image: none;
  background-color: var(--oh-surface);
  background-image: none;
  background-color: var(--oh-surface);
  background-image: none;
  background-color: var(--oh-surface);
}
:where([data-theme="dark"], [data-theme="contrast"]) .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  background-image: none;
  background-color: var(--oh-subtle);
  background-image: none;
  background-color: var(--oh-subtle);
  background-image: none;
  background-color: var(--oh-subtle);
}
:where([data-theme="dark"], [data-theme="contrast"]) .select2-container--classic .select2-selection--multiple {
  background-color: var(--oh-surface);
  border-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: var(--oh-border);
  border-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: var(--oh-text-muted);
}
:where([data-theme="dark"], [data-theme="contrast"]) .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) .select2-container--classic .select2-search--dropdown .select2-search__field {
  border-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .select2-container--classic .select2-dropdown {
  background-color: var(--oh-surface);
}


/* ---- css/rtl.css ---- */
:where([data-theme="dark"], [data-theme="contrast"]) .rtl .action-button i.icon-caret-down {
  border-right-color: var(--oh-border-strong);
}


/* ---- scp/css/translatable.css ---- */
:where([data-theme="dark"], [data-theme="contrast"]) div.add-translation {
  background-color: var(--oh-subtle);
}
:where([data-theme="dark"], [data-theme="contrast"]) div.translations {
  background-color: var(--oh-surface);
  border-color: var(--oh-border);
}
:where([data-theme="dark"], [data-theme="contrast"]) ul.translations li label.language {
  color: var(--oh-text);
}
:where([data-theme="dark"], [data-theme="contrast"]) ul.translations li input {
  border-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) div.translatable {
  border-color: var(--oh-border-strong);
  background-color: var(--oh-surface);
}
:where([data-theme="dark"], [data-theme="contrast"]) div.translatable.textarea {
  border-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) div.translatable.textarea + button.translatable {
  color: var(--oh-text-muted);
}
:where([data-theme="dark"], [data-theme="contrast"]) div.translatable.textarea + button.translatable:hover {
  color: var(--oh-text);
}


/* ---- scp/css/tooltip.css ---- */
:where([data-theme="dark"], [data-theme="contrast"]) .tooltip.top .tooltip-arrow {
  border-top-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .tooltip.top-left .tooltip-arrow {
  border-top-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .tooltip.top-right .tooltip-arrow {
  border-top-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .tooltip.right .tooltip-arrow {
  border-right-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .tooltip.left .tooltip-arrow {
  border-left-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .tooltip.bottom .tooltip-arrow {
  border-bottom-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: var(--oh-border-strong);
}
:where([data-theme="dark"], [data-theme="contrast"]) .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: var(--oh-border-strong);
}


/* ---- css/filedrop.css ---- */
:where([data-theme="dark"], [data-theme="contrast"]) .filedrop .dropzone {
  color: var(--oh-text-muted);
}
:where([data-theme="dark"], [data-theme="contrast"]) .filedrop .files .file .filesize {
  color: var(--oh-text-muted);
}
:where([data-theme="dark"], [data-theme="contrast"]) .filedrop .files .file .upload-rate {
  color: var(--oh-text-muted);
}
:where([data-theme="dark"], [data-theme="contrast"]) .progress {
  background-color: var(--oh-subtle);
}
:where([data-theme="dark"], [data-theme="contrast"]) .progress-bar[aria-valuenow="0"] {
  color: var(--oh-text-muted);
}