/**
 * The look of the management UI (ui-v2/assets/css/tokens.css) applied to every CRM screen.
 * Loaded after ui-v2.css and scoped under html.ui-v2, so the plugin's switch turns it off too.
 * Colours only come from the tokens below. No screen files are changed.
 */

@font-face { font-family: "UF Sar"; src: url("../fonts/uf-sar.woff") format("woff"); font-weight: 100 900; unicode-range: U+20C1; font-display: swap; }
@font-face { font-family: "IBM Plex Sans Arabic"; src: url("../fonts/ibmplexarabic-regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "IBM Plex Sans Arabic"; src: url("../fonts/ibmplexarabic-700.woff2") format("woff2"); font-weight: 700; font-display: swap; }

html.ui-v2 {
  --ui-bg: #f4f5fc;
  --ui-surface: #ffffff;
  --ui-surface-muted: #f9fafe;
  --ui-border: #e6eaf3;
  --ui-border-strong: #cdd5e3;
  --ui-text: #0f1b2d;
  --ui-text-muted: #566579;
  --ui-text-soft: #68778b;
  --ui-primary: #0e5886;
  --ui-primary-hover: #0c4a73;
  --ui-primary-contrast: #ffffff;
  --ui-primary-soft: #e8f2fa;
  --ui-danger: #c9261d;
  --ui-warning: #96590a;
  --ui-success: #0b7f58;
  --ui-info: #0e5886;
  --ui-radius: 18px;
  --ui-radius-sm: 10px;
  --ui-shadow: 0 1px 3px rgba(20, 40, 80, .06);
  --ui-shadow-md: 0 8px 22px -8px rgba(20, 40, 80, .18);
  --ui-focus: 0 0 0 3px rgba(14, 127, 176, .25);
  --uf-gradient: linear-gradient(to right, #0e5886, #0a8f90);
  --uf-field: #eef1f9;
  --uf-teal: #0b8f85;
  --uf-teal-soft: #e3f8f5;
  --uf-success-soft: #e2f8ee;
  --uf-warning-soft: #fbf2e3;
  --uf-danger-soft: #feeceb;
  --uf-neutral-soft: #eef1f9;
  --uf-font: "UF Sar", "IBM Plex Sans Arabic", "Segoe UI", Tahoma, system-ui, sans-serif;
}

/* —— Type: same family as the management UI. Icons keep their own fonts. —— */
html.ui-v2 body,
html.ui-v2 h1, html.ui-v2 h2, html.ui-v2 h3, html.ui-v2 h4, html.ui-v2 h5, html.ui-v2 h6,
html.ui-v2 p, html.ui-v2 a, html.ui-v2 span:not([class*="icon"]):not([class*="fa-"]), html.ui-v2 li, html.ui-v2 td, html.ui-v2 th, html.ui-v2 label, html.ui-v2 div,
html.ui-v2 input, html.ui-v2 select, html.ui-v2 textarea, html.ui-v2 button,
html.ui-v2 .select2-container, html.ui-v2 .select2-drop, html.ui-v2 .dropdown-menu, html.ui-v2 .modal-content {
  font-family: var(--uf-font) !important;
}
html.ui-v2 i[class*="fa"], html.ui-v2 .fa, html.ui-v2 [class^="fa-"] { font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 6 Free" !important; }

/* —— Sidebar: light, active item in soft blue, as in the management UI —— */
html.ui-v2 .sidebar {
  background: var(--ui-surface) !important;
  border-inline-end: 0 !important;
  border-inline-start: 1px solid var(--ui-border) !important;
}
html.ui-v2 .sidebar .sidebar-scroll,
html.ui-v2 .sidebar .sidebar-menu,
html.ui-v2 #sidebar-menu { background: transparent !important; }

/* The stored logo is drawn for a dark background, so it keeps one in brand colours. */
html.ui-v2 .sidebar .sidebar-brand {
  background: var(--uf-gradient) !important;
  border-block-end: 0 !important;
}

html.ui-v2 #sidebar-menu a,
html.ui-v2 .sidebar-menu a,
html.ui-v2 .sidebar-menu .menu-text { color: #2c3b50 !important; }
html.ui-v2 #sidebar-menu a svg,
html.ui-v2 .sidebar-menu a svg,
html.ui-v2 .sidebar-menu a i { color: #66758a !important; stroke: currentColor; }

html.ui-v2 #sidebar-menu > li > a:hover,
html.ui-v2 .sidebar-menu > li > a:hover,
html.ui-v2 #sidebar-menu li li > a:hover,
html.ui-v2 .sidebar-menu li li > a:hover {
  background: var(--uf-neutral-soft) !important;
  color: var(--ui-text) !important;
}

html.ui-v2 #sidebar-menu > li.active > a,
html.ui-v2 .sidebar-menu > li.active > a,
html.ui-v2 #sidebar-menu > li > a.active,
html.ui-v2 #sidebar-menu li li.active > a,
html.ui-v2 .sidebar-menu li li.active > a {
  background: var(--ui-primary-soft) !important;
  color: var(--ui-primary) !important;
  font-weight: 700;
}
html.ui-v2 #sidebar-menu li.active > a svg,
html.ui-v2 #sidebar-menu li.active > a i,
html.ui-v2 #sidebar-menu li.active > a .menu-text,
html.ui-v2 .sidebar-menu li.active > a svg,
html.ui-v2 .sidebar-menu li.active > a i,
html.ui-v2 .sidebar-menu li.active > a .menu-text { color: var(--ui-primary) !important; }

/* —— Topbar —— */
html.ui-v2 .navbar-custom,
html.ui-v2 #default-navbar { border-block-end: 1px solid var(--ui-border) !important; }
html.ui-v2 .navbar-custom .badge.bg-danger { background: #da2d23 !important; }

/* —— Cards and page titles —— */
html.ui-v2 .card { border-radius: var(--ui-radius) !important; }
html.ui-v2 .modal-content { border-radius: var(--ui-radius) !important; border: 0; }
html.ui-v2 .card-header,
html.ui-v2 .card .card-header { border-block-end-color: var(--ui-border) !important; }

/* Coloured card headers from the CRM's own rule file become calm brand surfaces. */
html.ui-v2 #page-content .card > .card-header.bg-primary,
html.ui-v2 #page-content .card > .card-header.bg-dark,
html.ui-v2 #page-content .card > .card-header.bg-secondary {
  background: var(--uf-gradient) !important;
}
html.ui-v2 #page-content .card > .card-header.bg-info { background: var(--ui-primary-soft) !important; }
html.ui-v2 #page-content .card > .card-header.bg-info,
html.ui-v2 #page-content .card > .card-header.bg-info h5,
html.ui-v2 #page-content .card > .card-header.bg-info .mb-0 { color: var(--ui-primary) !important; -webkit-text-fill-color: var(--ui-primary) !important; }

/* —— Buttons —— */
html.ui-v2 .btn { border-radius: var(--ui-radius-sm) !important; }
html.ui-v2 .btn-primary,
html.ui-v2 .btn-info {
  background: var(--uf-gradient) !important;
  border-color: transparent !important;
  color: #ffffff !important;
}
html.ui-v2 .btn-primary:hover,
html.ui-v2 .btn-info:hover { background: var(--ui-primary-hover) !important; }
html.ui-v2 .btn-success { background: var(--uf-teal) !important; border-color: var(--uf-teal) !important; color: #ffffff !important; }
html.ui-v2 .btn-default,
html.ui-v2 .btn-outline-secondary {
  background: var(--ui-surface) !important;
  border-color: var(--ui-border-strong) !important;
  color: var(--ui-text) !important;
}
html.ui-v2 .btn-default:hover,
html.ui-v2 .btn-outline-secondary:hover { background: var(--ui-surface-muted) !important; }
html.ui-v2 .btn-outline-success { color: var(--uf-teal) !important; border-color: var(--uf-teal) !important; background: var(--ui-surface) !important; }
html.ui-v2 .btn-outline-success:hover { background: var(--uf-teal-soft) !important; }
html.ui-v2 .btn-outline-primary,
html.ui-v2 .btn-outline-info { color: var(--ui-primary) !important; border-color: var(--ui-primary) !important; background: var(--ui-surface) !important; }
html.ui-v2 .btn-outline-primary:hover,
html.ui-v2 .btn-outline-info:hover { background: var(--ui-primary-soft) !important; }

/* —— Fields —— */
html.ui-v2 .form-control,
html.ui-v2 .form-select,
html.ui-v2 .select2-container .select2-choice,
html.ui-v2 .select2-container-multi .select2-choices {
  border-radius: var(--ui-radius-sm) !important;
  border-color: var(--ui-border-strong) !important;
  color: var(--ui-text) !important;
}
html.ui-v2 .form-control:focus,
html.ui-v2 .form-select:focus { border-color: #0e7fb0 !important; box-shadow: var(--ui-focus) !important; }
html.ui-v2 .form-control::placeholder { color: var(--ui-text-soft); }

/* —— Tables, including the black headers some screens use —— */
html.ui-v2 table thead th,
html.ui-v2 table.dataTable thead th,
html.ui-v2 .table-dark > tr > th,
html.ui-v2 .table-dark th,
html.ui-v2 thead.table-dark th,
html.ui-v2 table thead.thead-dark th {
  background: var(--ui-surface-muted) !important;
  color: var(--ui-text-muted) !important;
  border-color: var(--ui-border) !important;
  font-weight: 700;
}
html.ui-v2 table tbody td { border-color: var(--ui-border) !important; color: var(--ui-text); }
html.ui-v2 table.dataTable tbody tr:hover > td,
html.ui-v2 .table-hover > tbody > tr:hover > td { background: var(--ui-surface-muted) !important; }

/* —— Pagination —— */
html.ui-v2 .pagination .page-link { border-radius: var(--ui-radius-sm) !important; color: var(--ui-text-muted) !important; border-color: transparent !important; background: transparent !important; }
html.ui-v2 .pagination .active .page-link,
html.ui-v2 .pagination .page-item.active .page-link { background: var(--ui-primary) !important; color: #ffffff !important; }

/* —— Badges and labels: the soft pairs of the management UI, readable at small sizes —— */
html.ui-v2 .badge,
html.ui-v2 span.label { border-radius: 999px !important; font-weight: 700; }
html.ui-v2 #page-content .badge.bg-success { background: var(--uf-success-soft) !important; color: var(--ui-success) !important; }
html.ui-v2 #page-content .badge.bg-info,
html.ui-v2 #page-content .badge.bg-primary,
html.ui-v2 #page-content .label.bg-info { background: var(--ui-primary-soft) !important; color: var(--ui-primary) !important; }
html.ui-v2 #page-content .badge.bg-warning { background: var(--uf-warning-soft) !important; color: var(--ui-warning) !important; }
html.ui-v2 #page-content .badge.bg-danger { background: var(--uf-danger-soft) !important; color: var(--ui-danger) !important; }
html.ui-v2 #page-content .badge.bg-secondary,
html.ui-v2 #page-content .badge.bg-dark { background: var(--uf-neutral-soft) !important; color: var(--ui-text-muted) !important; }

/* Solid tiles and bars keep white content on a colour from the same palette. */
html.ui-v2 #page-content .bg-primary:not(.badge):not(.card-header),
html.ui-v2 #page-content .bg-info:not(.badge):not(.card-header) { background-color: var(--ui-primary) !important; }
html.ui-v2 #page-content .bg-success:not(.badge):not(.card-header) { background-color: var(--uf-teal) !important; }
html.ui-v2 #page-content .bg-warning:not(.badge):not(.card-header) { background-color: #96590a !important; }
html.ui-v2 #page-content .bg-danger:not(.badge):not(.card-header) { background-color: #da2d23 !important; }

/* Coloured numbers and words stay readable on white. */
html.ui-v2 #page-content .text-primary, html.ui-v2 #page-content .text-info { color: var(--ui-primary) !important; }
html.ui-v2 #page-content .text-success { color: var(--ui-success) !important; }
html.ui-v2 #page-content .text-warning { color: var(--ui-warning) !important; }
html.ui-v2 #page-content .text-danger { color: var(--ui-danger) !important; }
html.ui-v2 #page-content .text-muted { color: var(--ui-text-muted) !important; }

/* —— Alerts and the bright banners —— */
html.ui-v2 .alert { border-radius: var(--ui-radius-sm); border: 1px solid var(--ui-border); }
html.ui-v2 .alert-info { background: var(--ui-primary-soft) !important; color: var(--ui-primary) !important; }
html.ui-v2 .alert-success { background: var(--uf-success-soft) !important; color: var(--ui-success) !important; }
html.ui-v2 .alert-warning { background: var(--uf-warning-soft) !important; color: var(--ui-warning) !important; }
html.ui-v2 .alert-danger { background: var(--uf-danger-soft) !important; color: var(--ui-danger) !important; }

/* —— Tabs —— */
html.ui-v2 .nav-tabs .nav-link.active,
html.ui-v2 .nav-tabs .nav-item.show .nav-link { color: var(--ui-primary) !important; border-block-end-color: var(--ui-primary) !important; }

/* —— Sign-in page —— */
html.ui-v2 .signin-page .btn-primary { background: var(--uf-gradient) !important; }
html.ui-v2 .signin-page .form-signin.card,
html.ui-v2 .signin-page .card { box-shadow: 0 24px 60px -16px rgba(15, 30, 60, .35) !important; }

/* —— Stored status colours: the choice stays in the database, the screen shows it in the palette. Pickers keep their real colours. —— */
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="28a745" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="83c340" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="00b393" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="32a483" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="5cb85c" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="01b392" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="38b393" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="0abb87" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="198754" i] { background: var(--uf-success-soft) !important; color: var(--ui-success) !important; }
html.ui-v2 .color-tag:not(.clickable)[style*="28a745" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#28a745" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #28a745" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#28a745" i],
html.ui-v2 .color-tag:not(.clickable)[style*="83c340" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#83c340" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #83c340" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#83c340" i],
html.ui-v2 .color-tag:not(.clickable)[style*="00b393" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#00b393" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #00b393" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#00b393" i],
html.ui-v2 .color-tag:not(.clickable)[style*="32a483" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#32a483" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #32a483" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#32a483" i],
html.ui-v2 .color-tag:not(.clickable)[style*="5cb85c" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#5cb85c" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #5cb85c" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#5cb85c" i],
html.ui-v2 .color-tag:not(.clickable)[style*="01b392" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#01b392" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #01b392" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#01b392" i],
html.ui-v2 .color-tag:not(.clickable)[style*="38b393" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#38b393" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #38b393" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#38b393" i],
html.ui-v2 .color-tag:not(.clickable)[style*="0abb87" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#0abb87" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #0abb87" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#0abb87" i],
html.ui-v2 .color-tag:not(.clickable)[style*="198754" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#198754" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #198754" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#198754" i] { background-color: #0b7f58 !important; }
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#28a745" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #28a745" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#28a745" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #28a745" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#83c340" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #83c340" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#83c340" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #83c340" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#00b393" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #00b393" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#00b393" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #00b393" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#32a483" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #32a483" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#32a483" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #32a483" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#5cb85c" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #5cb85c" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#5cb85c" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #5cb85c" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#01b392" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #01b392" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#01b392" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #01b392" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#38b393" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #38b393" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#38b393" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #38b393" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#0abb87" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #0abb87" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#0abb87" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #0abb87" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#198754" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #198754" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#198754" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #198754" i] { color: var(--ui-success) !important; }
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="ffc107" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="f1c40f" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="f9a52d" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="fd7e14" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="e18a00" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="fac108" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="dea701" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="ffb822" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="f0ad4e" i] { background: var(--uf-warning-soft) !important; color: var(--ui-warning) !important; }
html.ui-v2 .color-tag:not(.clickable)[style*="ffc107" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#ffc107" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #ffc107" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#ffc107" i],
html.ui-v2 .color-tag:not(.clickable)[style*="f1c40f" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#f1c40f" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #f1c40f" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#f1c40f" i],
html.ui-v2 .color-tag:not(.clickable)[style*="f9a52d" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#f9a52d" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #f9a52d" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#f9a52d" i],
html.ui-v2 .color-tag:not(.clickable)[style*="fd7e14" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#fd7e14" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #fd7e14" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#fd7e14" i],
html.ui-v2 .color-tag:not(.clickable)[style*="e18a00" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#e18a00" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #e18a00" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#e18a00" i],
html.ui-v2 .color-tag:not(.clickable)[style*="fac108" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#fac108" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #fac108" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#fac108" i],
html.ui-v2 .color-tag:not(.clickable)[style*="dea701" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#dea701" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #dea701" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#dea701" i],
html.ui-v2 .color-tag:not(.clickable)[style*="ffb822" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#ffb822" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #ffb822" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#ffb822" i],
html.ui-v2 .color-tag:not(.clickable)[style*="f0ad4e" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#f0ad4e" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #f0ad4e" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#f0ad4e" i] { background-color: #b86e12 !important; }
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#ffc107" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #ffc107" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#ffc107" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #ffc107" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#f1c40f" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #f1c40f" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#f1c40f" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #f1c40f" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#f9a52d" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #f9a52d" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#f9a52d" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #f9a52d" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#fd7e14" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #fd7e14" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#fd7e14" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #fd7e14" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#e18a00" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #e18a00" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#e18a00" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #e18a00" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#fac108" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #fac108" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#fac108" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #fac108" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#dea701" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #dea701" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#dea701" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #dea701" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#ffb822" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #ffb822" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#ffb822" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #ffb822" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#f0ad4e" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #f0ad4e" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#f0ad4e" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #f0ad4e" i] { color: var(--ui-warning) !important; }
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="17a2b8" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="2d9cdb" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="29c2c2" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="4a8af4" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="1672b9" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="6690f4" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="485bbd" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="37b4e1" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="1ccacc" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="0d6efd" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="ad159e" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="d43480" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="dbadff" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="8b5cf6" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="7c3aed" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="0891b2" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="2e4053" i] { background: var(--ui-primary-soft) !important; color: var(--ui-primary) !important; }
html.ui-v2 .color-tag:not(.clickable)[style*="17a2b8" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#17a2b8" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #17a2b8" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#17a2b8" i],
html.ui-v2 .color-tag:not(.clickable)[style*="2d9cdb" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#2d9cdb" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #2d9cdb" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#2d9cdb" i],
html.ui-v2 .color-tag:not(.clickable)[style*="29c2c2" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#29c2c2" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #29c2c2" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#29c2c2" i],
html.ui-v2 .color-tag:not(.clickable)[style*="4a8af4" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#4a8af4" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #4a8af4" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#4a8af4" i],
html.ui-v2 .color-tag:not(.clickable)[style*="1672b9" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#1672b9" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #1672b9" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#1672b9" i],
html.ui-v2 .color-tag:not(.clickable)[style*="6690f4" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#6690f4" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #6690f4" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#6690f4" i],
html.ui-v2 .color-tag:not(.clickable)[style*="485bbd" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#485bbd" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #485bbd" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#485bbd" i],
html.ui-v2 .color-tag:not(.clickable)[style*="37b4e1" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#37b4e1" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #37b4e1" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#37b4e1" i],
html.ui-v2 .color-tag:not(.clickable)[style*="1ccacc" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#1ccacc" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #1ccacc" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#1ccacc" i],
html.ui-v2 .color-tag:not(.clickable)[style*="0d6efd" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#0d6efd" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #0d6efd" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#0d6efd" i],
html.ui-v2 .color-tag:not(.clickable)[style*="ad159e" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#ad159e" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #ad159e" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#ad159e" i],
html.ui-v2 .color-tag:not(.clickable)[style*="d43480" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#d43480" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #d43480" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#d43480" i],
html.ui-v2 .color-tag:not(.clickable)[style*="dbadff" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#dbadff" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #dbadff" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#dbadff" i],
html.ui-v2 .color-tag:not(.clickable)[style*="8b5cf6" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#8b5cf6" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #8b5cf6" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#8b5cf6" i],
html.ui-v2 .color-tag:not(.clickable)[style*="7c3aed" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#7c3aed" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #7c3aed" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#7c3aed" i],
html.ui-v2 .color-tag:not(.clickable)[style*="0891b2" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#0891b2" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #0891b2" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#0891b2" i],
html.ui-v2 .color-tag:not(.clickable)[style*="2e4053" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#2e4053" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #2e4053" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#2e4053" i] { background-color: #0e5886 !important; }
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#17a2b8" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #17a2b8" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#17a2b8" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #17a2b8" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#2d9cdb" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #2d9cdb" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#2d9cdb" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #2d9cdb" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#29c2c2" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #29c2c2" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#29c2c2" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #29c2c2" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#4a8af4" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #4a8af4" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#4a8af4" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #4a8af4" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#1672b9" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #1672b9" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#1672b9" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #1672b9" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#6690f4" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #6690f4" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#6690f4" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #6690f4" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#485bbd" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #485bbd" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#485bbd" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #485bbd" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#37b4e1" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #37b4e1" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#37b4e1" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #37b4e1" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#1ccacc" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #1ccacc" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#1ccacc" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #1ccacc" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#0d6efd" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #0d6efd" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#0d6efd" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #0d6efd" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#ad159e" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #ad159e" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#ad159e" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #ad159e" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#d43480" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #d43480" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#d43480" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #d43480" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#dbadff" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #dbadff" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#dbadff" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #dbadff" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#8b5cf6" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #8b5cf6" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#8b5cf6" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #8b5cf6" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#7c3aed" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #7c3aed" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#7c3aed" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #7c3aed" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#0891b2" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #0891b2" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#0891b2" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #0891b2" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#2e4053" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #2e4053" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#2e4053" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #2e4053" i] { color: var(--ui-primary) !important; }
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="e74c3c" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="f5325c" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="dc3545" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="e60050" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="f4325b" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="d9534f" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="fd397a" i] { background: var(--uf-danger-soft) !important; color: var(--ui-danger) !important; }
html.ui-v2 .color-tag:not(.clickable)[style*="e74c3c" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#e74c3c" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #e74c3c" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#e74c3c" i],
html.ui-v2 .color-tag:not(.clickable)[style*="f5325c" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#f5325c" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #f5325c" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#f5325c" i],
html.ui-v2 .color-tag:not(.clickable)[style*="dc3545" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#dc3545" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #dc3545" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#dc3545" i],
html.ui-v2 .color-tag:not(.clickable)[style*="e60050" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#e60050" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #e60050" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#e60050" i],
html.ui-v2 .color-tag:not(.clickable)[style*="f4325b" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#f4325b" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #f4325b" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#f4325b" i],
html.ui-v2 .color-tag:not(.clickable)[style*="d9534f" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#d9534f" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #d9534f" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#d9534f" i],
html.ui-v2 .color-tag:not(.clickable)[style*="fd397a" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#fd397a" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #fd397a" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#fd397a" i] { background-color: #da2d23 !important; }
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#e74c3c" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #e74c3c" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#e74c3c" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #e74c3c" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#f5325c" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #f5325c" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#f5325c" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #f5325c" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#dc3545" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #dc3545" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#dc3545" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #dc3545" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#e60050" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #e60050" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#e60050" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #e60050" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#f4325b" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #f4325b" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#f4325b" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #f4325b" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#d9534f" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #d9534f" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#d9534f" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #d9534f" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#fd397a" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #fd397a" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#fd397a" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #fd397a" i] { color: var(--ui-danger) !important; }
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="6c757d" i],
html.ui-v2 :is(.badge, .label, span.meta, div.meta)[style*="aab7b7" i] { background: var(--uf-neutral-soft) !important; color: var(--ui-text-muted) !important; }
html.ui-v2 .color-tag:not(.clickable)[style*="6c757d" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#6c757d" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #6c757d" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#6c757d" i],
html.ui-v2 .color-tag:not(.clickable)[style*="aab7b7" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color:#aab7b7" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background-color: #aab7b7" i], html.ui-v2 #page-content :not(.badge):not(.label):not(.color-tag)[style*="background:#aab7b7" i] { background-color: #566579 !important; }
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#6c757d" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #6c757d" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#6c757d" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #6c757d" i],
html.ui-v2 :not(.color-tag):not(.badge)[style^="color:#aab7b7" i], html.ui-v2 :not(.color-tag):not(.badge)[style^="color: #aab7b7" i], html.ui-v2 :not(.color-tag):not(.badge)[style*=";color:#aab7b7" i], html.ui-v2 :not(.color-tag):not(.badge)[style*="; color: #aab7b7" i] { color: var(--ui-text-muted) !important; }

/* —— Everything else in type: nothing but the theme font, except code and icon fonts —— */
html.ui-v2 body *:not(i):not(code):not(pre):not(kbd):not(samp):not(svg):not(svg *):not([class*="note-icon"]):not([class*="fa-"]):not(.fa):not(#contract-view) {
  font-family: var(--uf-font) !important;
}

/* —— The colour file Rise appends after this sheet: same rules with more weight —— */
html.ui-v2 .list-group-item.active,
html.ui-v2 a.list-group-item.active,
html.ui-v2 .list-group-item-action.active {
  background: var(--ui-primary-soft) !important;
  color: var(--ui-primary) !important;
  border-color: var(--ui-border) !important;
}
html.ui-v2 .list-group-item.active *,
html.ui-v2 .list-group-item.active small { color: var(--ui-primary) !important; }
html.ui-v2 .nav-tabs li a:hover,
html.ui-v2 .nav-tabs li .active,
html.ui-v2 .nav-tabs li.active a,
html.ui-v2 .nav-tabs li a.active { color: var(--ui-primary) !important; }
html.ui-v2 .nav-tabs li a.active::after,
html.ui-v2 .nav-tabs li.active a::after,
html.ui-v2 .nav-tabs li a::after { background-color: var(--ui-primary) !important; }
html.ui-v2 .dataTable tbody tr.active td { background: var(--ui-primary-soft) !important; }
html.ui-v2 .select2-results .select2-highlighted { background: var(--ui-primary) !important; color: #ffffff !important; }
html.ui-v2 .datepicker table tr td.active,
html.ui-v2 .datepicker table tr td.active:hover,
html.ui-v2 .datepicker table tr td span.active,
html.ui-v2 .datepicker table tr td.today { background: var(--ui-primary) !important; background-image: none !important; color: #ffffff !important; }
html.ui-v2 .form-check-input:checked { background-color: var(--ui-primary) !important; border-color: var(--ui-primary) !important; }
html.ui-v2 .atwho-view .cur,
html.ui-v2 .note-hint-group .active,
html.ui-v2 .note-hint-item:hover { background: var(--ui-primary) !important; }
html.ui-v2 .sidebar-scroll::-webkit-scrollbar-thumb { background: var(--ui-border-strong) !important; }
html.ui-v2.sidebar-toggled .sidebar-menu li:hover,
html.ui-v2 .sidebar-toggled .sidebar-menu li:hover { background: var(--uf-neutral-soft) !important; }
html.ui-v2 body:not(.public-view) a:not(.btn):not(.dropdown-item):not(.page-link):not(.nav-link):not(.list-group-item) { color: var(--ui-primary); }
html.ui-v2 .sidebar-menu a { color: #2c3b50 !important; }
html.ui-v2 #page-content .card > .card-header.bg-success,
html.ui-v2 #page-content .card > .card-header.bg-success * { background: var(--uf-success-soft) !important; color: var(--ui-success) !important; -webkit-text-fill-color: var(--ui-success) !important; }
html.ui-v2 #page-content .card > .card-header.bg-danger,
html.ui-v2 #page-content .card > .card-header.bg-danger * { background: var(--uf-danger-soft) !important; color: var(--ui-danger) !important; -webkit-text-fill-color: var(--ui-danger) !important; }
html.ui-v2 #page-content .card > .card-header.bg-warning,
html.ui-v2 #page-content .card > .card-header.bg-warning * { background: var(--uf-warning-soft) !important; color: var(--ui-warning) !important; -webkit-text-fill-color: var(--ui-warning) !important; }
html.ui-v2 #page-content .card > .card-header.bg-secondary *,
html.ui-v2 #page-content .card > .card-header.bg-dark *,
html.ui-v2 #page-content .card > .card-header.bg-primary * { background: transparent !important; }
html.ui-v2 .re-contrast-card > .card-header.bg-success,
html.ui-v2 .re-contrast-card > .card-header.bg-success * { background: var(--uf-success-soft) !important; color: var(--ui-success) !important; -webkit-text-fill-color: var(--ui-success) !important; }

/* Rise's named colour classes on tiles and icons. */
html.ui-v2 .bg-coral, html.ui-v2 .bg-danger:not(.badge):not(.card-header) { background-color: #da2d23 !important; }
html.ui-v2 .bg-orange, html.ui-v2 .bg-warning:not(.badge):not(.card-header) { background-color: #96590a !important; color: #ffffff !important; }
html.ui-v2 .bg-purple, html.ui-v2 .bg-pink, html.ui-v2 .bg-indigo, html.ui-v2 .bg-blue,
html.ui-v2 .bg-primary:not(.badge):not(.card-header), html.ui-v2 .bg-info:not(.badge):not(.card-header) { background-color: var(--ui-primary) !important; color: #ffffff !important; }
html.ui-v2 .bg-success:not(.badge):not(.card-header), html.ui-v2 .bg-green { background-color: #0a7a71 !important; color: #ffffff !important; }

/* Tints stay tints: Bootstrap's opacity helpers would otherwise turn solid. */
html.ui-v2 #page-content .bg-primary.bg-primary[class*="bg-opacity"]:not(.badge):not(.card-header),
html.ui-v2 #page-content .bg-info.bg-info[class*="bg-opacity"]:not(.badge):not(.card-header) { background-color: var(--ui-primary-soft) !important; color: var(--ui-primary) !important; }
html.ui-v2 #page-content .bg-success.bg-success[class*="bg-opacity"]:not(.badge):not(.card-header) { background-color: var(--uf-success-soft) !important; color: var(--ui-success) !important; }
html.ui-v2 #page-content .bg-warning.bg-warning[class*="bg-opacity"]:not(.badge):not(.card-header) { background-color: var(--uf-warning-soft) !important; color: var(--ui-warning) !important; }
html.ui-v2 #page-content .bg-danger.bg-danger[class*="bg-opacity"]:not(.badge):not(.card-header) { background-color: var(--uf-danger-soft) !important; color: var(--ui-danger) !important; }
html.ui-v2 #page-content .bg-secondary.bg-secondary[class*="bg-opacity"]:not(.badge):not(.card-header) { background-color: var(--uf-neutral-soft) !important; color: var(--ui-text-muted) !important; }

/* Words placed on a solid tile are white. */
html.ui-v2 :is(.bg-primary, .bg-info, .bg-success, .bg-danger, .bg-warning, .bg-coral, .bg-orange, .bg-dark):not([class*="bg-opacity"]):not(.badge):not(.card-header):not(.alert):not(.text-bg-warning) :is(.text-off, .text-muted, small, h1, h2, h3, h4, h5, h6, p, span, strong) { color: #ffffff !important; -webkit-text-fill-color: #ffffff; }
html.ui-v2 .card.text-white { background: var(--uf-gradient) !important; }

/* —— Remaining Bootstrap helpers —— */
html.ui-v2 .bg-light, html.ui-v2 .table-light > * > * { background-color: var(--ui-surface-muted) !important; color: var(--ui-text); }
html.ui-v2 .text-dark { color: var(--ui-text) !important; }
html.ui-v2 .text-secondary { color: var(--ui-text-muted) !important; }
html.ui-v2 .text-off { color: var(--ui-text-muted); }
html.ui-v2 .btn-success, html.ui-v2 .btn-success:hover { background: #0a7a71 !important; border-color: #0a7a71 !important; color: #ffffff !important; }
html.ui-v2 .btn-outline-success { color: #0a7a71 !important; border-color: #0a7a71 !important; }
html.ui-v2 .btn-warning, html.ui-v2 .btn-warning:hover { background: #96590a !important; border-color: #96590a !important; color: #ffffff !important; }
html.ui-v2 .btn-outline-warning { color: var(--ui-warning) !important; border-color: var(--ui-warning) !important; background: var(--ui-surface) !important; }
html.ui-v2 .btn-danger, html.ui-v2 .btn-danger:hover { background: #da2d23 !important; border-color: #da2d23 !important; color: #ffffff !important; }
html.ui-v2 .btn-outline-danger { color: var(--ui-danger) !important; border-color: var(--ui-danger) !important; background: var(--ui-surface) !important; }
html.ui-v2 .btn-secondary, html.ui-v2 .btn-secondary:hover { background: #566579 !important; border-color: #566579 !important; color: #ffffff !important; }
html.ui-v2 .btn-link { color: var(--ui-primary) !important; }
html.ui-v2 .text-bg-warning { background: var(--uf-warning-soft) !important; color: var(--ui-warning) !important; }
html.ui-v2 .text-bg-info, html.ui-v2 .text-bg-primary, html.ui-v2 .badge-info, html.ui-v2 .badge-primary { background: var(--ui-primary-soft) !important; color: var(--ui-primary) !important; }
html.ui-v2 .text-bg-success, html.ui-v2 .badge-success { background: var(--uf-success-soft) !important; color: var(--ui-success) !important; }
html.ui-v2 .text-bg-danger, html.ui-v2 .badge-danger { background: var(--uf-danger-soft) !important; color: var(--ui-danger) !important; }
html.ui-v2 .text-bg-secondary, html.ui-v2 .badge-secondary { background: var(--uf-neutral-soft) !important; color: var(--ui-text-muted) !important; }
html.ui-v2 .alert-secondary, html.ui-v2 .alert-light { background: var(--uf-neutral-soft) !important; color: var(--ui-text-muted) !important; }
html.ui-v2 .border-primary, html.ui-v2 .border-info { border-color: var(--ui-primary) !important; }
html.ui-v2 .border-success { border-color: var(--uf-teal) !important; }
html.ui-v2 .border-danger { border-color: var(--ui-danger) !important; }
html.ui-v2 .border-warning { border-color: #b86e12 !important; }
html.ui-v2 .table-success > * > * { background-color: var(--uf-success-soft) !important; }
html.ui-v2 .table-danger > * > * { background-color: var(--uf-danger-soft) !important; }
html.ui-v2 .table-warning > * > * { background-color: var(--uf-warning-soft) !important; }
html.ui-v2 .table-primary > * > *, html.ui-v2 .table-info > * > * { background-color: var(--ui-primary-soft) !important; }
html.ui-v2 code { color: var(--ui-primary); }
html.ui-v2 .text-primary, html.ui-v2 .text-info { color: var(--ui-primary) !important; }
html.ui-v2 .text-success { color: var(--ui-success) !important; }
html.ui-v2 .text-warning { color: var(--ui-warning) !important; }
html.ui-v2 .text-danger { color: var(--ui-danger) !important; }
html.ui-v2 #sar-preview-result { background: var(--uf-success-soft); }

/* —— Round 3: found by the second crawl —— */
html.ui-v2 .badge.bg-primary:not(.up), html.ui-v2 .badge.bg-info:not(.up), html.ui-v2 .badge-info, html.ui-v2 .item-rate-badge { background: var(--ui-primary-soft) !important; color: var(--ui-primary) !important; }
html.ui-v2 .badge.bg-success:not(.up) { background: var(--uf-success-soft) !important; color: var(--ui-success) !important; }
html.ui-v2 .badge.bg-warning:not(.up), html.ui-v2 .badge-warning { background: var(--uf-warning-soft) !important; color: var(--ui-warning) !important; }
html.ui-v2 .badge.bg-danger:not(.up) { background: var(--uf-danger-soft) !important; color: var(--ui-danger) !important; }
html.ui-v2 .badge.bg-secondary:not(.up), html.ui-v2 .badge.bg-dark:not(.up) { background: var(--uf-neutral-soft) !important; color: var(--ui-text-muted) !important; }
html.ui-v2 .sidebar-menu .badge.bg-primary, html.ui-v2 .sidebar-menu .badge.bg-info { background: var(--ui-primary) !important; color: #ffffff !important; }
/* Dark enough to stay readable on every tint. */
html.ui-v2 .text-success, html.ui-v2 [style*="#0b7f58" i] { color: #0a7350 !important; }

html.ui-v2 .fc-day-today, html.ui-v2 .fc-today, html.ui-v2 td.fc-state-highlight { background: var(--ui-primary-soft) !important; }
html.ui-v2 .dropdown-menu a, html.ui-v2 .dropdown-item, html.ui-v2 .fc-button { color: var(--ui-text-muted); }

/* Words inside a badge follow the badge, whatever surrounds it. */
html.ui-v2 :is(.badge, #uf-weight) :is(strong, span, small, b) { color: inherit !important; -webkit-text-fill-color: inherit !important; }
html.ui-v2 .re-contrast-card > .card-header.bg-info { background: var(--ui-primary-soft) !important; }
html.ui-v2 .re-contrast-card > .card-header.bg-info, html.ui-v2 .re-contrast-card > .card-header.bg-info * { color: var(--ui-primary) !important; -webkit-text-fill-color: var(--ui-primary) !important; }
/* A header coloured in its own view keeps its white words on the brand gradient. */
html.ui-v2 #page-content .card > .card-header[style*="#0e5886" i] { background: var(--uf-gradient) !important; }
html.ui-v2 #page-content .card > .card-header[style*="#0e5886" i] * { color: #ffffff !important; -webkit-text-fill-color: #ffffff; }
html.ui-v2 body :is(.text-success, #uf-weight).text-success, html.ui-v2 body :is([style*="#0b7f58" i], #uf-weight)[style*="#0b7f58" i] { color: #0a7350 !important; }

/* Card headers inside modals sit outside #page-content: same treatment everywhere. */
html.ui-v2 :is(.card, #uf-weight) > .card-header:is(.bg-primary, .bg-dark, .bg-secondary) { background: var(--uf-gradient) !important; }
html.ui-v2 :is(.card, #uf-weight) > .card-header:is(.bg-primary, .bg-dark, .bg-secondary),
html.ui-v2 :is(.card, #uf-weight) > .card-header:is(.bg-primary, .bg-dark, .bg-secondary) * { color: #ffffff !important; -webkit-text-fill-color: #ffffff; }
html.ui-v2 :is(.card, #uf-weight) > .card-header.bg-info { background: var(--ui-primary-soft) !important; }
html.ui-v2 :is(.card, #uf-weight) > .card-header.bg-info,
html.ui-v2 :is(.card, #uf-weight) > .card-header.bg-info * { color: var(--ui-primary) !important; -webkit-text-fill-color: var(--ui-primary) !important; }
/* The selected row of a compact list. */
html.ui-v2 .dataTable tbody tr.active td, html.ui-v2 .dataTable tbody tr.active td * { color: var(--ui-text) !important; }
html.ui-v2 .dataTable tbody tr.active td a { color: var(--ui-primary) !important; }

/* —— Round 5: found by eye, not by colour measurement —— */
/* A surrounding white-words rule also sets the text fill, which beats colour: badges reset it. */
html.ui-v2 :is(.badge, #uf-weight), html.ui-v2 :is(.badge, #uf-weight) * { -webkit-text-fill-color: currentcolor !important; }
/* Plain selects that no plugin picked up look like the rest of the fields. */
html.ui-v2 select:not([multiple]):not(.form-select):not(.select2-offscreen):not(.select2-hidden-accessible):not(.note-editor *) {
  min-height: 38px; padding: 6px 12px; border: 1px solid var(--ui-border-strong) !important; border-radius: 10px !important;
  background-color: var(--ui-surface); color: var(--ui-text); font-size: 13px;
}
html.ui-v2 select:focus { outline: 2px solid var(--ui-primary-soft); border-color: var(--ui-primary) !important; }
html.ui-v2 { accent-color: var(--ui-primary); }
/* Page titles sharing a row with tabs. */
html.ui-v2 .title-tab h4 { padding-inline: 18px !important; font-weight: 700; color: var(--ui-text); }
/* Search, Excel and Print on one line. */
html.ui-v2 .filter-section-right { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
html.ui-v2 .filter-section-right > * { float: none !important; margin-block: 0 !important; }
html.ui-v2 .filter-section-right .dataTables_filter { order: 9; }
/* Date range chips. */
html.ui-v2 .btn-group > .btn { font-size: 12px; }
html.ui-v2 .btn-default.active, html.ui-v2 .btn-group > .btn.active { background: var(--ui-primary-soft) !important; color: var(--ui-primary) !important; border-color: var(--ui-primary) !important; }
/* Set by ufuq-theme.js only when a table does not fit: tighter first, then a scrollbar instead of a cut column. */
html.ui-v2 table.dataTable.uf-tight th, html.ui-v2 table.dataTable.uf-tight td { padding-inline: 6px !important; }
html.ui-v2 table.dataTable.uf-tight td.ui-col-compact { white-space: normal !important; }
html.ui-v2 table.dataTable.uf-tight :is(th, td).ui-col-fluid { min-width: 90px; }
html.ui-v2 .uf-scroll { overflow-x: auto !important; }

html.ui-v2 #page-content .re-contrast-card > .card-header.bg-info { background: var(--ui-primary-soft) !important; }
html.ui-v2 #page-content .re-contrast-card > .card-header.bg-info, html.ui-v2 #page-content .re-contrast-card > .card-header.bg-info * { color: var(--ui-primary) !important; -webkit-text-fill-color: var(--ui-primary) !important; }
html.ui-v2 .app-loader .loading { border-top-color: var(--ui-primary) !important; border-bottom-color: var(--ui-primary) !important; border-inline-color: var(--ui-primary) !important; border-right-color: transparent !important; }
/* On a phone every table may scroll inside its own box. */
@media (max-width: 768px) { html.ui-v2 :has(> table):not(.fc *, .note-editor *, .datepicker *, .daterangepicker *) { overflow-x: auto; } }

html.ui-v2 #page-content .re-contrast-card > .card-header.bg-info * { background: transparent !important; }
html.ui-v2 .loading:not(.bg-primary) { border-top-color: var(--ui-surface) !important; border-bottom-color: var(--ui-primary) !important; border-inline-color: var(--ui-primary) !important; }

/* Contract totals: a small summary table, not a list, so it must not take list-column sizes. */
html.ui-v2 #contract-total-section table { width: auto !important; display: table !important; }
html.ui-v2 #contract-total-section :is(td, th) { min-width: 0 !important; width: auto !important; padding-inline: 10px !important; }

/* One frame per field: the select2 wrapper and the control inside it each drew a border. */
html.ui-v2 .select2-container { border: 0 !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; height: auto !important; }
html.ui-v2 .select2-container .select2-choice { min-height: 38px !important; height: 38px !important; }
html.ui-v2 .select2-container .select2-choices { min-height: 38px !important; }
html.ui-v2 .select2-container.custom-select .select2-arrow { top: 5px !important; }

html.ui-v2 .filter-section-right .dataTables_filter, html.ui-v2 .filter-section-right .dataTables_filter label, html.ui-v2 .filter-section-right .datatable-export { margin: 0 !important; }

/* —— Links —— */
html.ui-v2 #page-content a:not(.btn):not(.dropdown-item):not(.page-link):not(.nav-link) { color: var(--ui-primary); }

/* Platform logo in the sidebar head: drawn on the brand's own dark ground, not as a dark tile inside the teal bar.
   The stored site logo still serves the sign-in page and any place outside the sidebar. */
html.ui-v2 .sidebar .sidebar-brand.brand-logo { background: #070515 url(../img/opt-real-sidebar.png) no-repeat center / auto 30px !important; }
html.ui-v2 .sidebar .sidebar-brand.brand-logo img.dashboard-image { visibility: hidden; }

/* Row actions: delete looks like its neighbours (white, outlined) and shows its meaning by a red icon, not a filled block. */
html.ui-v2 :is(td.option, td.ui-col-actions) .btn-danger { background: #ffffff !important; border-color: #cdd5e3 !important; color: #da2d23 !important; }
html.ui-v2 :is(td.option, td.ui-col-actions) .btn-danger:hover { background: #fdecea !important; border-color: #da2d23 !important; color: #b3241c !important; }
html.ui-v2 :is(td.option, td.ui-col-actions) .btn-danger :is(svg, i, .icon) { color: inherit !important; stroke: currentColor !important; }

/* ---- Alignment pass (2026-11-09) ---- */
/* A cell marked left-to-right (amounts, codes, phones) keeps its character order but sits where the rest of its column sits,
   so a 0.00 no longer jumps to the far edge of a right-aligned column. */
html.ui-v2[dir=rtl] td.ui-ltr { text-align: right !important; }
html.ui-v2[dir=rtl] td.ui-ltr:is(.text-end, .text-right) { text-align: left !important; }
html.ui-v2[dir=rtl] td.ui-ltr.text-center { text-align: center !important; }
/* A short number column takes only the width it needs. */
html.ui-v2 :is(th, td).uf-col-fit { width: 1%; white-space: nowrap; padding-inline: 16px !important; }
/* Header of the row-actions column: a word instead of a bare ≡ icon (set by ufuq-theme.js). */
html.ui-v2 th.uf-actions-head { font-weight: inherit; }
/* Row actions: every coloured button looks like its neighbours (white, outlined, same size); its colour moves to the icon. */
html.ui-v2 :is(td.option, td.ui-col-actions, td.uf-actions) :is(.btn-info, .btn-primary, .btn-success, .btn-warning, .btn-outline-success, .btn-outline-primary, .btn-outline-info) { background: #ffffff !important; border-color: #cdd5e3 !important; }
html.ui-v2 :is(td.option, td.ui-col-actions, td.uf-actions) :is(.btn-info, .btn-outline-info) { color: #0e7fb0 !important; }
html.ui-v2 :is(td.option, td.ui-col-actions) :is(.btn-primary, .btn-outline-primary) { color: #0e5886 !important; }
html.ui-v2 :is(td.option, td.ui-col-actions) :is(.btn-success, .btn-outline-success) { color: #0b7f58 !important; }
html.ui-v2 :is(td.option, td.ui-col-actions) .btn-warning { color: #b86e12 !important; }
html.ui-v2 :is(td.option, td.ui-col-actions, td.uf-actions) :is(.btn-info, .btn-primary, .btn-success, .btn-warning, .btn-outline-success, .btn-outline-primary, .btn-outline-info):hover { background: #eef1f9 !important; border-color: currentColor !important; }
html.ui-v2 :is(td.option, td.ui-col-actions, td.uf-actions) .btn :is(svg, i, .icon) { color: inherit !important; stroke: currentColor !important; }
/* A tightened table may wrap its compact text columns, never its row buttons: they stay on one line. */
html.ui-v2 table.dataTable.uf-tight :is(td.option, td.ui-col-actions) { white-space: nowrap !important; }
/* Page header: buttons keep the same distance from the card edge as the title (17px), and share one height. */
html.ui-v2 .page-title .title-button-group { margin-inline-end: 11px !important; }
html.ui-v2 .page-title .title-button-group .btn { height: 36px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding-block: 0 !important; vertical-align: middle; }
/* Table toolbar: column button, Excel, Print, search and filters all 38px high, centred on one line. */
html.ui-v2 .dataTables_wrapper .btn:not(table .btn):not(.dropdown-menu .btn) { height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding-block: 0 !important; font-size: 13px; vertical-align: middle; }
/* Money columns (marked by ufuq-theme.js): head and every cell sit at the column end, digits line up. */
html.ui-v2[dir=rtl] table :is(th, td).uf-money { text-align: left !important; }
html.ui-v2[dir=ltr] table :is(th, td).uf-money { text-align: right !important; }
html.ui-v2 table td.uf-money { font-variant-numeric: tabular-nums; white-space: nowrap; }
/* An empty data cell shows a quiet dash, like the cells that already do. */
html.ui-v2 table.dataTable tbody td:empty:not(.dataTables_empty):not(.dtr-control)::after { content: "—"; color: #9aa6b8; }
/* Row actions start from the same edge in every row, so «view» sits in one place whether a row has one button or three. */
html.ui-v2 :is(table.dataTable, table.display, table.table) :is(th, td):is(.option, .ui-col-actions, .uf-actions) { text-align: start !important; white-space: nowrap; }
/* One inset inside a list card (22px from the card edge): title, header buttons, toolbar, first and last table cells, footer. */
html.ui-v2 .card > .page-title { padding-inline: 5px !important; }
html.ui-v2 .dataTables_wrapper .dataTables_filter input { margin-inline: 0 !important; }
html.ui-v2 :is(table.dataTable, table.display) tr > :is(th, td):first-child { padding-inline-start: 19px !important; }
html.ui-v2 :is(table.dataTable, table.display) tr > :is(th, td):last-child { padding-inline-end: 19px !important; }
/* Row action buttons: square 30px, one corner radius, 6px apart; a button with a word keeps its own width. */
html.ui-v2 :is(table.dataTable, table.display, table.table) :is(td.option, td.ui-col-actions, td.uf-actions) :is(a.btn, button.btn) { box-sizing: border-box; min-width: 30px; height: 30px; padding: 0 4px !important; margin: 0 3px !important; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px !important; vertical-align: middle; }
html.ui-v2 :is(table.dataTable, table.display, table.table) :is(td.option, td.ui-col-actions, td.uf-actions) :is(a.btn, button.btn):first-child { margin-inline-start: 0 !important; }
html.ui-v2 :is(table.dataTable, table.display, table.table) :is(td.option, td.ui-col-actions, td.uf-actions) :is(a.btn, button.btn):last-child { margin-inline-end: 0 !important; }
html.ui-v2 :is(table.dataTable, table.display, table.table) :is(td.option, td.ui-col-actions, td.uf-actions) :is(a.btn, button.btn):has(> :is(svg, i):only-child) { width: 30px; padding: 0 !important; }
/* Every cell in a list row sits on the row's middle line; a wrapping text column no longer rides 5px high. */
html.ui-v2 :is(table.dataTable, table.display) tbody td:is(.ui-col-dense, td) { vertical-align: middle !important; }
/* Row actions as bare icons (no frame): the 30px square stays as the click area; hover shows a soft tint in the button's colour. */
html.ui-v2 :is(table.dataTable, table.display, table.table) :is(td.option, td.ui-col-actions, td.uf-actions) :is(a.btn, button.btn) { background: transparent !important; border-color: transparent !important; box-shadow: none !important; }
html.ui-v2 :is(table.dataTable, table.display, table.table) :is(td.option, td.ui-col-actions, td.uf-actions) :is(a.btn, button.btn):not(.btn-danger):not(.btn-info):not(.btn-primary):not(.btn-success):not(.btn-warning):not([class*="btn-outline-"]) { color: #566579 !important; }
html.ui-v2 :is(table.dataTable, table.display, table.table) :is(td.option, td.ui-col-actions, td.uf-actions) :is(a.btn, button.btn):is(:hover, :focus-visible) { background: #eef1f9 !important; border-color: transparent !important; }
html.ui-v2 :is(table.dataTable, table.display, table.table) :is(td.option, td.ui-col-actions, td.uf-actions) .btn-danger:is(:hover, :focus-visible) { background: #feeceb !important; }
html.ui-v2 :is(table.dataTable, table.display, table.table) :is(td.option, td.ui-col-actions, td.uf-actions) :is(a.btn, button.btn):not(.btn-danger):is(:hover, :focus-visible) { color: #0e5886 !important; }
html.ui-v2 :is(table.dataTable, table.display, table.table) tbody td > .badge { vertical-align: middle; margin-block: 0 !important; }
/* Card headers use the same 22px inset as list cards. */
html.ui-v2 .card > .card-header { padding-inline: 21px !important; }
/* Native dropdowns match the 38px text fields they sit beside. */
html.ui-v2 :is(.form-select, .form-select-sm):not([multiple]) { min-height: 38px; }
/* A cell with nothing to show (marked by ufuq-theme.js) shows the same quiet dash as the others. */
html.ui-v2 table tbody td.uf-blank::after { content: "—"; color: #9aa6b8; }
/* A button with an icon and a word never breaks into two lines inside a cell. */
html.ui-v2 table td .btn { white-space: nowrap; }
html.ui-v2 table td .btn:has(> svg + *, > svg:not(:only-child)) { display: inline-flex; align-items: center; gap: 4px; }
/* Icon sizes the views use but the base stylesheet never defined (they rendered at 24px). */
html.ui-v2 svg.icon-12 { width: 12px; height: 12px; }
html.ui-v2 svg.icon-20 { width: 20px; height: 20px; }
/* A tab's own button row (e.g. «إضافة مصروف») keeps the 22px inset instead of 5px. */
html.ui-v2 .card .tab-content > .tab-pane > .clearfix:has(> :is(.pull-right, .pull-left, .float-end, .float-start)) { padding-inline: 18px; }
/* A button in a filter row stands as tall as the fields beside it. */
html.ui-v2 .row:has(> [class*="col"] > :is(.form-select, .form-control, select)) > [class*="col"] > .btn { height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding-block: 0 !important; }
/* Date range filter: read in order — label (opens the presets) → from → «–» → to, in every list. */
html.ui-v2 .input-daterange.input-group { display: inline-flex !important; flex-direction: row !important; flex-wrap: nowrap; align-items: center; gap: 6px; width: auto; }
html.ui-v2 .input-daterange.input-group > .input-group-addon { order: 0; border: 1px solid #cdd5e3 !important; border-radius: 8px !important; height: 38px; display: inline-flex; align-items: center; padding: 0 12px !important; background: #f9fafe !important; color: #2c3b50 !important; font-weight: 600; white-space: nowrap; }
html.ui-v2 .input-daterange.input-group > .input-group-addon .dropdown-toggle::after { content: "▾"; border: 0; margin-inline-start: 6px; vertical-align: 0; font-size: 11px; color: #68778b; }
html.ui-v2 .input-daterange.input-group > button[name] { order: 1; flex: 0 0 auto; width: auto !important; height: 38px; border-radius: 8px !important; padding: 0 12px !important; white-space: nowrap; font-variant-numeric: tabular-nums; }
html.ui-v2 .input-daterange.input-group > button[name] ~ button[name] { order: 3; }
html.ui-v2 .input-daterange.input-group > button[name] ~ button[name]::before { content: "–"; position: absolute; inset-inline-end: calc(100% + 1px); color: #68778b; }
html.ui-v2 .input-daterange.input-group > button[name] ~ button[name] { position: relative; margin-inline-start: 10px !important; }
/* Select2 (v3) shows its chosen text left-aligned even in the Arabic layout; it now starts from the right like every field. */
html.ui-v2[dir=rtl] .select2-container .select2-choice > .select2-chosen { text-align: right !important; }
html.ui-v2[dir=rtl] .select2-container .select2-choice { text-align: right; }
/* A button beside a 38px field in a flex row stands as tall as the field. */
html.ui-v2 .d-flex:has(> .form-control, > input.form-control) > .btn { height: 38px; display: inline-flex; align-items: center; justify-content: center; padding-block: 0 !important; }
/* Phone: the search box lines up with the filters above it (it sat 10px off to one side). */
@media (max-width: 767px) {
  html.ui-v2 .filter-section-right .filter-item-box:has(.dataTables_filter) { padding-inline: 0 !important; width: calc(100% - 10px) !important; margin-inline: 5px !important; }
  html.ui-v2 .filter-section-right .filter-item-box .dataTables_filter, html.ui-v2 .filter-section-right .filter-item-box .dataTables_filter label, html.ui-v2 .filter-section-right .filter-item-box .dataTables_filter input { width: 100% !important; }
}
/* Sidebar scrollbar: it was a 6px #cdd5e3 bar on white, so the menu did not look scrollable. Now 8px on a faint track, darker on hover. */
html.ui-v2 .sidebar .sidebar-scroll { scrollbar-width: thin; scrollbar-color: #9aa6b8 #f4f5fc; }
html.ui-v2 .sidebar .sidebar-scroll::-webkit-scrollbar { width: 8px; }
html.ui-v2 .sidebar .sidebar-scroll::-webkit-scrollbar-track { background: #f4f5fc; }
html.ui-v2 .sidebar .sidebar-scroll::-webkit-scrollbar-thumb { background: #9aa6b8 !important; border-radius: 8px; border: 2px solid #f4f5fc; }
html.ui-v2 .sidebar .sidebar-scroll::-webkit-scrollbar-thumb:hover { background: #68778b !important; }
/* Some forms carry their own header inside the shared window, so the title and the close button showed twice.
   When the window's own title is filled, the inner header is hidden. */
html.ui-v2 #ajaxModal .modal-content:has(#ajaxModalTitle:not(:empty)) #ajaxModalContent > .modal-header { display: none !important; }