/* CTS Midnight Professional v1.0.2 - custom.css (assets/css/custom.css)
   Generado desde CTS_Perfex_Dark_Professional.css + CTS_Perfex_Customers_Dark.css.
   Perfex lo carga solo (admin y portal). Para revertir: borrar este archivo. */

/* ===== ADMIN (body.admin) ===== */
body.admin,
body.login_admin {
  --cts-sidebar:        #0B1220;
  --cts-bg:             #0F172A;
  --cts-header:         #111B2E;
  --cts-sunken:         #162033;
  --cts-surface:        #1E293B;
  --cts-surface-2:      #223049;
  --cts-elevated:       #263449;
  --cts-elevated-2:     #2E3D55;
  --cts-hover:          #24324A;
  --cts-border-soft:    #2A3850;
  --cts-border:         #334155;
  --cts-border-strong:  #475569;
  --cts-border-input:   #64748B;
  --cts-text:           #F1F5F9;
  --cts-text-2:         #CBD5E1;
  --cts-text-table:     #E2E8F0;
  --cts-muted:          #94A3B8;
  --cts-disabled:       #7C8BA1;
  --cts-placeholder:    #7C8BA1;
  --cts-accent:         #6385FF;
  --cts-accent-strong:  #4466E8;
  --cts-accent-press:   #3D5FE0;
  --cts-accent-soft:    rgba(99, 133, 255, .14);
  --cts-accent-soft-2:  rgba(99, 133, 255, .24);
  --cts-link:           #8FA8FF;
  --cts-link-hover:     #B4C4FF;
  --cts-success:        #4ADE80;  --cts-success-text: #86EFAC;
  --cts-success-bg:     rgba(74, 222, 128, .12);
  --cts-success-bd:     rgba(74, 222, 128, .35);
  --cts-success-solid:  #15803D;  --cts-success-solid-h: #166534;
  --cts-warning:        #FBBF24;  --cts-warning-text: #FCD34D;
  --cts-warning-bg:     rgba(251, 191, 36, .12);
  --cts-warning-bd:     rgba(251, 191, 36, .38);
  --cts-warning-solid:  #FBBF24;  --cts-warning-solid-h: #F59E0B;
  --cts-on-warning:     #1A1300;
  --cts-danger:         #FB7185;  --cts-danger-text: #FDA4AF;
  --cts-danger-bg:      rgba(251, 113, 133, .12);
  --cts-danger-bd:      rgba(251, 113, 133, .38);
  --cts-danger-solid:   #DC2626;  --cts-danger-solid-h: #B91C1C;
  --cts-info:           #38BDF8;  --cts-info-text: #7DD3FC;
  --cts-info-bg:        rgba(56, 189, 248, .12);
  --cts-info-bd:        rgba(56, 189, 248, .35);
  --cts-info-solid:     #0369A1;  --cts-info-solid-h: #075985;
  --cts-ai:             #A78BFA;  --cts-ai-bg: rgba(167, 139, 250, .14);
  --cts-radius-sm:      6px;
  --cts-radius:         8px;
  --cts-radius-lg:      12px;
  --cts-shadow-1:       0 1px 2px rgba(0, 0, 0, .30);
  --cts-shadow-2:       0 4px 12px rgba(0, 0, 0, .35), 0 1px 2px rgba(0, 0, 0, .25);
  --cts-shadow-3:       0 16px 40px rgba(0, 0, 0, .50), 0 2px 6px rgba(0, 0, 0, .30);
  --cts-ring:           0 0 0 3px rgba(99, 133, 255, .40);
  --cts-ring-danger:    0 0 0 3px rgba(251, 113, 133, .35);
  --cts-ease:           cubic-bezier(.2, .6, .2, 1);
  --cts-t:              .14s;
  color-scheme: dark;
}
body.admin,
body.admin #wrapper,
body.admin #wrapper .content {
  background: var(--cts-bg);
  color: var(--cts-text-2);
}
body.admin h1, body.admin h2, body.admin h3,
body.admin h4, body.admin h5, body.admin h6,
body.admin .h1, body.admin .h2, body.admin .h3,
body.admin .h4, body.admin .h5, body.admin .h6 {
  color: var(--cts-text);
}
body.admin h1 small, body.admin h2 small, body.admin h3 small,
body.admin h4 small, body.admin h5 small, body.admin .small, body.admin small {
  color: var(--cts-muted);
}
body.admin strong, body.admin b { color: inherit; }
body.admin hr { border-top-color: var(--cts-border); }
body.admin p { color: inherit; }
body.admin code {
  background: rgba(251, 113, 133, .10);
  color: var(--cts-danger-text);
  border-radius: 4px;
}
body.admin pre {
  background: var(--cts-sunken);
  color: var(--cts-text-table);
  border: 1px solid var(--cts-border);
}
body.admin blockquote { border-left-color: var(--cts-border-strong); color: var(--cts-text-2); }
body.admin kbd { background: var(--cts-elevated); color: var(--cts-text); box-shadow: inset 0 -1px 0 var(--cts-border-strong); }
body.admin mark, body.admin .mark { background: rgba(251, 191, 36, .28); color: var(--cts-text); }
body.admin a {
  color: var(--cts-link);
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}
body.admin a:hover,
body.admin a:focus {
  color: var(--cts-link-hover);
}
body.admin .panel-body p a:not(.btn):not(.label),
body.admin .tc-content a:not(.btn),
body.admin .kb-article a:not(.btn),
body.admin .task-description a,
body.admin .comment-content a,
body.admin .ticket-message a:not(.btn),
body.admin .note a {
  text-decoration: underline;
  text-decoration-color: rgba(143, 168, 255, .45);
}
body.admin ::selection { background: rgba(99, 133, 255, .40); color: #fff; }
body.admin { scrollbar-color: #3A4A63 var(--cts-bg); }
body.admin * { scrollbar-color: #3A4A63 transparent; }
body.admin ::-webkit-scrollbar { width: 10px; height: 10px; }
body.admin ::-webkit-scrollbar-track { background: transparent; }
body.admin ::-webkit-scrollbar-thumb {
  background: #3A4A63;
  border-radius: 10px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
body.admin ::-webkit-scrollbar-thumb:hover { background: #4B5D79; background-clip: padding-box; }
body.admin ::-webkit-scrollbar-corner { background: transparent; }
body.admin .text-muted   { color: var(--cts-muted); }
body.admin .text-primary { color: var(--cts-link); }
body.admin .text-success { color: var(--cts-success); }
body.admin .text-info    { color: var(--cts-info); }
body.admin .text-warning { color: var(--cts-warning); }
body.admin .text-danger  { color: var(--cts-danger); }
body.admin .text-dark,
body.admin .bold.text-dark { color: var(--cts-text); }
body.admin a.text-muted:hover, body.admin a.text-muted:focus { color: var(--cts-text-2); }
body.admin a.text-success:hover, body.admin a.text-success:focus { color: var(--cts-success-text); }
body.admin a.text-danger:hover, body.admin a.text-danger:focus { color: var(--cts-danger-text); }
body.admin a.text-warning:hover, body.admin a.text-warning:focus { color: var(--cts-warning-text); }
body.admin a.text-info:hover, body.admin a.text-info:focus { color: var(--cts-info-text); }
body.admin .bg-neutral { background-color: var(--cts-surface-2); color: var(--cts-text-2); }
body.admin .bg-primary { background-color: var(--cts-accent-strong); color: #fff; }
body.admin .bg-success { background-color: var(--cts-success-solid); color: #fff; }
body.admin .bg-info    { background-color: var(--cts-info-solid); color: #fff; }
body.admin .bg-warning { background-color: var(--cts-warning-solid); color: var(--cts-on-warning); }
body.admin .bg-danger  { background-color: var(--cts-danger-solid); color: #fff; }
body.admin .bgwhite,
body.admin .bg-white { background: var(--cts-surface); border-color: var(--cts-border); }
body.admin .border-right { border-right-color: var(--cts-border); }
body.admin .highlight-bg { background: var(--cts-accent-soft); border-color: var(--cts-accent-soft-2); }
body.admin #header {
  background: var(--cts-header);
  border-bottom: 1px solid var(--cts-border);
  box-shadow: 0 1px 0 rgba(0, 0, 0, .35);
}
body.admin #header button.hide-menu {
  color: var(--cts-text-2);
}
body.admin #header button.hide-menu:hover,
body.admin #header button.hide-menu:focus-visible {
  background: rgba(148, 163, 184, .14);
  color: var(--cts-text);
}
body.admin #logo .logo-text { color: var(--cts-text); }
body.admin #header .navbar-nav > li > a,
body.admin #header .navbar-nav > li > a > span > i,
body.admin #header .navbar-nav > li > a i {
  color: var(--cts-text-2);
}
body.admin #header .navbar-nav > li > a:hover,
body.admin #header .navbar-nav > li > a:focus,
body.admin #header .navbar-nav > li.open > a,
body.admin #header .navbar-nav > li > a:hover i,
body.admin #header .navbar-nav > li.open > a i {
  color: var(--cts-text);
  background: transparent;
}
body.admin #header li > a.active { background: var(--cts-accent-soft); }
body.admin #header .tw-bg-primary-600 { background-color: var(--cts-accent-strong); }
body.admin #header .group:hover .group-hover\:\!tw-bg-primary-700 { background-color: var(--cts-accent-press) !important; }
body.admin .navbar-nav > li a > .icon-total-indicator,
body.admin ul.mobile-icon-menu .icon-total-indicator {
  color: #fff;
  box-shadow: 0 0 0 2px var(--cts-header);
}
body.admin #search_input {
  background: var(--cts-sunken) !important;
  border: 1px solid var(--cts-border) !important;
  color: var(--cts-text);
  transition: border-color var(--cts-t) var(--cts-ease), box-shadow var(--cts-t) var(--cts-ease);
}
body.admin #search_input::placeholder { color: var(--cts-placeholder) !important; }
body.admin #search_input:hover { border-color: var(--cts-border-strong) !important; }
body.admin #search_input:focus {
  border-color: var(--cts-accent) !important;
  box-shadow: var(--cts-ring) !important;
}
body.admin #top_search_button button { color: var(--cts-muted); }
body.admin #top_search:focus-within #top_search_button button { color: var(--cts-text-2); }
body.admin #search_results,
body.admin #search_results .search-results,
body.admin ul.search-results {
  background: var(--cts-elevated);
  color: var(--cts-text-2);
  border-color: var(--cts-border);
}
body.admin #search_results .dropdown-header,
body.admin #search_results .search-history .dropdown-header { color: var(--cts-muted); }
body.admin .notification-wrapper,
body.admin .notifications-wrapper { color: var(--cts-text-2); }
body.admin .notification-wrapper .unread-notification {
  background: var(--cts-accent-soft);
  color: var(--cts-text);
}
body.admin .notification-wrapper .unread-notification .notification-date { color: var(--cts-link); }
body.admin .notification-wrapper .unread-notification:hover { background: var(--cts-accent-soft-2); color: var(--cts-text); }
body.admin .notification-wrapper .notification-box,
body.admin .notification-wrapper li { border-color: var(--cts-border-soft); }
body.admin .top-timers.text-success { color: var(--cts-success) !important; }
body.admin .timer a._timer:hover,
body.admin .timer a._timer:focus { color: var(--cts-link-hover) !important; }
body.admin .mobile-navbar { background-color: var(--cts-header); }
body.admin .mobile-navbar .navbar-nav { border-bottom-color: var(--cts-border); }
body.admin .mobile-navbar .navbar-nav > li > a {
  color: var(--cts-text-2) !important;
  border-bottom-color: var(--cts-border-soft);
}
body.admin ul.mobile-icon-menu > li > a,
body.admin .mobile-menu-toggle,
body.admin .open-customizer-mobile { color: var(--cts-text-2); }
body.admin .sidebar,
body.admin aside#menu {
  background: var(--cts-sidebar);
  border-right: 1px solid #1A2438;
}
body.admin .sidebar-user-profile > a.profile {
  background: rgba(148, 163, 184, .06);
  border-color: rgba(148, 163, 184, .16);
  color: var(--cts-text);
  box-shadow: none;
}
body.admin .sidebar-user-profile > a.profile:hover,
body.admin .sidebar-user-profile > a.profile:focus,
body.admin .sidebar-user-profile.open > a.profile {
  background: rgba(148, 163, 184, .10);
  border-color: rgba(148, 163, 184, .30);
  color: #fff;
}
body.admin .sidebar-user-profile > a.profile .tw-text-neutral-500,
body.admin .sidebar-user-profile > a.profile .tw-text-neutral-300 { color: var(--cts-muted); }
body.admin #side-menu li a,
body.admin #side-menu li a i.menu-icon,
body.admin .sidebar ul.nav li a {
  color: #AEBBD0;
}
body.admin #side-menu > li > a {
  border: 1px solid transparent;
  border-radius: var(--cts-radius);
  transition: background-color var(--cts-t) var(--cts-ease), color var(--cts-t) var(--cts-ease);
}
body.admin #side-menu > li > a .menu-icon { color: #7E8DA6; }
body.admin .sidebar > ul.nav > li:hover a:first-child,
body.admin #side-menu.nav > li > a:hover,
body.admin #side-menu.nav > li > a:focus {
  background: rgba(148, 163, 184, .08);
  border-color: transparent;
  box-shadow: none;
  color: var(--cts-text);
}
body.admin #side-menu li:hover > a:first-child i.menu-icon { color: var(--cts-text-2); }
body.admin .sidebar > ul.nav > li.active a:first-child,
body.admin #side-menu li.active > a,
body.admin #side-menu li.active > a:first-child {
  background: var(--cts-accent-soft);
  border-color: rgba(99, 133, 255, .22);
  box-shadow: inset 3px 0 0 var(--cts-accent);
  color: #fff;
}
body.admin #side-menu li.active > a i.menu-icon,
body.admin #side-menu li.active a i.menu-icon { color: var(--cts-link); }
[dir="rtl"] body.admin #side-menu li.active > a { box-shadow: inset -3px 0 0 var(--cts-accent); }
body.admin #side-menu li .nav-second-level,
body.admin #setup-menu li .nav-second-level { background: transparent; }
body.admin .sidebar ul.nav li .nav-second-level li a,
body.admin #side-menu li .nav-second-level li a { color: #9DAAC0; }
body.admin .sidebar ul.nav > li .nav-second-level > li:not(.active) > a:hover,
body.admin .sidebar ul.nav > li .nav-second-level > li:not(.active) > a:focus {
  background: rgba(148, 163, 184, .07);
  color: var(--cts-text);
}
body.admin .sidebar ul.nav li .nav-second-level li.active a,
body.admin #side-menu li .nav-second-level li.active > a {
  color: #fff;
  background: transparent;
  box-shadow: none;
  font-weight: 600;
}
body.admin .sidebar ul.nav li .nav-second-level li.active a::before { background: var(--cts-accent); }
body.admin #side-menu .arrow { color: #64748B; }
body.admin #side-menu .badge,
body.admin #side-menu .menu-badge {
  background: var(--cts-elevated);
  color: var(--cts-text);
}
body.admin #menu #side-menu > li:hover > a,
body.admin #menu #side-menu > li:hover > a i.menu-icon,
body.admin #setup-menu-wrapper #setup-menu > li:hover > a,
body.admin #setup-menu-wrapper #setup-menu > li:hover > a i.menu-icon {
  color: var(--cts-text);
}
body.admin #menu #side-menu li .nav-second-level li a,
body.admin #menu #side-menu li:hover .nav-second-level li a,
body.admin #menu #side-menu li:hover .nav-second-level li a i.menu-icon,
body.admin #setup-menu-wrapper #setup-menu li:hover .nav-second-level li a {
  color: #9DAAC0;
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
body.admin #menu #side-menu li .nav-second-level li a:hover,
body.admin #menu #side-menu li .nav-second-level li a:focus,
body.admin #menu #side-menu li .nav-second-level li a:hover i.menu-icon,
body.admin #setup-menu-wrapper #setup-menu li .nav-second-level li a:hover {
  color: var(--cts-text);
  background: rgba(148, 163, 184, .07);
}
body.admin #menu #side-menu li .nav-second-level li.active > a,
body.admin #menu #side-menu li:hover .nav-second-level li.active > a,
body.admin #setup-menu-wrapper #setup-menu li .nav-second-level li.active > a {
  color: #fff;
  background: transparent;
  font-weight: 600;
}
body.admin #menu #side-menu > li.active > a,
body.admin #menu #side-menu > li.active:hover > a {
  background: var(--cts-accent-soft);
  color: #fff;
}
body.admin #setup-menu-wrapper,
body.admin #setup-menu-wrapper .customizer-heading,
body.admin #setup-menu {
  background: var(--cts-sidebar);
  color: var(--cts-text-2);
}
body.admin #setup-menu-wrapper { border-left: 1px solid var(--cts-border); box-shadow: var(--cts-shadow-3); }
body.admin #setup-menu > li:first-child { border-bottom-color: var(--cts-border); color: var(--cts-text); }
body.admin #setup-menu li a { color: #AEBBD0; }
body.admin #setup-menu > li > a:hover,
body.admin #setup-menu > li > a:focus { background: rgba(148, 163, 184, .08); color: var(--cts-text); }
body.admin #setup-menu li.active > a { background: var(--cts-accent-soft); color: #fff; box-shadow: inset 3px 0 0 var(--cts-accent); }
body.admin #setup-menu-wrapper .close-customizer { color: var(--cts-muted); }
body.admin #toplink, body.admin #botlink {
  color: var(--cts-text-2);
  background: var(--cts-elevated);
  border-color: var(--cts-border);
}
body.admin #toplink:hover, body.admin #botlink:hover { color: var(--cts-text); background: var(--cts-elevated-2); }
body.admin .panel,
body.admin .panel_s {
  background: var(--cts-surface);
  border-color: var(--cts-border);
  box-shadow: var(--cts-shadow-1);
  color: var(--cts-text-2);
}
body.admin .panel-body { background: var(--cts-surface); color: inherit; }
body.admin .panel-heading,
body.admin .panel_s > .panel-heading {
  background: var(--cts-surface-2);
  border-bottom: 1px solid var(--cts-border);
  color: var(--cts-text);
}
body.admin .panel-footer {
  background: var(--cts-surface-2);
  border-top-color: var(--cts-border);
  color: var(--cts-text-2);
}
body.admin .panel-title { color: var(--cts-text); }
body.admin .panel .hr-panel-separator,
body.admin .hr-panel-heading,
body.admin .panel-body > hr { border-color: var(--cts-border); }
body.admin .panel-default { border-color: var(--cts-border); }
body.admin .panel-default > .panel-heading { background: var(--cts-surface-2); color: var(--cts-text); }
body.admin .panel-primary > .panel-heading { background: var(--cts-accent-soft); color: var(--cts-link-hover); }
body.admin .panel-success > .panel-heading { background: var(--cts-success-bg); color: var(--cts-success-text); }
body.admin .panel-info    > .panel-heading { background: var(--cts-info-bg);    color: var(--cts-info-text); }
body.admin .panel-warning > .panel-heading { background: var(--cts-warning-bg); color: var(--cts-warning-text); }
body.admin .panel-danger  > .panel-heading { background: var(--cts-danger-bg);  color: var(--cts-danger-text); }
body.admin .panel-group .panel-heading + .panel-collapse > .panel-body { border-top-color: var(--cts-border); }
body.admin .horizontal-scrollable-tabs .horizontal-tabs .nav-tabs-horizontal,
body.admin .panel-full-width-tabs .nav,
body.admin .panel-full-width-tabs.horizontal-scrollable-tabs .scroller {
  background: var(--cts-surface-2);
}
body.admin .panel-full-width-tabs .nav li a .badge { background: var(--cts-elevated); color: var(--cts-text); }
body.admin .panel-table-full .dataTables_wrapper .table-responsive { border-color: var(--cts-border); }
body.admin .well {
  background: var(--cts-sunken);
  border-color: var(--cts-border);
  color: var(--cts-text-2);
  box-shadow: none;
}
body.admin .list-group-item {
  background: var(--cts-surface);
  border-color: var(--cts-border);
  color: var(--cts-text-2);
}
body.admin a.list-group-item:hover,
body.admin a.list-group-item:focus,
body.admin button.list-group-item:hover { background: var(--cts-hover); color: var(--cts-text); }
body.admin .list-group-item.active,
body.admin .list-group-item.active:hover,
body.admin .list-group-item.active:focus {
  background: var(--cts-accent-soft-2);
  border-color: rgba(99, 133, 255, .45);
  color: #fff;
}
body.admin .list-group-item-heading { color: var(--cts-text); }
body.admin .jumbotron { background: var(--cts-surface-2); color: var(--cts-text-2); }
body.admin .thumbnail { background: var(--cts-surface); border-color: var(--cts-border); }
body.admin .media-heading { color: var(--cts-text); }
body.admin .widget .widget-dragger { background-color: transparent; }
body.admin .top_stats_wrapper {
  background: var(--cts-surface);
  border-color: var(--cts-border);
  box-shadow: var(--cts-shadow-1);
  color: var(--cts-text-2);
}
body.admin .home-summary-separator { border-top-color: var(--cts-border); }
body.admin .home-summary .tw-text-neutral-800,
body.admin .home-summary .tw-font-semibold { color: var(--cts-text); }
body.admin .s_table.table-responsive { background: var(--cts-sunken); }
body.admin .s_table td { border-bottom-color: var(--cts-border-soft); }
body.admin .screen-options-area {
  background: var(--cts-surface-2);
  border-bottom-color: var(--cts-border);
}
body.admin .screen-options-btn {
  background: var(--cts-elevated);
  color: var(--cts-text);
  border-color: var(--cts-border);
}
body.admin .ui-state-highlight,
body.admin .ui-sortable-placeholder,
body.admin .ui-state-highlight-card,
body.admin .ui-state-highlight-kan-ban-kb {
  background: var(--cts-accent-soft) !important;
  border: 2px dashed rgba(99, 133, 255, .55) !important;
  visibility: visible !important;
}
body.admin ul.todo li { border-bottom-color: var(--cts-border-soft); }
body.admin .btn-bottom-toolbar {
  background: var(--cts-header);
  border-top: 1px solid var(--cts-border);
  box-shadow: 0 -6px 16px rgba(0, 0, 0, .35);
}
body.admin .system-popup { background: var(--cts-surface); color: var(--cts-text-2); }
body.admin .system-popup .system-popup-close::before,
body.admin .system-popup .system-popup-close::after { background: var(--cts-text-2); }
body.admin .dataTables_empty,
body.admin .no-data-found,
body.admin .empty-state { color: var(--cts-muted); }
body.admin .tw-text-neutral-900,
body.admin .tw-text-neutral-800,
body.admin .tw-text-black      { color: var(--cts-text); }
body.admin .tw-text-neutral-700,
body.admin .tw-text-neutral-600 { color: var(--cts-text-2); }
body.admin .tw-text-neutral-500,
body.admin .tw-text-neutral-400 { color: var(--cts-muted); }
body.admin .tw-text-neutral-300 { color: #7E8DA6; }
body.admin .\!tw-text-neutral-700 { color: var(--cts-text-2) !important; }
body.admin .\!tw-text-neutral-500 { color: var(--cts-muted) !important; }
body.admin .hover\:tw-text-neutral-900:hover,
body.admin .hover\:tw-text-neutral-800:hover,
body.admin .hover\:tw-text-neutral-700:hover,
body.admin .focus\:tw-text-neutral-900:focus,
body.admin .focus\:tw-text-neutral-800:focus,
body.admin .focus\:tw-text-neutral-700:focus,
body.admin .group:hover .group-hover\:tw-text-neutral-800,
body.admin .group:hover .group-hover\:tw-text-neutral-700 { color: var(--cts-text); }
body.admin .hover\:tw-text-neutral-600:hover,
body.admin .focus\:tw-text-neutral-600:focus { color: var(--cts-text-2); }
body.admin .tw-text-primary-500,
body.admin .tw-text-primary-600,
body.admin .tw-text-primary-700 { color: var(--cts-link); }
body.admin .tw-text-success-500,
body.admin .tw-text-success-600,
body.admin .tw-text-success-700 { color: var(--cts-success); }
body.admin .tw-text-warning-500,
body.admin .tw-text-warning-600,
body.admin .tw-text-warning-700 { color: var(--cts-warning); }
body.admin .tw-text-danger-500,
body.admin .tw-text-danger-600,
body.admin .tw-text-danger-700 { color: var(--cts-danger); }
body.admin .tw-text-info-500,
body.admin .tw-text-info-600,
body.admin .tw-text-info-700 { color: var(--cts-info); }
body.admin .tw-bg-white,
body.admin .\!tw-bg-white    { background-color: var(--cts-surface) !important; }
body.admin .tw-bg-neutral-50,
body.admin .tw-bg-neutral-50\/70,
body.admin .tw-bg-neutral-100\/70 { background-color: var(--cts-surface-2); }
body.admin .tw-bg-neutral-100 { background-color: var(--cts-hover); }
body.admin .tw-bg-neutral-200,
body.admin .tw-bg-neutral-200\/50,
body.admin .tw-bg-neutral-300\/30 { background-color: var(--cts-elevated); }
body.admin .hover\:tw-bg-neutral-50:hover,
body.admin .hover\:tw-bg-neutral-100:hover,
body.admin .hover\:tw-bg-neutral-200:hover,
body.admin .hover\:tw-bg-neutral-200\/60:hover { background-color: var(--cts-elevated-2); }
body.admin .tw-to-neutral-50 { --tw-gradient-to: var(--cts-surface-2); }
body.admin .tw-bg-primary-50,
body.admin .tw-bg-primary-100 { background-color: var(--cts-accent-soft); }
body.admin .tw-bg-success-50,
body.admin .tw-bg-success-100 { background-color: var(--cts-success-bg); }
body.admin .tw-bg-warning-50,
body.admin .tw-bg-warning-100 { background-color: var(--cts-warning-bg); }
body.admin .tw-bg-danger-50,
body.admin .tw-bg-danger-100  { background-color: var(--cts-danger-bg); }
body.admin .tw-bg-info-50,
body.admin .tw-bg-info-100    { background-color: var(--cts-info-bg); }
body.admin .tw-border-neutral-100,
body.admin .tw-border-neutral-200,
body.admin .tw-border-neutral-200\/70 { border-color: var(--cts-border-soft); }
body.admin .tw-border-neutral-300,
body.admin .tw-border-neutral-300\/60,
body.admin .tw-border-neutral-300\/80,
body.admin .tw-border-neutral-600\/20 { border-color: var(--cts-border); }
body.admin .tw-divide-neutral-100 > :not([hidden]) ~ :not([hidden]),
body.admin .tw-divide-neutral-200 > :not([hidden]) ~ :not([hidden]) { border-color: var(--cts-border-soft); }
body.admin .tw-ring-neutral-900\/10,
body.admin .tw-ring-neutral-500\/10 { --tw-ring-color: rgba(148, 163, 184, .18); }
body.admin .tw-ring-white { --tw-ring-color: var(--cts-surface); }
body.admin .table,
body.admin table.dataTable {
  color: var(--cts-text-table);
  background: transparent;
}
body.admin .table > thead > tr > th,
body.admin .table > tbody > tr > th,
body.admin .table > tfoot > tr > th,
body.admin .table > thead > tr > td,
body.admin .table > tbody > tr > td,
body.admin .table > tfoot > tr > td {
  border-color: var(--cts-border-soft);
}
body.admin .table > tbody > tr > td,
body.admin .table > tbody > tr > th,
body.admin .table > tfoot > tr > td { color: var(--cts-text-table); }
body.admin table.dataTable thead > tr > th,
body.admin .table.dataTable > thead:first-child > tr:first-child > th,
body.admin .table > thead > tr > th {
  background: var(--cts-surface-2);
  color: var(--cts-text-2);
  border-color: var(--cts-border);
  font-weight: 600;
}
body.admin table.dataTable thead > tr > th.sorting_asc,
body.admin table.dataTable thead > tr > th.sorting_desc,
body.admin table.dataTable thead > tr > td.sorting_asc,
body.admin table.dataTable thead > tr > td.sorting_desc {
  background: #283852;
  color: var(--cts-text);
}
body.admin table.dataTable thead th.sorting_desc:after,
body.admin table.dataTable thead th.sorting_asc:after { background-color: #94A3B8; border-radius: 4px; }
body.admin table.dataTable tbody td { border-color: var(--cts-border-soft); }
body.admin .table-striped > tbody > tr:nth-of-type(odd) { background-color: rgba(148, 163, 184, .035); }
body.admin .table-hover > tbody > tr:hover,
body.admin table.dataTable tbody tr:hover { background-color: var(--cts-hover); }
body.admin table.dataTable tbody tr.selected,
body.admin table.dataTable tbody tr.active,
body.admin .table > tbody > tr.active > td { background-color: var(--cts-accent-soft); }
body.admin .table > tbody > tr.danger > td,  body.admin .table > tfoot > tr.danger > th,  body.admin .table > tbody > tr > td.danger  { background-color: var(--cts-danger-bg);  color: var(--cts-danger-text); }
body.admin .table > tbody > tr.warning > td, body.admin .table > tfoot > tr.warning > th, body.admin .table > tbody > tr > td.warning { background-color: var(--cts-warning-bg); color: var(--cts-warning-text); }
body.admin .table > tbody > tr.success > td, body.admin .table > tfoot > tr.success > th, body.admin .table > tbody > tr > td.success { background-color: var(--cts-success-bg); color: var(--cts-success-text); }
body.admin .table > tbody > tr.info > td,    body.admin .table > tfoot > tr.info > th,    body.admin .table > tbody > tr > td.info    { background-color: var(--cts-info-bg);    color: var(--cts-info-text); }
body.admin .table > tbody > tr.danger > td:first-child  { box-shadow: inset 3px 0 0 var(--cts-danger); }
body.admin .table > tbody > tr.warning > td:first-child { box-shadow: inset 3px 0 0 var(--cts-warning); }
body.admin .table > tfoot > tr.active > th { background-color: var(--cts-surface-2); color: var(--cts-text); }
body.admin .table > tfoot > tr > td { color: var(--cts-text-2); }
body.admin table.dataTable > tbody > tr.danger + tr:not(.danger) > td,
body.admin table.dataTable > tbody > tr.warning + tr:not(.warning) > td,
body.admin table.dataTable > tbody > tr.info + tr:not(.info) > td,
body.admin table.dataTable > tbody > tr.success + tr:not(.success) > td { border-color: var(--cts-border-soft); }
body.admin table.dataTable:has(.mass_select_all_wrap) tbody > tr > td:first-child { border-right-color: var(--cts-border-soft); }
body.admin .dataTables_wrapper table tbody a:not(.text-muted, .text-primary, .text-danger, .text-warning, .text-success, .text-info, .btn, .label) {
  color: var(--cts-link);
  font-weight: 500;
}
body.admin .dataTables_wrapper table tbody a:not(.text-muted, .text-primary, .text-danger, .text-warning, .text-success, .text-info, .btn, .label):hover,
body.admin .dataTables_wrapper table tbody a:not(.text-muted, .text-primary, .text-danger, .text-warning, .text-success, .text-info, .btn, .label):focus {
  color: var(--cts-link-hover);
  text-decoration: underline;
}
body.admin .row-options,
body.admin .row-options a { color: var(--cts-muted); }
body.admin .row-options a:hover,
body.admin .row-options a:focus { color: var(--cts-link-hover); text-decoration: underline; }
body.admin .row-options a._delete,
body.admin .row-options a.text-danger { color: var(--cts-danger); }
body.admin div.dataTables_wrapper div.dataTables_info,
body.admin .dataTables_length label,
body.admin .dataTables_filter label { color: var(--cts-muted); }
body.admin .dataTables_filter .input-group-addon {
  background: var(--cts-sunken);
  border-color: var(--cts-border-input);
  color: var(--cts-muted);
}
body.admin .dataTables_filter input,
body.admin .dataTables_length select { min-height: 32px; }
body.admin div.dataTables_wrapper .dt-buttons .btn-default,
body.admin div.dataTables_wrapper .dt-buttons .btn {
  background-color: var(--cts-elevated);
  border-color: var(--cts-border-strong);
  color: var(--cts-text);
}
body.admin div.dataTables_wrapper .dt-buttons .btn-default:hover,
body.admin div.dataTables_wrapper .dt-buttons .btn-default:focus,
body.admin div.dataTables_wrapper .dt-buttons .btn-default.active,
body.admin div.dataTables_wrapper .dt-buttons .btn-default[aria-expanded="true"] {
  background-color: var(--cts-elevated-2);
  border-color: #5B6B82;
  color: #fff;
}
body.admin div.dt-buttons .btn.processing { color: var(--cts-muted); }
body.admin div.dt-button-collection div.dt-button-collection-title {
  background-color: var(--cts-surface-2);
  color: var(--cts-text-2);
}
body.admin .dt-buttons .btn,
body.admin .dt-button-collection .dropdown-menu > li > a { color: var(--cts-text-2); }
body.admin div.dt-button-collection,
body.admin .dt-button-collection.dropdown-menu {
  background: var(--cts-elevated);
  border: 1px solid var(--cts-border);
}
body.admin div.dt-button-info {
  background: var(--cts-elevated);
  border-color: var(--cts-border);
  color: var(--cts-text);
  box-shadow: var(--cts-shadow-3);
}
body.admin div.dt-button-info h2 { background: var(--cts-surface-2); border-color: var(--cts-border); color: var(--cts-text); }
body.admin div.dataTables_wrapper div.dataTables_processing,
body.admin .dataTables_processing {
  background: transparent;
  color: var(--cts-text-2);
}
body.admin .dt-loader:not(:required),
body.admin .dt-loader:not(:required):after { background: var(--cts-border-strong); }
body.admin .table-loading { background-color: var(--cts-surface); }
body.admin table.dataTable .dtfc-fixed-left,
body.admin table.dataTable .dtfc-fixed-right,
body.admin table.DTFC_Cloned tbody tr,
body.admin .DTFC_LeftBodyWrapper,
body.admin .DTFC_RightBodyWrapper,
body.admin .table th.sticky, body.admin .table td.sticky {
  background-color: var(--cts-surface);
}
body.admin table.dataTable thead .dtfc-fixed-left,
body.admin table.dataTable thead .dtfc-fixed-right { background-color: var(--cts-surface-2); }
body.admin .pagination > li > a,
body.admin .pagination > li > span {
  background: transparent;
  color: var(--cts-text-2);
  border-color: transparent;
}
body.admin .pagination > li > a:hover,
body.admin .pagination > li > a:focus,
body.admin .pagination > li > span:hover {
  background: var(--cts-elevated);
  color: var(--cts-text);
}
body.admin .pagination > .active > a,
body.admin .pagination > .active > a:hover,
body.admin .pagination > .active > a:focus,
body.admin .pagination > .active > span,
body.admin .pagination > .active > span:hover {
  background: var(--cts-accent-soft-2);
  color: #fff;
  border-color: rgba(99, 133, 255, .45);
}
body.admin .pagination > .disabled > a,
body.admin .pagination > .disabled > a:hover,
body.admin .pagination > .disabled > span {
  background: transparent;
  color: var(--cts-disabled);
}
body.admin .table-filters,
body.admin .filters-wrapper,
body.admin ._filters {
  color: var(--cts-text-2);
}
body.admin .table-bordered,
body.admin .table-bordered > thead > tr > th,
body.admin .table-bordered > tbody > tr > td,
body.admin .table-bordered > tfoot > tr > td { border-color: var(--cts-border); }
body.admin .table-responsive { border-color: var(--cts-border); }
body.admin textarea.form-control,
body.admin select.form-control,
body.admin input.form-control,
body.admin .form-control,
body.admin input[type="text"],
body.admin input[type="file"],
body.admin input[type="password"],
body.admin input[type="datetime"],
body.admin input[type="datetime-local"],
body.admin input[type="date"],
body.admin input[type="month"],
body.admin input[type="time"],
body.admin input[type="week"],
body.admin input[type="number"],
body.admin input[type="email"],
body.admin input[type="url"],
body.admin input[type="search"],
body.admin input[type="tel"],
body.admin input[type="color"],
body.admin textarea {
  background-color: var(--cts-sunken);
  border-color: var(--cts-border-input);
  color: var(--cts-text);
  box-shadow: none;
  transition: border-color var(--cts-t) var(--cts-ease), box-shadow var(--cts-t) var(--cts-ease), background-color var(--cts-t) var(--cts-ease);
}
body.admin .form-control::placeholder,
body.admin input::placeholder,
body.admin textarea::placeholder { color: var(--cts-placeholder); opacity: 1; }
body.admin .form-control:hover:not(:focus):not([disabled]):not([readonly]),
body.admin input[type="text"]:hover:not(:focus):not([disabled]) { border-color: #7C8BA1; }
body.admin textarea.form-control:focus,
body.admin select.form-control:focus,
body.admin input.form-control:focus,
body.admin .form-control:focus,
body.admin input[type="text"]:focus,
body.admin input[type="password"]:focus,
body.admin input[type="date"]:focus,
body.admin input[type="number"]:focus,
body.admin input[type="email"]:focus,
body.admin input[type="url"]:focus,
body.admin input[type="search"]:focus,
body.admin input[type="tel"]:focus,
body.admin textarea:focus {
  background-color: #1A2539;
  border-color: var(--cts-accent);
  box-shadow: var(--cts-ring);
  outline: none;
  color: var(--cts-text);
}
body.admin .form-control[disabled],
body.admin .form-control[readonly],
body.admin fieldset[disabled] .form-control,
body.admin input[disabled],
body.admin textarea[disabled] {
  background-color: rgba(30, 41, 59, .55);
  border-color: var(--cts-border);
  border-style: dashed;
  color: var(--cts-disabled);
  cursor: not-allowed;
}
body.admin .form-control[readonly]:not([disabled]) { border-style: solid; color: var(--cts-text-2); cursor: default; }
body.admin label,
body.admin .control-label { color: var(--cts-text-2); }
body.admin .form-group:has(.form-control[disabled]) label,
body.admin .form-group:has(.bootstrap-select.disabled) label { color: var(--cts-disabled); opacity: 1; }
body.admin .help-block { color: var(--cts-muted); }
body.admin .req,
body.admin small.req,
body.admin .text-danger.req { color: var(--cts-danger); }
body.admin .has-error .form-control,
body.admin .form-control.error,
body.admin input.error,
body.admin textarea.error { border-color: var(--cts-danger); }
body.admin .has-error .form-control:focus,
body.admin .form-control.error:focus { border-color: var(--cts-danger); box-shadow: var(--cts-ring-danger); }
body.admin .has-error .control-label,
body.admin .has-error .help-block,
body.admin label.error,
body.admin p.text-danger,
body.admin .has-error.radio-inline label { color: var(--cts-danger); }
body.admin .has-error .input-group-addon { color: var(--cts-danger-text); background: var(--cts-danger-bg); border-color: var(--cts-danger); }
body.admin .has-success .form-control { border-color: var(--cts-success); }
body.admin .has-warning .form-control { border-color: var(--cts-warning); }
body.admin .input-group-addon {
  background-color: var(--cts-surface-2);
  border-color: var(--cts-border-input);
  color: var(--cts-text-2);
}
body.admin select.form-control option,
body.admin select option { background: var(--cts-elevated); color: var(--cts-text); }
body.admin input:-webkit-autofill,
body.admin input:-webkit-autofill:hover,
body.admin input:-webkit-autofill:focus,
body.admin textarea:-webkit-autofill {
  -webkit-text-fill-color: var(--cts-text);
  -webkit-box-shadow: 0 0 0 1000px var(--cts-sunken) inset;
  caret-color: var(--cts-text);
}
body.admin input[type="file"]::file-selector-button {
  background: var(--cts-elevated);
  color: var(--cts-text);
  border: 1px solid var(--cts-border);
  border-radius: var(--cts-radius-sm);
}
body.admin .bootstrap-select > .dropdown-toggle,
body.admin .bootstrap-select .btn-default,
body.admin .bootstrap-select.btn-group .dropdown-toggle {
  background-color: var(--cts-sunken);
  border-color: var(--cts-border-input);
  color: var(--cts-text);
  box-shadow: none;
}
body.admin .bootstrap-select > .dropdown-toggle:hover { border-color: #7C8BA1; background-color: var(--cts-sunken); color: var(--cts-text); }
body.admin .bootstrap-select > .dropdown-toggle:focus,
body.admin .bootstrap-select.open > .dropdown-toggle,
body.admin .bootstrap-select .dropdown-toggle:focus-visible {
  border-color: var(--cts-accent);
  box-shadow: var(--cts-ring);
  outline: none !important;
}
body.admin .bootstrap-select.btn-group .bs-placeholder .filter-option,
body.admin .bootstrap-select > .dropdown-toggle.bs-placeholder,
body.admin .bootstrap-select > .dropdown-toggle.bs-placeholder:hover { color: var(--cts-placeholder); }
body.admin .bootstrap-select > .disabled,
body.admin .bootstrap-select.disabled > .dropdown-toggle {
  background-color: rgba(30, 41, 59, .55);
  border-color: var(--cts-border);
  border-style: dashed;
  color: var(--cts-disabled);
}
body.admin .bootstrap-select .dropdown-menu { background: var(--cts-elevated); }
body.admin .bootstrap-select .dropdown-menu li a { color: var(--cts-text-2); }
body.admin .bootstrap-select .dropdown-menu li a:hover,
body.admin .bootstrap-select .dropdown-menu li a:focus,
body.admin .bootstrap-select .dropdown-menu li.active a { background: var(--cts-elevated-2); color: var(--cts-text); }
body.admin .bootstrap-select .dropdown-menu li.selected a { background: var(--cts-accent-soft); color: #fff; }
body.admin .bootstrap-select .dropdown-menu li.disabled a { color: var(--cts-disabled); }
body.admin .bootstrap-select .dropdown-menu li a span.text-muted,
body.admin .bootstrap-select .dropdown-menu li a small,
body.admin .bootstrap-select .dropdown-menu li.active small { color: var(--cts-muted) !important; }
body.admin .bootstrap-select.show-tick .dropdown-menu li.selected a span.check-mark { color: var(--cts-link); }
body.admin .bootstrap-select .dropdown-header { color: var(--cts-muted); }
body.admin .bs-searchbox { border-bottom-color: var(--cts-border); }
body.admin .bs-searchbox .form-control { background: var(--cts-sunken); }
body.admin .bootstrap-select .status,
body.admin .bootstrap-select .no-results { background: var(--cts-surface-2); color: var(--cts-muted); }
body.admin .bs-actionsbox .btn { color: var(--cts-text-2); }
body.admin .has-error .bootstrap-select > .dropdown-toggle { border-color: var(--cts-danger) !important; color: var(--cts-danger-text); }
body.admin .has-error .bootstrap-select .dropdown-toggle:hover { background: var(--cts-danger-bg); color: var(--cts-danger-text); }
body.admin .select-placeholder:after { background-color: var(--cts-elevated); border-color: var(--cts-border); }
body.admin .simple-bootstrap-select .bootstrap-select .dropdown-toggle { background: transparent !important; }
body.admin .select2-container--default .select2-selection--single,
body.admin .select2-container--default .select2-selection--multiple {
  background: var(--cts-sunken);
  border-color: var(--cts-border-input);
  color: var(--cts-text);
}
body.admin .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--cts-text); }
body.admin .select2-container--default .select2-selection--single .select2-selection__placeholder { color: var(--cts-placeholder); }
body.admin .select2-container--default.select2-container--focus .select2-selection--multiple,
body.admin .select2-container--default.select2-container--open .select2-selection--single { border-color: var(--cts-accent); box-shadow: var(--cts-ring); }
body.admin .select2-dropdown { background: var(--cts-elevated); border-color: var(--cts-border); color: var(--cts-text-2); }
body.admin .select2-container--default .select2-results__option--highlighted[aria-selected],
body.admin .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background: var(--cts-accent-strong); color: #fff; }
body.admin .select2-container--default .select2-results__option[aria-selected=true] { background: var(--cts-accent-soft); }
body.admin .select2-container--default .select2-search--dropdown .select2-search__field { background: var(--cts-sunken); border-color: var(--cts-border-input); color: var(--cts-text); }
body.admin .select2-container--default .select2-selection--multiple .select2-selection__choice { background: var(--cts-elevated-2); border-color: var(--cts-border); color: var(--cts-text); }
body.admin .checkbox label::before,
body.admin .radio label::before {
  background-color: var(--cts-sunken);
  border-color: var(--cts-border-input);
}
body.admin .checkbox label::after { color: #fff; }
body.admin .radio label::after { background-color: var(--cts-text); }
body.admin .checkbox input[type="checkbox"]:focus-visible + label::before,
body.admin .radio input[type="radio"]:focus-visible + label::before { box-shadow: var(--cts-ring); outline: none; }
body.admin .checkbox input[type="checkbox"]:checked + label::before,
body.admin .checkbox-primary input[type="checkbox"]:checked + label::before,
body.admin .checkbox-info input[type="checkbox"]:checked + label::before,
body.admin .checkbox-primary input[type="radio"]:checked + label::before {
  background-color: var(--cts-accent-strong);
  border-color: var(--cts-accent-strong);
}
body.admin .checkbox-success input[type="checkbox"]:checked + label::before { background-color: var(--cts-success-solid); border-color: var(--cts-success-solid); }
body.admin .checkbox-danger input[type="checkbox"]:checked + label::before { background-color: var(--cts-danger-solid); border-color: var(--cts-danger-solid); }
body.admin .checkbox-warning input[type="checkbox"]:checked + label::before { background-color: var(--cts-warning-solid); border-color: var(--cts-warning-solid); }
body.admin .checkbox-warning input[type="checkbox"]:checked + label::after { color: var(--cts-on-warning); }
body.admin .radio-primary input[type="radio"]:checked + label::before,
body.admin .radio-info input[type="radio"]:checked + label::before { border-color: var(--cts-accent); }
body.admin .radio-primary input[type="radio"] + label::after,
body.admin .radio-info input[type="radio"] + label::after,
body.admin .radio-primary input[type="radio"]:checked + label::after { background-color: var(--cts-accent); }
body.admin .checkbox input[type="checkbox"]:disabled + label::before,
body.admin .checkbox input[type="radio"]:disabled + label::before,
body.admin .radio input[type="radio"]:disabled + label::before {
  background-color: rgba(30, 41, 59, .55);
  border-style: dashed;
  border-color: var(--cts-border);
}
body.admin .checkbox input:disabled + label,
body.admin .radio input:disabled + label { color: var(--cts-disabled); opacity: 1; }
body.admin input[type="checkbox"]:not(.onoffswitch-checkbox),
body.admin input[type="radio"] { accent-color: var(--cts-accent-strong); }
body.admin .onoffswitch-label {
  background-color: #3A4A63;
  border-color: #4B5D79;
}
body.admin .onoffswitch-label:before { background: #E2E8F0; border-color: #4B5D79; }
body.admin .onoffswitch-checkbox:checked + .onoffswitch-label { background-color: var(--cts-accent-strong); border-color: var(--cts-accent-strong); }
body.admin .onoffswitch-checkbox:checked + .onoffswitch-label:before { border-color: var(--cts-accent-strong); background: #fff; }
body.admin .onoffswitch-checkbox:focus-visible + .onoffswitch-label { box-shadow: var(--cts-ring); }
body.admin .onoffswitch-checkbox:disabled + .onoffswitch-label { opacity: .55; }
body.admin ul.tagit { background: transparent; }
body.admin ul.tagit input[type="text"] { background: transparent !important; color: var(--cts-text); border-color: var(--cts-border-strong) !important; box-shadow: none; }
body.admin ul.tagit li.tagit-choice { background-color: var(--cts-elevated); }
body.admin ul.tagit li.tagit-choice:hover { background-color: var(--cts-elevated-2); }
body.admin ul.tagit li.tagit-choice .tagit-label:not(a) { color: var(--cts-text); }
body.admin ul.tagit li.tagit-choice .tagit-close .text-icon { color: var(--cts-muted); }
body.admin ul.tagit-autocomplete,
body.admin .ui-autocomplete.ui-menu {
  background: var(--cts-elevated) !important;
  box-shadow: var(--cts-shadow-2);
  --tw-ring-color: rgba(148, 163, 184, .18);
  color: var(--cts-text-2);
}
body.admin ul.tagit-autocomplete .ui-menu-item-wrapper { color: var(--cts-text-2); }
body.admin ul.tagit-autocomplete .ui-menu-item-wrapper.ui-state-hover,
body.admin ul.tagit-autocomplete .ui-menu-item-wrapper.ui-state-active,
body.admin .ui-autocomplete .ui-state-active {
  background: var(--cts-elevated-2) !important;
  color: var(--cts-text) !important;
  border-color: transparent !important;
}
body.admin .xdsoft_datetimepicker {
  background: var(--cts-elevated);
  border-color: var(--cts-border);
  color: var(--cts-text-2);
  box-shadow: var(--cts-shadow-3);
}
body.admin .xdsoft_datetimepicker .xdsoft_calendar th {
  background: var(--cts-elevated);
  color: var(--cts-muted);
  border-color: transparent;
}
body.admin .xdsoft_datetimepicker .xdsoft_calendar td {
  background: var(--cts-elevated);
  border-color: var(--cts-border-soft);
  color: var(--cts-text-2);
}
body.admin .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
body.admin .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled { color: #5B6B82; opacity: 1; }
body.admin .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { color: var(--cts-link); font-weight: 700; }
body.admin .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.admin .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  background: var(--cts-elevated-2) !important;
  color: var(--cts-text) !important;
}
body.admin .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.admin .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current,
body.admin .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: var(--cts-accent-strong) !important;
  color: #fff !important;
  box-shadow: none !important;
}
body.admin .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box,
body.admin .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: var(--cts-elevated);
  border-color: var(--cts-border-soft);
  color: var(--cts-text-2);
}
body.admin .xdsoft_datetimepicker .xdsoft_label { background: var(--cts-elevated); color: var(--cts-text); }
body.admin .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
  background: var(--cts-elevated);
  border-color: var(--cts-border);
  box-shadow: var(--cts-shadow-2);
}
body.admin .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option { color: var(--cts-text-2); }
body.admin .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { background: var(--cts-elevated-2); color: var(--cts-text); }
body.admin .xdsoft_datetimepicker .xdsoft_today_button { color: var(--cts-text-2) !important; }
body.admin .xdsoft_datetimepicker .xdsoft_prev,
body.admin .xdsoft_datetimepicker .xdsoft_next,
body.admin .xdsoft_datetimepicker .xdsoft_today_button,
body.admin .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
body.admin .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next { opacity: .9; }
body.admin .ui-datepicker,
body.admin .ui-widget-content {
  background: var(--cts-elevated);
  border-color: var(--cts-border);
  color: var(--cts-text-2);
}
body.admin .ui-widget-header { background: var(--cts-surface-2); border-color: var(--cts-border); color: var(--cts-text); }
body.admin .ui-state-default,
body.admin .ui-widget-content .ui-state-default { background: var(--cts-surface-2); border-color: var(--cts-border); color: var(--cts-text-2); }
body.admin .ui-state-hover,
body.admin .ui-widget-content .ui-state-hover { background: var(--cts-elevated-2); color: var(--cts-text); }
body.admin .ui-state-active,
body.admin .ui-widget-content .ui-state-active { background: var(--cts-accent-strong); border-color: var(--cts-accent-strong); color: #fff; }
body.admin .colorpicker { background: var(--cts-elevated); border-color: var(--cts-border); }
body.admin .colorpicker:after { border-bottom-color: var(--cts-elevated); }
body.admin .dropzone,
body.admin form.dropzone,
body.admin .dropzone-previews {
  background: var(--cts-sunken);
  border: 2px dashed var(--cts-border-strong);
  color: var(--cts-muted);
}
body.admin .dropzone:hover,
body.admin .dropzone.dz-drag-hover,
body.admin #new-post-form.dropzone-active { border-color: var(--cts-accent); background: var(--cts-accent-soft); }
body.admin .dropzone .dz-message { color: var(--cts-text-2); }
body.admin .dropzone .dz-preview .dz-details { background: var(--cts-elevated); color: var(--cts-text); }
body.admin .dropzone .dz-preview.dz-image-preview { background: transparent; }
body.admin .customer-profile-attachment,
body.admin .task-attachment,
body.admin .project-file-image,
body.admin .post-image-wrapper { border-color: var(--cts-border); }
body.admin .task-attachment .task-attachment-user { border-bottom-color: var(--cts-border); }
body.admin #lead_attachments .lead-attachment-wrapper:first-child,
body.admin #sales_attach_file .sales-attach-file-preview:first-child,
body.admin #contract_attachments .contract-attachment-wrapper:first-child { border-top-color: var(--cts-border); }
body.admin .tox-tinymce { border-color: var(--cts-border) !important; }
body.admin .tox:not(.tox-tinymce-inline) .tox-editor-header,
body.admin .tox .tox-menubar,
body.admin .tox .tox-toolbar,
body.admin .tox .tox-toolbar__primary,
body.admin .tox .tox-toolbar__overflow,
body.admin .tox .tox-statusbar {
  background: var(--cts-surface-2) !important;
  border-color: var(--cts-border) !important;
}
body.admin .tox .tox-tbtn,
body.admin .tox .tox-mbtn,
body.admin .tox .tox-statusbar a,
body.admin .tox .tox-statusbar__path-item,
body.admin .tox .tox-statusbar__wordcount { color: var(--cts-text-2) !important; }
body.admin .tox .tox-tbtn svg { fill: var(--cts-text-2) !important; }
body.admin .tox .tox-tbtn:hover,
body.admin .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active),
body.admin .tox .tox-tbtn--enabled,
body.admin .tox .tox-tbtn--enabled:hover { background: var(--cts-elevated-2) !important; color: var(--cts-text) !important; }
body.admin .tox .tox-tbtn--disabled svg,
body.admin .tox .tox-tbtn:disabled svg { fill: #5B6B82 !important; }
body.admin .tox .tox-menu,
body.admin .tox .tox-collection--list,
body.admin .tox .tox-dialog,
body.admin .tox .tox-dialog__header,
body.admin .tox .tox-dialog__footer {
  background: var(--cts-elevated) !important;
  border-color: var(--cts-border) !important;
  color: var(--cts-text) !important;
}
body.admin .tox .tox-collection__item { color: var(--cts-text-2) !important; }
body.admin .tox .tox-collection--list .tox-collection__item--active { background: var(--cts-elevated-2) !important; color: var(--cts-text) !important; }
body.admin .tox .tox-textfield,
body.admin .tox .tox-listboxfield .tox-listbox--select,
body.admin .tox .tox-textarea { background: var(--cts-sunken) !important; border-color: var(--cts-border-input) !important; color: var(--cts-text) !important; }
body.admin .tox .tox-label,
body.admin .tox .tox-dialog__title { color: var(--cts-text) !important; }
body.admin .mce-panel { background: var(--cts-surface-2) !important; border-color: var(--cts-border) !important; }
body.admin .mce-window-head,
body.admin .mce-window-body { background: var(--cts-elevated) !important; }
body.admin .mce-btn button,
body.admin .mce-ico { color: var(--cts-text-2) !important; }
body.admin .mce-btn:hover, body.admin .mce-btn.mce-active { background: var(--cts-elevated-2) !important; border-color: transparent !important; }
body.admin .mce-menu { background: var(--cts-elevated) !important; }
body.admin .mce-menu-item .mce-text { color: var(--cts-text-2) !important; }
body.admin .mce-menu-item:hover, body.admin .mce-menu-item.mce-selected { background: var(--cts-accent-strong) !important; }
body.admin .mce-content-body,
body.admin #task_view_description.mce-content-body { background: var(--cts-sunken); color: var(--cts-text-2); }
body.admin .signature-pad--body { border-color: var(--cts-border-strong); }
body.admin .question.form-group { background: var(--cts-sunken); border-color: var(--cts-border); }
body.admin .gdpr-purpose { border-color: var(--cts-border); }
body.admin .text-has-action { border-bottom-color: var(--cts-border-strong); }
body.admin .task-info-inline-input-edit { background: var(--cts-sunken); border-bottom-color: var(--cts-border-strong); }
body.admin .inline-field-new:hover,
body.admin .inline-field-new:active { color: var(--cts-text); }
body.admin .btn {
  box-shadow: none;
  transition: background-color var(--cts-t) var(--cts-ease), border-color var(--cts-t) var(--cts-ease), color var(--cts-t) var(--cts-ease), box-shadow var(--cts-t) var(--cts-ease);
}
body.admin .btn-default,
body.admin .btn-secondary {
  background-color: var(--cts-elevated);
  border-color: var(--cts-border-strong);
  color: var(--cts-text);
}
body.admin .btn-default:hover,
body.admin .btn-default:focus,
body.admin .btn-default.focus,
body.admin .btn-secondary:hover,
body.admin .btn-secondary:focus {
  background-color: var(--cts-elevated-2);
  border-color: #5B6B82;
  color: #fff;
}
body.admin .btn-default:active,
body.admin .btn-default.active,
body.admin .open > .dropdown-toggle.btn-default,
body.admin .btn-secondary:active,
body.admin .open > .dropdown-toggle.btn-secondary {
  background-color: #34445E;
  border-color: var(--cts-accent);
  color: #fff;
  box-shadow: none;
  --tw-ring-offset-color: var(--cts-bg);
}
body.admin .btn-default .badge { background: var(--cts-bg); color: var(--cts-text); }
body.admin .btn-default .caret { border-top-color: currentColor; }
body.admin .btn-primary {
  background-color: var(--cts-accent-strong);
  border-color: var(--cts-accent-strong);
  color: #fff;
}
body.admin .btn-primary:hover,
body.admin .btn-primary:focus,
body.admin .btn-primary.focus,
body.admin .btn-primary:active,
body.admin .btn-primary.active,
body.admin .open > .dropdown-toggle.btn-primary {
  background-color: var(--cts-accent-press);
  border-color: var(--cts-accent-press);
  color: #fff;
  --tw-ring-offset-color: var(--cts-bg);
}
body.admin .btn-primary .badge { background: #fff; color: var(--cts-accent-press); }
body.admin .btn-success { background-color: var(--cts-success-solid); border-color: var(--cts-success-solid); color: #fff; }
body.admin .btn-success:hover, body.admin .btn-success:focus, body.admin .btn-success.focus,
body.admin .btn-success:active, body.admin .btn-success.active,
body.admin .open > .dropdown-toggle.btn-success { background-color: var(--cts-success-solid-h); border-color: var(--cts-success-solid-h); color: #fff; --tw-ring-offset-color: var(--cts-bg); }
body.admin .btn-info { background-color: var(--cts-info-solid); border-color: var(--cts-info-solid); color: #fff; }
body.admin .btn-info:hover, body.admin .btn-info:focus, body.admin .btn-info.focus,
body.admin .btn-info:active, body.admin .btn-info.active,
body.admin .open > .dropdown-toggle.btn-info { background-color: var(--cts-info-solid-h); border-color: var(--cts-info-solid-h); color: #fff; --tw-ring-offset-color: var(--cts-bg); }
body.admin .btn-warning { background-color: var(--cts-warning-solid); border-color: var(--cts-warning-solid); color: var(--cts-on-warning); }
body.admin .btn-warning:hover, body.admin .btn-warning:focus, body.admin .btn-warning.focus,
body.admin .btn-warning:active, body.admin .btn-warning.active,
body.admin .open > .dropdown-toggle.btn-warning { background-color: var(--cts-warning-solid-h); border-color: var(--cts-warning-solid-h); color: var(--cts-on-warning); --tw-ring-offset-color: var(--cts-bg); }
body.admin .btn-warning .caret { border-top-color: var(--cts-on-warning); }
body.admin .btn-danger { background-color: var(--cts-danger-solid); border-color: var(--cts-danger-solid); color: #fff; }
body.admin .btn-danger:hover, body.admin .btn-danger:focus, body.admin .btn-danger.focus,
body.admin .btn-danger:active, body.admin .btn-danger.active,
body.admin .open > .dropdown-toggle.btn-danger { background-color: var(--cts-danger-solid-h); border-color: var(--cts-danger-solid-h); color: #fff; --tw-ring-offset-color: var(--cts-bg); }
body.admin .btn-link { color: var(--cts-link); }
body.admin .btn-link:hover, body.admin .btn-link:focus { color: var(--cts-link-hover); text-decoration: underline; }
body.admin .btn-icon,
body.admin .btn.btn-icon { color: inherit; }
body.admin .btn.disabled,
body.admin .btn[disabled],
body.admin fieldset[disabled] .btn {
  opacity: .5;
  box-shadow: none;
  cursor: not-allowed;
}
body.admin .btn-default.disabled:hover,
body.admin .btn-default[disabled]:hover { background-color: var(--cts-elevated); border-color: var(--cts-border-strong); }
body.admin .btn-group > .btn + .btn,
body.admin .btn-group > .btn + .dropdown-toggle { border-left-color: rgba(0, 0, 0, .25); }
body.admin .btn-group > .btn-default + .btn-default { border-left-color: var(--cts-border-strong); }
body.admin .close { color: var(--cts-text-2); text-shadow: none; opacity: .8; }
body.admin .close:hover, body.admin .close:focus { color: var(--cts-text); opacity: 1; }
body.admin .dropdown-menu {
  background: var(--cts-elevated);
  border: 1px solid var(--cts-border);
  box-shadow: var(--cts-shadow-3);
  color: var(--cts-text-2);
  --tw-ring-color: transparent;
}
body.admin .dropdown-menu > li > a { color: var(--cts-text-2); }
body.admin .dropdown-menu > li > a:hover,
body.admin .dropdown-menu > li > a:focus {
  background: var(--cts-elevated-2);
  color: var(--cts-text);
}
body.admin .dropdown-menu > .active > a,
body.admin .dropdown-menu > .active > a:hover,
body.admin .dropdown-menu > .active > a:focus {
  background: var(--cts-accent-soft-2);
  color: #fff;
}
body.admin .dropdown-menu > .disabled > a,
body.admin .dropdown-menu > .disabled > a:hover { color: var(--cts-disabled); background: transparent; }
body.admin .dropdown-menu .divider { background-color: var(--cts-border); }
body.admin .dropdown-header { color: var(--cts-muted); }
body.admin .dropdown-submenu > a { background: transparent; }
body.admin .dropdown-submenu:hover > a { background: var(--cts-elevated-2); }
body.admin .dropdown-submenu > a:after { border-left-color: var(--cts-muted); }
body.admin .popover {
  background: var(--cts-elevated);
  border-color: var(--cts-border);
  box-shadow: var(--cts-shadow-3);
  color: var(--cts-text-2);
}
body.admin .popover-title {
  background: var(--cts-surface-2);
  border-bottom-color: var(--cts-border);
  color: var(--cts-text);
}
body.admin .popover-content { color: var(--cts-text-2); }
body.admin .popover.top > .arrow { border-top-color: var(--cts-border); }
body.admin .popover.top > .arrow:after { border-top-color: var(--cts-elevated); }
body.admin .popover.bottom > .arrow { border-bottom-color: var(--cts-border); }
body.admin .popover.bottom > .arrow:after { border-bottom-color: var(--cts-surface-2); }
body.admin .popover.left > .arrow { border-left-color: var(--cts-border); }
body.admin .popover.left > .arrow:after { border-left-color: var(--cts-elevated); }
body.admin .popover.right > .arrow { border-right-color: var(--cts-border); }
body.admin .popover.right > .arrow:after { border-right-color: var(--cts-elevated); }
body.admin .tooltip > .tooltip-inner {
  background: #E2E8F0;
  color: #0F172A;
  font-weight: 500;
  box-shadow: var(--cts-shadow-2);
}
body.admin .tooltip.top .tooltip-arrow    { border-top-color: #E2E8F0; }
body.admin .tooltip.bottom .tooltip-arrow { border-bottom-color: #E2E8F0; }
body.admin .tooltip.left .tooltip-arrow   { border-left-color: #E2E8F0; }
body.admin .tooltip.right .tooltip-arrow  { border-right-color: #E2E8F0; }
body.admin .tooltip.in { opacity: 1; }
body.admin .modal-content {
  background: var(--cts-surface);
  border: 1px solid var(--cts-border-strong);
  box-shadow: var(--cts-shadow-3);
  color: var(--cts-text-2);
}
body.admin .modal-header {
  background: var(--cts-surface-2);
  border-bottom: 1px solid var(--cts-border);
}
body.admin .modal-header .modal-title,
body.admin .modal-title { color: var(--cts-text); }
body.admin .modal-header > *:not(.modal-title) { color: var(--cts-text-2); }
body.admin .modal-header .close { color: var(--cts-muted); opacity: 1; }
body.admin .modal-header .close:hover,
body.admin .modal-header .close:focus { color: var(--cts-text); }
body.admin .modal-body { background: var(--cts-surface); color: inherit; }
body.admin .modal-footer {
  background: var(--cts-surface-2);
  border-top: 1px solid var(--cts-border);
  border-radius: 0 0 1rem 1rem;
}
body.admin .modal-backdrop,
body.admin .modal-backdrop.in { background-color: #020617; }
body.admin .modal-backdrop.in { opacity: .72; }
body.admin .task-modal-single .modal-body { background: var(--cts-surface); }
body.admin .task-single-col-left { background: var(--cts-surface); }
body.admin .task-single-col-right {
  background: var(--cts-surface-2);
  border-left-color: var(--cts-border);
}
body.admin .swal2-popup,
body.admin .sweet-alert {
  background: var(--cts-surface) !important;
  color: var(--cts-text-2) !important;
}
body.admin .swal2-title,
body.admin .sweet-alert h2 { color: var(--cts-text) !important; }
body.admin .swal2-html-container,
body.admin .sweet-alert p { color: var(--cts-text-2) !important; }
body.admin .lightboxOverlay { background: #020617; }
body.admin .lb-outerContainer { background: var(--cts-surface); }
body.admin .lb-data .lb-caption, body.admin .lb-data .lb-number { color: var(--cts-text-2); }
body.admin .nav-tabs {
  border-bottom-color: var(--cts-border);
  background: transparent;
}
body.admin .nav-tabs > li > a {
  color: var(--cts-muted);
  background: transparent;
  border-color: transparent;
}
body.admin .nav-tabs > li > a:hover,
body.admin .nav-tabs > li > a:focus {
  color: var(--cts-text);
  background: transparent;
  border-bottom-color: var(--cts-border-strong);
}
body.admin .nav-tabs > li.active > a,
body.admin .nav-tabs > li.active > a:hover,
body.admin .nav-tabs > li.active > a:focus {
  color: var(--cts-text);
  background: transparent;
  border-color: transparent;
  border-bottom: 2px solid var(--cts-accent);
}
body.admin .nav-tabs > li a i.menu-icon { color: var(--cts-muted); }
body.admin .nav-tabs > li.active a i.menu-icon,
body.admin .nav-tabs > li > a:hover i.menu-icon { color: var(--cts-link); }
body.admin .nav > li > a:hover,
body.admin .nav > li > a:focus { background-color: transparent; }
body.admin .nav > li.disabled > a,
body.admin .nav > li.disabled > a:hover { color: var(--cts-disabled); }
body.admin .nav .nav-divider { background: var(--cts-border); }
body.admin .tab-separator { border-right-color: var(--cts-border); }
body.admin .tab-content { color: inherit; }
body.admin .nav-tabs.nav-justified > .active > a,
body.admin .nav-tabs-justified > .active > a { border-bottom-color: var(--cts-accent); }
body.admin .horizontal-scrollable-tabs .horizontal-tabs .nav-tabs-horizontal.nav-tabs-segmented {
  background: var(--cts-sunken);
  border: 1px solid var(--cts-border);
}
body.admin .nav-tabs-segmented > li > a { color: var(--cts-text-2); }
body.admin .nav-tabs-segmented > li.active > a,
body.admin .nav-tabs-segmented > li.active > a:hover,
body.admin .nav-tabs-segmented > li.active > a:focus,
body.admin .nav-tabs-segmented .open > a {
  background: var(--cts-elevated-2);
  color: #fff;
  border: 0;
  box-shadow: var(--cts-shadow-1);
}
body.admin .nav-tabs-segmented > li > a > .badge { background: var(--cts-elevated); color: var(--cts-text); }
body.admin .horizontal-scrollable-tabs .scroller {
  background: transparent;
  color: var(--cts-text-2);
  border-bottom-color: var(--cts-border);
}
body.admin .horizontal-scrollable-tabs:has(.nav-tabs-segmented) .scroller { background: var(--cts-sunken); }
body.admin .nav-pills > li > a { color: var(--cts-text-2); }
body.admin .nav-pills > li > a:hover { background: var(--cts-elevated); color: var(--cts-text); }
body.admin .nav-pills > li.active > a,
body.admin .nav-pills > li.active > a:hover,
body.admin .nav-pills > li.active > a:focus { background-color: var(--cts-accent-strong); color: #fff; }
body.admin .navbar-pills-flat {
  background: var(--cts-surface);
  border-color: var(--cts-border);
  box-shadow: var(--cts-shadow-1);
}
body.admin .navbar-pills-flat > li > a { color: var(--cts-text-2); border-color: var(--cts-border-soft); }
body.admin .navbar-pills-flat > li > a:hover,
body.admin .navbar-pills-flat > li > a:focus { background: var(--cts-hover); color: var(--cts-text); border-color: var(--cts-border-soft); }
body.admin .navbar-pills-flat > li.active > a,
body.admin .navbar-pills-flat > li.active > a:hover,
body.admin .navbar-pills-flat > li.active > a:focus {
  background: var(--cts-accent-soft);
  color: #fff;
  border-color: var(--cts-border-soft);
  box-shadow: inset 3px 0 0 var(--cts-accent);
}
body.admin .breadcrumb { background: transparent; color: var(--cts-muted); }
body.admin .breadcrumb > li + li:before { color: #5B6B82; }
body.admin .breadcrumb > .active { color: var(--cts-text-2); }
body.admin .customer-profile-group-heading { color: var(--cts-text); }
body.admin .email-templates li { border-bottom-color: var(--cts-border); }
body.admin .email-template-heading { background-color: var(--cts-surface-2); border-color: var(--cts-border); }
body.admin .label { box-shadow: none; }
body.admin .label-default { background: rgba(148, 163, 184, .14); color: var(--cts-text-2); --tw-ring-color: rgba(148, 163, 184, .25); }
body.admin .label-primary { background: var(--cts-accent-soft);   color: var(--cts-link-hover);   --tw-ring-color: rgba(99, 133, 255, .35); }
body.admin .label-success { background: var(--cts-success-bg);    color: var(--cts-success-text); --tw-ring-color: var(--cts-success-bd); }
body.admin .label-info    { background: var(--cts-info-bg);       color: var(--cts-info-text);    --tw-ring-color: var(--cts-info-bd); }
body.admin .label-warning { background: var(--cts-warning-bg);    color: var(--cts-warning-text); --tw-ring-color: var(--cts-warning-bd); }
body.admin .label-danger  { background: var(--cts-danger-bg);     color: var(--cts-danger-text);  --tw-ring-color: var(--cts-danger-bd); }
body.admin .label-default[href]:hover, body.admin .label-default[href]:focus { background: rgba(148, 163, 184, .22); color: var(--cts-text); }
body.admin .label-primary[href]:hover, body.admin .label-success[href]:hover,
body.admin .label-info[href]:hover, body.admin .label-warning[href]:hover,
body.admin .label-danger[href]:hover { text-decoration: underline; }
body.admin .label-tag { background: rgba(148, 163, 184, .12); color: var(--cts-text-2); }
body.admin .label[style*="background"]:not([style*="color:#fff;" i]):not([style$="color:#fff" i]):not([style*="color:#ffffff" i]):not([style*="color: #fff" i]):not([style*="color:white" i]),
body.admin span[class*="-status-"][style*="background"]:not([style*="color:#fff;" i]):not([style$="color:#fff" i]):not([style*="color:#ffffff" i]):not([style*="color: #fff" i]),
body.admin a[class*="-status-"][style*="background"]:not([style*="color:#fff;" i]):not([style$="color:#fff" i]):not([style*="color:#ffffff" i]):not([style*="color: #fff" i]) {
  background: rgba(148, 163, 184, .10) !important;
  background: color-mix(in srgb, currentColor 14%, transparent) !important;
  border-color: color-mix(in srgb, currentColor 45%, transparent) !important;
}
body.admin .label[style*="color:"]:not([style*="color:#fff;" i]):not([style$="color:#fff" i]):not([style*="color:#ffffff" i]):not([style*="color: #fff" i]):not([style*="color:white" i]),
body.admin a[class*="-status-"][style*="color:"]:not([style*="color:#fff;" i]):not([style$="color:#fff" i]):not([style*="color:#ffffff" i]):not([style*="color: #fff" i]) {
  -webkit-text-fill-color: color-mix(in srgb, currentColor 45%, #fff);
}
body.admin .dataTables_wrapper td span[style^="color:"]:not(.label),
body.admin .dataTables_wrapper td span[style^="color :"]:not(.label) {
  -webkit-text-fill-color: color-mix(in srgb, currentColor 45%, #fff);
  font-weight: 600;
}
body.admin .badge {
  background: var(--cts-elevated-2);
  color: var(--cts-text);
}
body.admin .badge.bg-success, body.admin .badge-success { background: var(--cts-success-solid); color: #fff; }
body.admin .badge.bg-danger,  body.admin .badge-danger  { background: var(--cts-danger-solid);  color: #fff; }
body.admin .badge.bg-warning, body.admin .badge-warning { background: var(--cts-warning-solid); color: var(--cts-on-warning); }
body.admin .badge.bg-info,    body.admin .badge-info    { background: var(--cts-info-solid);    color: #fff; }
body.admin .badge.bg-primary, body.admin .badge-primary { background: var(--cts-accent-strong); color: #fff; }
body.admin .\!tw-bg-warning-600 { background-color: #D97706 !important; color: #fff; }
body.admin .alert {
  border-width: 1px;
  border-left-width: 4px;
}
body.admin .alert-success { background: var(--cts-success-bg); border-color: var(--cts-success-bd); border-left-color: var(--cts-success); color: var(--cts-success-text); }
body.admin .alert-info    { background: var(--cts-info-bg);    border-color: var(--cts-info-bd);    border-left-color: var(--cts-info);    color: var(--cts-info-text); }
body.admin .alert-warning { background: var(--cts-warning-bg); border-color: var(--cts-warning-bd); border-left-color: var(--cts-warning); color: var(--cts-warning-text); }
body.admin .alert-danger  { background: var(--cts-danger-bg);  border-color: var(--cts-danger-bd);  border-left-color: var(--cts-danger);  color: var(--cts-danger-text); }
body.admin .alert h4, body.admin .alert strong, body.admin .alert b { color: inherit; }
body.admin .alert hr { border-top-color: rgba(255, 255, 255, .12); }
body.admin .alert .alert-link,
body.admin .alert a:not(.btn) { color: inherit; text-decoration: underline; font-weight: 600; }
body.admin .alert .close { color: inherit; opacity: .8; }
body.admin .float-alert.alert {
  box-shadow: var(--cts-shadow-3);
  background-color: var(--cts-elevated);
  color: var(--cts-text);
}
body.admin .float-alert.alert-success { border-left-color: var(--cts-success); }
body.admin .float-alert.alert-danger  { border-left-color: var(--cts-danger); }
body.admin .float-alert.alert-warning { border-left-color: var(--cts-warning); }
body.admin .float-alert.alert-info    { border-left-color: var(--cts-info); }
body.admin .alert-success.float-alert button.close,
body.admin .alert-info.float-alert button.close,
body.admin .alert-warning.float-alert button.close,
body.admin .alert-danger.float-alert button.close { color: var(--cts-text-2); }
body.admin .announcement small { color: var(--cts-muted); }
body.admin .progress {
  background-color: #2B3A52;
  box-shadow: none;
}
body.admin .progress-bar        { background-color: var(--cts-accent-strong); color: #fff; }
body.admin .progress-bar-success { background-color: #22C55E; color: #052E16; }
body.admin .progress-bar-info    { background-color: #0EA5E9; color: #082F49; }
body.admin .progress-bar-warning { background-color: var(--cts-warning-solid); color: var(--cts-on-warning); }
body.admin .progress-bar-danger  { background-color: #E11D48; color: #fff; }
body.admin .progress-bar-default { background-color: #64748B; }
body.admin .progress-bar[data-percent="0"] { color: var(--cts-text-2); }
body.admin .project_progress_slider_horizontal.ui-widget.ui-widget-content { background: #2B3A52; border-color: var(--cts-border); }
body.admin .project_progress_slider_horizontal .ui-slider-handle { background: var(--cts-success); border-color: var(--cts-success); }
body.admin .skeleton,
body.admin [class*="skeleton"],
body.admin .animate-pulse,
body.admin .tw-animate-pulse { background-color: var(--cts-elevated); }
body.admin .fa-spinner, body.admin .fa-spin { color: var(--cts-link); }
body.admin .setup-menu-loading i { color: var(--cts-text); }
body.admin .table.items thead {
  background: var(--cts-surface-2);
  color: var(--cts-text);
}
body.admin .table.items thead th { color: var(--cts-text); border-color: var(--cts-border); }
body.admin .table.items > thead:first-child > tr:first-child > th { border-top-color: var(--cts-border); }
body.admin .table.items thead th:first-child { border-left-color: var(--cts-border); }
body.admin .table.items .main {
  background-color: var(--cts-sunken);
  border-color: var(--cts-border);
}
body.admin .table.items tbody td { border-color: var(--cts-border-soft); }
body.admin .table .item.ui-sortable-helper { background: var(--cts-elevated-2); box-shadow: var(--cts-shadow-2); }
body.admin .table.items .dragger { color: var(--cts-muted); }
body.admin .table-total,
body.admin .table.text-right,
body.admin #subtotal, body.admin #total, body.admin .total,
body.admin .invoice-total, body.admin .amount {
  font-variant-numeric: tabular-nums;
}
body.admin .table-total td,
body.admin .table-total th { color: var(--cts-text-2); border-color: var(--cts-border-soft); }
body.admin .table-total tr:last-child td { color: var(--cts-text); font-weight: 600; }
body.admin .table-total .text-danger { color: var(--cts-danger); }
body.admin .proposal-comments .proposal-comment { background: var(--cts-surface-2); }
body.admin .company-name-formatted[style*="color:black"],
body.admin b[style*="color:black"] { color: var(--cts-text) !important; }
body.admin span[style*="color:#424242"] { color: var(--cts-text-2) !important; }
body.admin [style*="background-color:#f0f0f0"],
body.admin [style*="background-color: #f0f0f0"] { background-color: var(--cts-surface-2) !important; }
body.admin [style*="color:#4a4a4a"],
body.admin [style*="color: #4a4a4a"] { color: var(--cts-text-2) !important; }
body.admin .preview-sticky-header { background: var(--cts-surface); border-bottom: 1px solid var(--cts-border); }
body.admin .note {
  background: var(--cts-warning-bg);
  color: var(--cts-text-2);
  border-color: var(--cts-warning-bd);
}
body.admin .invoice-quick-info,
body.admin .estimates-stats,
body.admin .invoices-total,
body.admin [class*="_total_wrapper"] { color: var(--cts-text-2); }
body.admin .kan-ban-content-wrapper,
body.admin .kan-ban-content {
  background: var(--cts-sunken);
}
body.admin .kan-ban-col .panel-heading,
body.admin .kan-ban-col .kan-ban-col-header { color: #fff; }
body.admin .kan-ban-expand-top { background: var(--cts-surface-2); }
body.admin .kan-ban-content .panel-body,
body.admin li.task .panel-body,
body.admin li.lead-kan-ban .panel-body,
body.admin .kan-ban-col li .panel-body {
  background: var(--cts-surface);
  border: 1px solid var(--cts-border);
  color: var(--cts-text-2);
}
body.admin .kan-ban-content li:hover .panel-body { border-color: var(--cts-border-strong); }
body.admin li.task.current-user-task .panel-body,
body.admin li.lead-kan-ban.current-user-lead .panel-body {
  background: #1E2C4A !important;
  border: 1px solid rgba(99, 133, 255, .40) !important;
}
body.admin li.task.overdue-task .panel-body {
  background: #2A1F2E !important;
  border: 1px solid var(--cts-danger-bd) !important;
  box-shadow: inset 3px 0 0 var(--cts-danger);
}
body.admin .ui-state-highlight-card,
body.admin .ui-state-highlight-kan-ban-kb,
body.admin .milestone-column .ui-sortable-placeholder { border-color: rgba(99, 133, 255, .55); }
body.admin .task-info-separator { border-top-color: var(--cts-border); }
body.admin .task-info-col { border-color: var(--cts-accent) !important; }
body.admin .task-user { border-color: var(--cts-border); }
body.admin .task-finished-icon { color: var(--cts-success); border-color: var(--cts-success); }
body.admin .checklist:hover,
body.admin .checklist:hover textarea[name="checklist-description"]:disabled { background: var(--cts-hover); }
body.admin textarea[name="checklist-description"]:disabled {
  background: transparent;
  color: var(--cts-text-2);
  border-style: solid;
  border-color: transparent;
}
body.admin .task-checklist-indicator { border-color: var(--cts-border); }
body.admin .bootstrap-select.task-action-select > .btn-default:hover { color: var(--cts-text) !important; }
body.admin .jquery-comments ul.main li.comment .name { color: var(--cts-link); }
body.admin .jquery-comments ul.main li.comment .wrapper .content,
body.admin .jquery-comments .comment-wrapper { color: var(--cts-text-2); }
body.admin .jquery-comments ul.main li.comment time,
body.admin .jquery-comments ul.main li.comment .actions > * { color: var(--cts-muted); }
body.admin .jquery-comments ul.navigation { border-bottom-color: var(--cts-border); }
body.admin .jquery-comments ul.navigation li { color: var(--cts-text-2); }
body.admin .jquery-comments ul.navigation li.active,
body.admin .jquery-comments ul.navigation li:hover { color: var(--cts-text); }
body.admin .jquery-comments ul.navigation li.active:after { background: var(--cts-accent); }
body.admin .jquery-comments .textarea-wrapper .textarea {
  background: var(--cts-sunken);
  border-color: var(--cts-border-input);
  color: var(--cts-text);
}
body.admin .jquery-comments .textarea-wrapper .textarea:focus,
body.admin .jquery-comments .textarea-wrapper .textarea:active { border-color: var(--cts-accent); box-shadow: var(--cts-ring); }
body.admin .jquery-comments [contentEditable="true"]:empty:not(:focus):before { color: var(--cts-placeholder); }
body.admin .jquery-comments .highlight-background { background: var(--cts-accent-strong) !important; }
body.admin .jquery-comments ul.main li.comment .actions > *:hover { color: var(--cts-text); }
body.admin .activity-feed .feed-item { border-left-color: var(--cts-border-strong); }
body.admin .activity-feed .feed-item:after { background: var(--cts-surface); border-color: var(--cts-muted); }
body.admin .activity-feed .feed-item .date { color: var(--cts-muted); }
body.admin .activity-feed .feed-item .text { color: var(--cts-text-2); }
body.admin .lead-modal .activity-feed .feed-item:last-child { border-color: var(--cts-border); background: var(--cts-surface-2); }
body.admin .lead-info-heading { background: var(--cts-surface-2); }
body.admin .lead-info-heading h4 { color: var(--cts-text); }
body.admin .gantt .grid-background { fill: var(--cts-surface); }
body.admin .gantt .grid-header { fill: var(--cts-surface-2); stroke: var(--cts-border); }
body.admin .gantt .grid-row { fill: var(--cts-surface); }
body.admin .gantt .grid-row:nth-child(even) { fill: #212D42; }
body.admin .gantt .row-line { stroke: var(--cts-border-soft); }
body.admin .gantt .tick { stroke: var(--cts-border-soft); }
body.admin .gantt .tick.thick { stroke: var(--cts-border); }
body.admin .gantt .today-highlight { fill: rgba(99, 133, 255, .14); }
body.admin .gantt .lower-text,
body.admin .gantt .upper-text { fill: var(--cts-text-2); }
body.admin .gantt .bar { fill: #64748B; stroke: transparent; }
body.admin .gantt .bar-progress { fill: var(--cts-accent-strong); }
body.admin .gantt .ganttGreen .bar { fill: #16A34A; }
body.admin .gantt .ganttRed .bar { fill: #D97706; }
body.admin .gantt .bar-label { fill: #fff; }
body.admin .gantt .bar-label.big { fill: var(--cts-text); }
body.admin .gantt .arrow { stroke: var(--cts-muted); }
body.admin .gantt .handle { fill: rgba(241, 245, 249, .35); }
body.admin .gantt-container .popup-wrapper,
body.admin .gantt .popup-wrapper { background: var(--cts-elevated); color: var(--cts-text); }
body.admin .project-overview-progress-bar,
body.admin .progress-bg-dark { background-color: #3A4A63; }
body.admin .dd-handle,
body.admin .dd3-content {
  background: var(--cts-surface-2) !important;
  border-color: var(--cts-border) !important;
  color: var(--cts-text-2);
}
body.admin .dd-handle:hover,
body.admin .dd3-content:hover { background: var(--cts-elevated) !important; color: var(--cts-text); }
body.admin .sub-items .dd3-content { background: var(--cts-surface) !important; }
body.admin .dd3-handle { background: var(--cts-elevated); border-color: var(--cts-border); }
body.admin .dd3-handle:hover { background: var(--cts-elevated-2); }
body.admin .dd-placeholder,
body.admin .dd-empty { background: var(--cts-accent-soft); border-color: rgba(99, 133, 255, .5); }
body.admin .dd-hover > .dd-handle { background: var(--cts-accent-strong) !important; }
body.admin .nestable-lists { border-color: var(--cts-border); }
body.admin #nestable2 .dd-handle { background: var(--cts-surface); color: var(--cts-text); }
body.admin .menu-options { border-color: var(--cts-border); }
body.admin .dd-item > button { color: var(--cts-text-2); }
body.admin .ticket-info,
body.admin .single-ticket-project-area { color: var(--cts-text-2); }
body.admin .client-reply .panel-body,
body.admin .ticket-submitter-info.client,
body.admin .panel-body.client-reply {
  background: #2A2717 !important;
  color: var(--cts-text-2) !important;
}
body.admin .ticket-thread .panel-body,
body.admin .ticket-reply { border-color: var(--cts-border); }
body.admin .ticket-message,
body.admin .ticket-message p { color: var(--cts-text-2); }
body.admin .ticket-note,
body.admin .staff-note { background: var(--cts-warning-bg); border-color: var(--cts-warning-bd); }
body.admin .predefined-reply-item:hover { background: var(--cts-hover); }
body.admin .fc {
  --fc-border-color: var(--cts-border);
  --fc-page-bg-color: var(--cts-surface);
  --fc-neutral-bg-color: var(--cts-surface-2);
  --fc-neutral-text-color: var(--cts-text-2);
  --fc-highlight-color: rgba(99, 133, 255, .18);
  --fc-today-bg-color: rgba(99, 133, 255, .08);
  --fc-now-indicator-color: var(--cts-danger);
  --fc-list-event-hover-bg-color: var(--cts-hover);
  --fc-non-business-color: rgba(2, 6, 23, .25);
  --fc-button-text-color: var(--cts-text);
  --fc-button-bg-color: var(--cts-elevated);
  --fc-button-border-color: var(--cts-border-strong);
  --fc-button-hover-bg-color: var(--cts-elevated-2);
  --fc-button-hover-border-color: #5B6B82;
  --fc-button-active-bg-color: var(--cts-accent-strong);
  --fc-button-active-border-color: var(--cts-accent-strong);
  color: var(--cts-text-2);
}
body.admin .fc .fc-toolbar-title { color: var(--cts-text); }
body.admin .fc .fc-button-primary {
  background: var(--cts-elevated) !important;
  border-color: var(--cts-border-strong) !important;
  color: var(--cts-text) !important;
}
body.admin .fc .fc-button-primary:hover { background: var(--cts-elevated-2) !important; }
body.admin .fc .fc-button-primary.fc-button-active,
body.admin .fc .fc-button-primary:not(:disabled):active {
  background: var(--cts-accent-strong) !important;
  border-color: var(--cts-accent-strong) !important;
  color: #fff !important;
}
body.admin .fc .fc-button-primary:disabled { opacity: .5; }
body.admin .fc .fc-col-header-cell { background: var(--cts-surface-2); }
body.admin .fc .fc-col-header-cell-cushion { color: var(--cts-text-2) !important; }
body.admin .fc .fc-timegrid-slot-label-cushion,
body.admin .fc .fc-daygrid-day-number { color: var(--cts-muted) !important; }
body.admin .fc .fc-day-other { background: rgba(2, 6, 23, .25); }
body.admin .fc .fc-day-other .fc-daygrid-day-number { color: #5B6B82 !important; }
body.admin .fc .fc-popover { background: var(--cts-elevated) !important; border-color: var(--cts-border); box-shadow: var(--cts-shadow-3) !important; }
body.admin .fc .fc-popover-header { background: var(--cts-surface-2); color: var(--cts-text); }
body.admin .fc .fc-more-link { color: var(--cts-link) !important; }
body.admin .fc .fc-list-day-cushion,
body.admin .fc-theme-standard .fc-list-day-cushion { background: var(--cts-surface-2); }
body.admin .fc .fc-list-event:hover td { background: var(--cts-hover); }
body.admin .fc .fc-list-empty { background: var(--cts-surface); color: var(--cts-muted); }
body.admin .fc-theme-standard td,
body.admin .fc-theme-standard th,
body.admin .fc-theme-standard .fc-scrollgrid { border-color: var(--cts-border); }
body.admin .fc .fc-event { box-shadow: 0 0 0 1px rgba(2, 6, 23, .35); }
body.admin #newsfeed { background: var(--cts-bg); border-left: 1px solid var(--cts-border); }
body.admin #newsfeed .newsfeed_post.pinned > .panel-body { background: var(--cts-accent-soft); border-color: rgba(99, 133, 255, .4); }
body.admin #newsfeed .newsfeed_post .post-comment.panel-footer,
body.admin #newsfeed .newsfeed_post .post-likes.panel-footer {
  background: var(--cts-surface-2);
  border-color: var(--cts-border);
  color: var(--cts-text-2);
}
body.admin #newsfeed .newsfeed_post .user-comment.panel-footer { border-color: var(--cts-border); }
body.admin #newsfeed .newsfeed_post .user-post-like { background: var(--cts-surface); border-color: var(--cts-border); }
body.admin .modal_like_area { border-bottom-color: var(--cts-border); }
body.admin span.mention { background-color: var(--cts-accent-soft); color: var(--cts-link-hover); }
body.admin .gpicker {
  background: var(--cts-elevated);
  border-color: var(--cts-border);
  color: var(--cts-text-2);
}
body.admin .kb-article,
body.admin .article-heading { color: var(--cts-text-2); }
body.admin .gdpr-right { background: var(--cts-surface); border-color: var(--cts-border); }
body.admin .settings-menu .list-group-item.active,
body.admin #settings-menu li.active a { background: var(--cts-accent-soft); color: #fff; }
body.admin .modal-content.theme_style_modal_example { border-top-color: var(--cts-border) !important; }
body.admin .staff-profile-image-small,
body.admin .staff-profile-image-thumb,
body.admin .client-profile-image-small { box-shadow: 0 0 0 1px rgba(148, 163, 184, .25); }
body.admin iframe { color-scheme: normal; }
body.login_admin {
  background: radial-gradient(1200px 600px at 50% -10%, #17223A 0%, var(--cts-bg) 60%) fixed,
              var(--cts-bg) !important;
  color: var(--cts-text-2);
}
body.login_admin .company-logo { padding: 8px; }
body.login_admin .tw-bg-white,
body.login_admin .panel_s,
body.login_admin .panel-body,
body.login_admin form {
  background-color: var(--cts-surface) !important;
  color: var(--cts-text-2);
}
body.login_admin .tw-bg-white,
body.login_admin .panel_s {
  border: 1px solid var(--cts-border);
  box-shadow: var(--cts-shadow-3);
}
body.login_admin h1, body.login_admin h2, body.login_admin h3,
body.login_admin .tw-text-neutral-800, body.login_admin .tw-text-neutral-700 { color: var(--cts-text); }
body.login_admin .tw-text-neutral-600, body.login_admin .tw-text-neutral-500,
body.login_admin label, body.login_admin .control-label { color: var(--cts-text-2); }
body.login_admin a { color: var(--cts-link); }
body.login_admin a:hover { color: var(--cts-link-hover); text-decoration: underline; }
body.login_admin .form-control,
body.login_admin input[type="email"],
body.login_admin input[type="password"],
body.login_admin input[type="text"] {
  background: var(--cts-sunken);
  border-color: var(--cts-border-input);
  color: var(--cts-text);
}
body.login_admin .form-control:focus,
body.login_admin input:focus {
  border-color: var(--cts-accent);
  box-shadow: var(--cts-ring);
  outline: none;
}
body.login_admin input:-webkit-autofill {
  -webkit-text-fill-color: var(--cts-text);
  -webkit-box-shadow: 0 0 0 1000px var(--cts-sunken) inset;
}
body.login_admin .btn-primary { background: var(--cts-accent-strong); border-color: var(--cts-accent-strong); color: #fff; }
body.login_admin .btn-primary:hover, body.login_admin .btn-primary:focus { background: var(--cts-accent-press); border-color: var(--cts-accent-press); }
body.login_admin .checkbox label::before { background: var(--cts-sunken); border-color: var(--cts-border-input); }
body.login_admin .checkbox input:checked + label::before { background: var(--cts-accent-strong); border-color: var(--cts-accent-strong); }
body.login_admin .checkbox label::after { color: #fff; }
body.login_admin .alert-danger { background: var(--cts-danger-bg); border-color: var(--cts-danger-bd); color: var(--cts-danger-text); }
body.login_admin .alert-success { background: var(--cts-success-bg); border-color: var(--cts-success-bd); color: var(--cts-success-text); }
body.admin .btn-default:active:focus,
body.admin .btn-default:active.focus,
body.admin .btn-default.active:focus,
body.admin .btn-default.active:hover,
body.admin .btn-default.active.focus,
body.admin .btn-secondary:active.focus,
body.admin .btn-secondary.active:focus,
body.admin .btn-secondary.active:hover {
  background-color: #34445E;
  border-color: var(--cts-accent);
  color: #fff;
}
body.admin .btn-default.disabled:focus,
body.admin .btn-default.disabled.focus,
body.admin .btn-default[disabled]:focus,
body.admin .btn-default[disabled]:hover,
body.admin .btn-default[disabled].focus,
body.admin .btn-secondary.disabled:focus,
body.admin .btn-secondary.disabled:hover,
body.admin .btn-secondary[disabled]:focus,
body.admin fieldset[disabled] .btn-default:hover {
  background-color: var(--cts-elevated);
  border-color: var(--cts-border-strong);
  color: var(--cts-text);
}
body.admin .btn-warning.disabled:hover,
body.admin .btn-warning.disabled:focus,
body.admin .btn-warning[disabled]:hover,
body.admin .btn-warning[disabled]:focus { background-color: var(--cts-warning-solid); border-color: var(--cts-warning-solid); }
body.admin .table-hover > tbody > tr.danger:hover > td,
body.admin .table-hover > tbody > tr.danger:hover > th,
body.admin .table-hover > tbody > tr:hover > .danger,
body.admin .table-hover > tbody > tr > td.danger:hover { background-color: rgba(251, 113, 133, .20); }
body.admin .table-hover > tbody > tr.warning:hover > td,
body.admin .table-hover > tbody > tr.warning:hover > th,
body.admin .table-hover > tbody > tr:hover > .warning,
body.admin .table-hover > tbody > tr > td.warning:hover { background-color: rgba(251, 191, 36, .20); }
body.admin .table-hover > tbody > tr.success:hover > td,
body.admin .table-hover > tbody > tr:hover > .success { background-color: rgba(74, 222, 128, .18); }
body.admin .table-hover > tbody > tr.info:hover > td,
body.admin .table-hover > tbody > tr:hover > .info { background-color: rgba(56, 189, 248, .18); }
body.admin .table-hover > tbody > tr.active:hover > td,
body.admin .table-hover > tbody > tr.active:hover > th,
body.admin .table-hover > tbody > tr:hover > .active,
body.admin .table-hover > tbody > tr > td.active:hover { background-color: var(--cts-accent-soft-2); }
body.admin .table > tbody > tr.secondary > td,
body.admin .table > tbody > tr.secondary > th,
body.admin .table > tbody > tr > td.secondary,
body.admin .table > tfoot > tr.secondary,
body.admin .table > tfoot > tr.secondary > td { background-color: var(--cts-surface-2); color: var(--cts-text-2); }
body.admin .table-hover > tbody > tr.secondary:hover > td,
body.admin .table-hover > tbody > tr:hover > .secondary { background-color: var(--cts-hover); }
body.admin .bootstrap-select.btn-group.disabled,
body.admin .bootstrap-select.btn-group > .disabled,
body.admin .bootstrap-select.btn-group > .dropdown-toggle.disabled {
  background-color: rgba(30, 41, 59, .55);
  border-color: var(--cts-border);
  color: var(--cts-disabled);
}
body.admin .bootstrap-select .dropdown-menu .notify {
  background: var(--cts-elevated-2);
  border-color: var(--cts-border);
  color: var(--cts-text);
}
body.admin .nav .open > a,
body.admin .nav .open > a:hover,
body.admin .nav .open > a:focus {
  background-color: var(--cts-elevated);
  border-color: var(--cts-accent);
  color: var(--cts-text);
}
body.admin #header .navbar-nav > li.open > a,
body.admin #menu #side-menu .open > a { background-color: transparent; border-color: transparent; }
body.admin .panel-full-width-tabs .nav li a { background-color: transparent; color: var(--cts-muted); }
body.admin .panel-full-width-tabs .nav li.active a,
body.admin .panel-full-width-tabs .nav li a:hover { color: var(--cts-text); }
body.admin .pagination > .disabled > a:focus,
body.admin .pagination > .disabled > span:focus,
body.admin .pager .disabled > a,
body.admin .pager .disabled > a:hover,
body.admin .pager .disabled > a:focus { background: transparent; color: var(--cts-disabled); }
body.admin .pager li > a,
body.admin .pager li > span { background: var(--cts-elevated); border-color: var(--cts-border); color: var(--cts-text-2); }
body.admin .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
  background: var(--cts-accent-soft-2);
  border-color: var(--cts-accent);
  color: var(--cts-text);
}
body.admin #dropzoneDragArea,
body.admin .dropzoneDragArea {
  background-color: var(--cts-sunken);
  border-color: var(--cts-border-strong);
  color: var(--cts-muted);
}
body.admin #dropzoneDragArea:hover,
body.admin .dropzoneDragArea:hover { background-color: var(--cts-accent-soft); border-color: var(--cts-accent); }
body.admin .form-wrap.form-builder .frmb-control li {
  background-color: var(--cts-surface-2) !important;
  border-color: var(--cts-border) !important;
  color: var(--cts-text-2);
}
body.admin .form-wrap.form-builder .frmb-control li:hover { background-color: var(--cts-elevated) !important; color: var(--cts-text); }
body.admin .form-wrap.form-builder .frmb .form-elements {
  background-color: var(--cts-sunken) !important;
  border-color: var(--cts-border) !important;
}
body.admin .form-wrap.form-builder .frmb .field-label,
body.admin .form-wrap.form-builder .frmb .legend,
body.admin .form-wrap.form-builder .frmb li .close-field { color: var(--cts-text-2) !important; }
body.admin .form-wrap.form-builder .frmb .field-actions .btn {
  background-color: var(--cts-elevated) !important;
  border-color: var(--cts-border-strong) !important;
  color: var(--cts-text-2) !important;
}
body.admin .form-wrap.form-builder .frmb .field-actions .btn:hover { background-color: var(--cts-elevated-2) !important; color: #fff !important; }
body.admin .form-wrap.form-builder .frmb .sortable-options { background-color: var(--cts-elevated) !important; }
body.admin .form-wrap.form-builder .frmb .option-actions a,
body.admin .form-wrap.form-builder .frmb .option-actions button {
  background-color: var(--cts-elevated);
  border-color: var(--cts-border-strong);
  color: var(--cts-text);
}
body.admin .form-wrap.form-builder .empty .frmb { border-color: var(--cts-border-strong) !important; }
body.admin [id^=frmb-][id$=-form-wrap] .frmb li.form-field:hover { border-color: var(--cts-border-strong) !important; background-color: rgba(148, 163, 184, .04); }
body.admin [id^=frmb-][id$=-form-wrap] .frmb li.form-field.delete { background-color: var(--cts-danger-bg) !important; }
body.admin .form-wrap.form-builder .frmb li.ui-sortable-helper,
body.admin .form-wrap.form-builder .frmb li.moving { background-color: var(--cts-elevated) !important; }
body.admin .form-wrap.form-builder .frmb .prev-holder input,
body.admin .form-wrap.form-builder .frmb .prev-holder select,
body.admin .form-wrap.form-builder .frmb .prev-holder textarea,
body.admin .stage-wrap .form-field input,
body.admin .stage-wrap .form-field select,
body.admin .name-wrap input {
  background-color: var(--cts-sunken) !important;
  border-color: var(--cts-border-input) !important;
  color: var(--cts-text) !important;
}
body.admin .form-wrap.form-builder .cb-wrap,
body.admin .form-wrap.form-builder .frmb-control { background: transparent; }
body.admin .ui-button,
body.admin .ui-button.ui-state-active:hover { background: var(--cts-elevated); border-color: var(--cts-border); color: var(--cts-text); }
body.admin a:focus-visible,
body.admin button:focus-visible,
body.admin .btn:focus-visible,
body.admin [tabindex]:focus-visible,
body.admin .nav-tabs > li > a:focus-visible,
body.admin .dropdown-menu > li > a:focus-visible,
body.admin #side-menu li a:focus-visible,
body.login_admin a:focus-visible,
body.login_admin button:focus-visible {
  outline: 2px solid var(--cts-accent);
  outline-offset: 2px;
  box-shadow: none;
}
body.admin .btn:focus:not(:focus-visible) { outline: none; }
body.admin .dropdown-menu > li > a:focus-visible { outline-offset: -2px; }
@media (prefers-reduced-motion: reduce) {
  body.admin *,
  body.admin *::before,
  body.admin *::after,
  body.login_admin * {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}
@media (prefers-contrast: more) {
  body.admin,
  body.login_admin {
    --cts-text-2: #E2E8F0;
    --cts-muted: #B6C2D3;
    --cts-border: #4B5B73;
    --cts-border-soft: #3A4A63;
    --cts-border-input: #8494AB;
  }
}
@media (forced-colors: active) {
  body.admin .label[style*="background"] { forced-color-adjust: auto; }
}
@media print {
  body.admin,
  body.admin #wrapper,
  body.admin .panel_s,
  body.admin .panel-body,
  body.admin .table,
  body.admin table.dataTable thead > tr > th {
    background: #fff !important;
    color: #000 !important;
    box-shadow: none !important;
  }
  body.admin a { color: #000 !important; }
}
body.admin #wrapper [style*="background:#fbfcfe" i],
body.admin #wrapper [style*="background:#fbfcfd" i],
body.admin #wrapper [style*="background:#f9fbfd" i],
body.admin #wrapper [style*="background:#f8f9fb" i],
body.admin #wrapper [style*="background:#f7f9fb" i],
body.admin #wrapper [style*="background:#f4f6f9" i],
body.admin #wrapper [style*="background:#f5f5f5" i],
body.admin #wrapper [style*="background:#eef2f6" i],
body.admin #wrapper [style*="background:#f0f6ff" i],
body.admin #wrapper [style*="background:#eef4fb" i] {
  background: var(--cts-surface-2) !important;
  border-color: var(--cts-border) !important;
  color: var(--cts-text-2);
}
body.admin #wrapper [style*="background:#eef0f4" i],
body.admin #wrapper [style*="background:#eef1f4" i],
body.admin #wrapper [style*="background:#eceff1" i] { background: #2B3A52 !important; }
body.admin #wrapper [style*="background:#fff9e6" i],
body.admin #wrapper [style*="background:#fdf3e7" i],
body.admin #wrapper [style*="background:#f7f3e9" i],
body.admin #wrapper [style*="background:#fff3cd" i],
body.admin #wrapper [style*="background:#fdf9f0" i] {
  background: var(--cts-warning-bg) !important;
  border-color: var(--cts-warning-bd) !important;
}
body.admin #wrapper [style*="background:#eafaf0" i],
body.admin #wrapper [style*="background: rgb(243, 251, 245)"] {
  background: var(--cts-success-bg) !important;
}
body.admin #sd-tpl-preview-box[style*="background:#fff"] { background: var(--cts-surface-2) !important; }
body.admin #wrapper [style*="border:1px solid #e4e7ea" i],
body.admin #wrapper [style*="border:1px solid #e1e4e8" i],
body.admin #wrapper [style*="border:1px solid #d7e3f1" i] { border-color: var(--cts-border) !important; }
body.admin #wrapper [style*="border-top:2px solid #ddd" i],
body.admin #wrapper [style*="border-top:1px dashed #e4e7ea" i] { border-top-color: var(--cts-border-strong) !important; }
body.admin #wrapper [style*="color:#1F3A5F" i],
body.admin #wrapper [style*="color:#1f3b57" i],
body.admin #wrapper [style*="color:#34495e" i] { color: var(--cts-text) !important; }
body.admin #wrapper [style*="color:#2E6DA4" i] { color: var(--cts-link) !important; }
body.admin .sd-sla-clock {
  background: var(--cts-sunken);
  border: 1px solid var(--cts-border);
  border-radius: var(--cts-radius);
}
body.admin .sd-sla-box,
body.admin #sdSlaBox,
body.admin .sd-timer-box,
body.admin .sd-est-box { color: var(--cts-text-2); }
body.admin #sd-ticket-meta-wrap .sd-gm-panel[style*="border-left"] { border-left-color: var(--cts-accent) !important; }
body.admin .sd-step::before { background: var(--cts-border); }
body.admin .sd-step-circle {
  background: var(--cts-surface);
  border-color: var(--cts-border-strong);
  color: var(--cts-muted);
}
body.admin .sd-step-label { color: var(--cts-muted); }
body.admin .sd-step.sd-active .sd-step-circle {
  background: var(--cts-accent-strong);
  border-color: var(--cts-accent-strong);
  color: #fff;
  box-shadow: 0 0 0 4px rgba(99, 133, 255, .22);
}
body.admin .sd-step.sd-active .sd-step-label { color: var(--cts-link); }
body.admin .sd-step.sd-done .sd-step-circle { background: #0F9D7E; border-color: #0F9D7E; color: #fff; }
body.admin .sd-step.sd-done .sd-step-label { color: #5EEAD4; }
body.admin .sd-step.sd-reached:not(:first-child)::before { background: #0F9D7E; }
body.admin #sd-panel-root .sd-bar-label { color: var(--cts-muted); }
body.admin #sd-panel-root .sd-life { border-color: var(--cts-border-strong); color: var(--cts-text-2); }
body.admin #sd-panel-root .sd-life.active { background: var(--cts-accent-strong); border-color: var(--cts-accent-strong); color: #fff; }
body.admin #sd-panel-root .sd-life .badge { background: rgba(255, 255, 255, .10); color: var(--cts-text); }
body.admin #sd-panel-root .sd-life.active .badge { background: rgba(255, 255, 255, .25); color: #fff; }
body.admin #sd-panel-root .sd-chip {
  background: var(--cts-surface-2);
  border-color: var(--cts-border-strong);
  color: var(--cts-text-2);
}
body.admin #sd-panel-root .sd-chip:hover { border-color: #5B6B82; color: var(--cts-text); }
body.admin #sd-panel-root .sd-chip .sd-dot { box-shadow: 0 0 0 2px var(--cts-surface-2); }
body.admin #sd-panel-root .sd-chip .sd-chip-count { background: var(--cts-elevated-2); color: var(--cts-text); }
body.admin #sd-panel-root .sd-slachip.active {
  background: color-mix(in srgb, var(--dot) 22%, var(--cts-surface)) !important;
  border-color: var(--dot) !important;
  color: var(--cts-text) !important;
  box-shadow: inset 0 0 0 1px var(--dot);
}
body.admin #sd-panel-root .sd-slachip.active .sd-chip-count { background: var(--dot); color: #0B1220; }
body.admin #sd-panel-root .sd-fdd-btn { background: var(--cts-sunken); border-color: var(--cts-border-input); color: var(--cts-text-2); }
body.admin #sd-panel-root .sd-fdd-btn.on { border-color: var(--cts-accent); color: var(--cts-link-hover); }
body.admin #sd-panel-root .sd-fdd-badge { background: var(--cts-accent-strong); color: #fff; }
body.admin #sd-panel-root .sd-fdd-panel {
  background: var(--cts-elevated);
  border-color: var(--cts-border);
  box-shadow: var(--cts-shadow-3);
  color: var(--cts-text-2);
}
body.admin #sd-panel-root .sd-fdd-opt:hover { background: var(--cts-elevated-2); color: var(--cts-text); }
body.admin #sd-panel-root .sd-fdd-opt .sd-fc { color: var(--cts-muted); }
body.admin #sd-panel-root .sd-active-chips .sd-chip { background: var(--cts-accent-soft); border-color: rgba(99, 133, 255, .40); color: var(--cts-text); }
body.admin #sd-panel-root .sd-active-chips .sd-chip .rm { color: var(--cts-danger); }
body.admin .sd-cd[style*="rgb(231, 76, 60)"]  { color: var(--cts-danger) !important; }
body.admin .sd-cd[style*="rgb(230, 126, 34)"] { color: #FDBA74 !important; }
body.admin .sd-cd[style*="rgb(183, 121, 31)"] { color: var(--cts-warning) !important; }
body.admin .sd-cd[style*="rgb(39, 174, 96)"]  { color: var(--cts-success) !important; }
body.admin .sd-cd[style*="rgb(149, 165, 166)"] { color: var(--cts-muted) !important; }
body.admin [style*="color:#8e44ad" i] { color: #C4B5FD !important; }
body.admin .sd-mt {
  --navy: var(--cts-text);
  --blue: var(--cts-link);
  --muted: var(--cts-muted);
  --line: var(--cts-border);
}
body.admin .sd-mt .stat { background: var(--cts-surface); border-color: var(--cts-border); }
body.admin .sd-mt .stat.danger { background: var(--cts-danger-bg); border-color: var(--cts-danger-bd); }
body.admin .sd-mt .stat.warn { background: var(--cts-warning-bg); border-color: var(--cts-warning-bd); }
body.admin .sd-mt .segbar,
body.admin .sd-mt .bar .track { background: #2B3A52; }
body.admin .sd-mt .legend .lg,
body.admin .sd-mt .bar .lbl { color: var(--cts-text-2); }
body.admin .sd-mt table.mt thead th { background: var(--cts-surface-2); color: var(--cts-text-2); }
body.admin .sd-mt table.mt td { color: var(--cts-text-table); }
body.admin .sd-mt .rowred,
body.admin .sd-mt .rowred td { background: var(--cts-danger-bg); }
body.admin .sd-mt .rowred td:first-child { box-shadow: inset 3px 0 0 var(--cts-danger); }
body.admin .badge2 { box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, currentColor 45%, #fff); }
body.admin [style*="background:#e67e22;color:#fff" i] { background: #C2410C !important; }
body.admin [style*="background:#e74c3c;color:#fff" i] { background: #C62828 !important; }
body.admin [style*="background:#27ae60;color:#fff" i] { background: #15803D !important; }
body.admin [style*="background:#95a5a6;color:#fff" i] { background: #5B6B7C !important; }
body.admin [style*="background:#f1c40f;color:#fff" i] { color: #1A1300 !important; }
body.admin table.sd-sortable thead th.sd-sort-th:hover { background-image: linear-gradient(rgba(99, 133, 255, .12), rgba(99, 133, 255, .12)); }
body.admin th.sd-sort-asc,
body.admin th.sd-sort-desc { color: var(--cts-link) !important; box-shadow: inset 0 -2px 0 var(--cts-accent) !important; }
body.admin th.sd-sort-asc:after,
body.admin th.sd-sort-desc:after { color: var(--cts-link) !important; }
body.admin .sd-tk-table,
body.admin .sd-tk-detail { color: var(--cts-text-table); }
body.admin .sd-grp-head td { color: var(--cts-text); font-weight: 600; }
body.admin .sd-rate-all-bar { color: var(--cts-text-2); }
body.admin #sd-audit-old { background: var(--cts-danger-bg); }
body.admin #sd-audit-new { background: var(--cts-success-bg); }
body.admin #wrapper th[style*="background:#34495e" i],
body.admin #wrapper [style*="background:#34495e;color:#fff" i] { background: #33455F !important; }
body.admin .sd-newticket-fields { background: var(--cts-surface-2) !important; border-color: var(--cts-border) !important; }
body.admin .pe-progress { background: #2B3A52; }
body.admin .pe-progress-value,
body.admin .pe-card .pe-card-label,
body.admin .pe-dashboard .pe-dash-title,
body.admin .pe-kpi-label,
body.admin .pe-kpi-help,
body.admin .pe-code,
body.admin .pe-legend-item { color: var(--cts-muted); }
body.admin .pe-card,
body.admin .pe-kpi,
body.admin .pe-chart-box,
body.admin .pe-list-box,
body.admin .pe-gantt-wrapper {
  background: var(--cts-surface);
  border-color: var(--cts-border);
}
body.admin .pe-chart-box { background: #243149; }
body.admin .pe-card .pe-card-value,
body.admin .pe-kpi-value { color: var(--cts-text); }
body.admin .pe-card.pe-card-danger .pe-card-value { color: var(--cts-danger); }
body.admin .pe-card.pe-card-success .pe-card-value { color: var(--cts-success); }
body.admin .pe-phase-header td { background: #22324D !important; color: var(--cts-text); font-weight: 600; }
body.admin .pe-activity-row.pe-needs-review td { background: var(--cts-warning-bg); }
body.admin .pe-activity-row .pe-drag { color: #5B6B82; }
body.admin .pe-impact-old { color: var(--cts-disabled); }
body.admin .pe-impact-new { color: var(--cts-success); }
body.admin .pe-locked-note {
  background: var(--cts-surface-2);
  border-left-color: var(--cts-border-strong);
  color: var(--cts-text-2);
}
body.admin .gantt .pe-nonworking-weekend { fill: rgba(2, 6, 23, .30) !important; }
body.admin .gantt .pe-nonworking-holiday { fill: rgba(251, 113, 133, .16) !important; }
body.admin .gantt .pe-nonworking-exception { fill: rgba(74, 222, 128, .14) !important; }
body.admin .gantt .pe-today-line { stroke: var(--cts-danger) !important; }
body.admin .pe-portal {
  --pe-ink: var(--cts-text);
  --pe-ink-2: var(--cts-text-2);
  --pe-muted: var(--cts-muted);
  --pe-faint: #7C8BA1;
  --pe-line: var(--cts-border);
  --pe-soft: var(--cts-surface-2);
  --pe-card: var(--cts-surface);
  --pe-blue: #6385FF;   --pe-blue-soft: rgba(99, 133, 255, .18);
  --pe-green: #4ADE80;  --pe-green-soft: rgba(74, 222, 128, .15);
  --pe-amber: #FBBF24;  --pe-amber-soft: rgba(251, 191, 36, .15);
  --pe-red: #FB7185;    --pe-red-soft: rgba(251, 113, 133, .15);
  --pe-slate-soft: var(--cts-elevated);
  color: var(--pe-ink-2);
}
body.admin .pe-portal .pe-btn,
body.admin .pe-portal .pe-seg button,
body.admin .pe-portal .pe-filter,
body.admin .pe-portal .pe-kpi,
body.admin .pe-portal .pe-plan-card,
body.admin .pe-portal .pe-table th,
body.admin .pe-portal .pe-g-side,
body.admin .pe-portal .pe-g-head,
body.admin .pe-portal .pe-sheet-panel { background: var(--cts-surface); border-color: var(--cts-border); }
body.admin .pe-portal .pe-btn:hover,
body.admin .pe-portal .pe-filter:hover { background: var(--cts-elevated); }
body.admin .pe-portal .pe-seg button.is-active,
body.admin .pe-portal .pe-filter.is-active { background: var(--cts-accent-strong); border-color: var(--cts-accent-strong); color: #fff; }
body.admin .pe-portal .pe-btn--danger { background: transparent; border-color: var(--cts-danger-bd); color: var(--cts-danger) !important; }
body.admin .pe-portal .pe-chip--green { color: var(--cts-success-text); }
body.admin .pe-portal .pe-chip--blue  { color: var(--cts-link-hover); }
body.admin .pe-portal .pe-chip--amber { color: var(--cts-warning-text); }
body.admin .pe-portal .pe-chip--red   { color: var(--cts-danger-text); }
body.admin .pe-portal .pe-note--green { background: var(--cts-success-bg); color: var(--cts-success-text); border-color: var(--cts-success-bd); }
body.admin .pe-portal .pe-note--amber { background: var(--cts-warning-bg); color: var(--cts-warning-text); border-color: var(--cts-warning-bd); }
body.admin .pe-portal .pe-g-row,
body.admin .pe-portal .pe-table td { border-bottom-color: var(--cts-border-soft); }
body.admin .pe-portal .pe-g-off { background: rgba(2, 6, 23, .28); }
body.admin .pe-portal.pe-admin-gantt .pe-g-off.is-holiday { background: rgba(251, 113, 133, .14); }
body.admin .pe-portal .pe-g-tick { background: var(--cts-border-soft); }
body.admin .pe-portal .pe-g-today span { background: var(--cts-surface); color: var(--cts-danger); }
body.admin .pe-portal .pe-g-bar            { background: #7C9CFF; color: #0B1220; }
body.admin .pe-portal .pe-g-bar.is-client  { background: #F5C451; color: #1A1300; }
body.admin .pe-portal .pe-g-bar.is-done    { background: #4ADE80; color: #052E16; }
body.admin .pe-portal .pe-g-bar.is-delayed { background: #FB7185; color: #2A0A12; }
body.admin .pe-portal .pe-g-bar.is-blocked { background: repeating-linear-gradient(45deg, #F5C451 0 5px, #B8902F 5px 10px); color: #1A1300; }
body.admin .pe-portal.pe-admin-gantt .pe-g-handle { background: rgba(241, 245, 249, .25); }
body.admin .pe-portal .pe-g-row--act:hover,
body.admin .pe-portal .pe-g-row--act:hover .pe-g-side { background: var(--cts-hover); }
body.admin .pe-portal .pe-tag { color: var(--cts-warning-text); }
body.admin .pe-portal .pe-tag--ms { background: var(--cts-ai-bg); color: #C4B5FD; }
body.admin .pe-portal .pe-avatar { color: var(--cts-link-hover); }
body.admin .pe-portal .pe-approval { background: linear-gradient(180deg, rgba(251, 191, 36, .10) 0, var(--cts-surface) 120px); border-color: var(--cts-warning-bd); }
body.admin .pe-portal .pe-approval-icon { color: var(--cts-warning); }
body.admin .pe-portal .pe-act-link { border-bottom-color: var(--cts-muted); }
body.admin .pe-portal .pe-sheet-backdrop { background: rgba(2, 6, 23, .65); }
body.admin .pe-portal .pe-search,
body.admin .pe-portal .pe-input { background: var(--cts-sunken); border-color: var(--cts-border-input); color: var(--cts-text); }
body.admin .pe-swatch[style*="background:#0f172a" i] { background: var(--cts-text) !important; }
body.admin .pe-swatch[style*="background:#f4f6f9" i] { background: rgba(2, 6, 23, .45) !important; border-color: var(--cts-border) !important; }
body.admin .pe-swatch[style*="background:#fdecec" i] { background: rgba(251, 113, 133, .25) !important; border-color: var(--cts-danger-bd) !important; }
body.admin.procesar_facturacion [style*="color:#1e8449" i] { color: var(--cts-success) !important; }
body.admin.procesar_facturacion [style*="color:#4a3aa7" i] { color: #A5B4FC !important; }
body.admin.procesar_facturacion [style*="color:#2a78d6" i] { color: #7DB4F5 !important; }
body.admin.procesar_facturacion [style*="color:#e34948" i] { color: var(--cts-danger) !important; }
body.admin.procesar_facturacion [style*="border-left:4px solid #1f3b57" i] { border-left-color: #6385FF !important; }
body.admin.procesar_facturacion .pf-plan-row,
body.admin.procesar_facturacion tr.pf-plan-row[style] { background: #22324D !important; color: var(--cts-text); }
body.admin.procesar_facturacion .pf-milestone-row:hover { background: var(--cts-hover); }
body.admin.procesar_facturacion .pf-col-resizer:hover { background: rgba(99, 133, 255, .40); }
body.admin.procesar_facturacion .pf-chip,
body.admin.procesar_facturacion .pf-tpl-chip {
  background: var(--cts-elevated);
  border-color: var(--cts-border);
  color: var(--cts-text);
}
body.admin.procesar_facturacion .pf-percent,
body.admin.procesar_facturacion .pf-amount { font-variant-numeric: tabular-nums; }
body.admin.procesar_facturacion .label[style*="background:#e0a800" i] { background: var(--cts-warning-solid) !important; color: var(--cts-on-warning) !important; }
body.admin #pf-preview-body {
  color-scheme: light;
  background: #fff !important;
  color: #1F2937;
  border-color: var(--cts-border-strong) !important;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .04);
}
body.admin #pf-preview-body a { color: #1D4ED8; }
body.admin #pf-preview-body th,
body.admin #pf-preview-body td { color: #1F2937; }
body.admin.procesar_facturacion canvas { background: transparent; }
body.admin.estados_cuenta tr.text-danger td,
body.admin.estados_cuenta tr.text-danger a { color: var(--cts-danger); }
body.admin.estados_cuenta tr.bold td { color: var(--cts-text); border-top: 2px solid var(--cts-border-strong); }
body.admin.estados_cuenta .ec-filter { min-height: 32px; }
body.admin.estados_cuenta #ec_clear_filters { color: var(--cts-link); }
body.admin.estados_cuenta td { font-variant-numeric: tabular-nums; }
body.admin .cm-editor {
  background: var(--cts-sunken) !important;
  border-color: var(--cts-border) !important;
  color: var(--cts-text) !important;
}
body.admin .cm-editor.cm-focused { border-color: var(--cts-accent) !important; box-shadow: var(--cts-ring); outline: none !important; }
body.admin .cm-editor .cm-content { caret-color: var(--cts-text) !important; color: var(--cts-text-table); }
body.admin .cm-editor .cm-cursor { border-left-color: var(--cts-text) !important; }
body.admin .cm-editor .cm-gutters {
  background: var(--cts-surface-2) !important;
  border-right-color: var(--cts-border) !important;
  color: #7C8BA1 !important;
}
body.admin .cm-editor .cm-activeLine { background: rgba(99, 133, 255, .07) !important; }
body.admin .cm-editor .cm-activeLineGutter { background: rgba(99, 133, 255, .14) !important; color: var(--cts-text-2) !important; }
body.admin .cm-editor .cm-selectionBackground,
body.admin .cm-editor.cm-focused .cm-selectionBackground,
body.admin .cm-editor ::selection { background: rgba(99, 133, 255, .35) !important; }
body.admin .cm-editor .cm-line span[class] { -webkit-text-fill-color: color-mix(in srgb, currentColor 50%, #fff); }
body.admin .cm-editor .cm-tooltip,
body.admin .cm-editor .cm-panels {
  background: var(--cts-elevated) !important;
  border-color: var(--cts-border) !important;
  color: var(--cts-text) !important;
}
body.admin .cm-editor .cm-button { background: var(--cts-elevated-2) !important; border-color: var(--cts-border) !important; color: var(--cts-text) !important; background-image: none !important; }
body.admin .cm-editor .cm-textfield { background: var(--cts-sunken) !important; border-color: var(--cts-border-input) !important; color: var(--cts-text) !important; }
body.admin .cm-diagnostic-error,
body.admin .cm-lint-marker-error { color: var(--cts-danger) !important; }
body.admin .cm-diagnostic { background: var(--cts-elevated); color: var(--cts-text); }
body.admin .einvoice-template .template-variables .list-group-item { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; }
body.admin #sunat_einvoice_invoice_fields,
body.admin #sunat_einvoice_tab,
body.admin #sunat_cn_fields {
  border-color: var(--cts-border);
  color: var(--cts-text-2);
}
body.admin.sunat_einvoice .table-condensed td.text-muted { color: var(--cts-muted); width: auto; }
body.admin.sunat_einvoice code,
body.admin.sunat_einvoice_settings code { word-break: break-all; }
body.admin.sunat_einvoice .panel_s.text-center h3 { font-variant-numeric: tabular-nums; }
body.admin.sunat_einvoice .text-default { color: var(--cts-text); }
body.admin .goal-progress {
  border-radius: 50%;
  box-shadow: inset 0 0 0 14px #2B3A52;
}
body.admin .goal-percent,
body.admin strong.goal-percent { color: var(--cts-text); }
body.admin .achievement { color: var(--cts-text-2); }
body.admin .survey_input_box_description { border-color: var(--cts-border); }
body.admin #survey_questions li .question { border: 2px dashed transparent; border-radius: var(--cts-radius); }
body.admin #survey_questions li .question:hover { border-color: var(--cts-border-strong); }
body.admin .ui-state-highlight-survey { border-color: rgba(99, 133, 255, .55); background: var(--cts-accent-soft); }
body.admin #survey_questions .box_area,
body.admin .survey_add_more_box { color: var(--cts-text-2); }
body.admin .dd3-handle:before { color: var(--cts-text-2); }
body.admin .dd-item[style*="opacity:0.5"] > .dd3-content { border-style: dashed !important; }
body.admin #job-status-container { color: var(--cts-text-2); }
body.admin .ctsag-calendar {
  --fc-border-color: var(--cts-border);
  --fc-today-bg-color: rgba(99, 133, 255, .07);
  --fc-now-indicator-color: var(--cts-danger);
  --fc-page-bg-color: var(--cts-surface);
  --fc-neutral-bg-color: var(--cts-surface-2);
  --fc-non-business-color: rgba(2, 6, 23, .28);
  --fc-button-text-color: var(--cts-text);
  --fc-button-bg-color: var(--cts-elevated);
  --fc-button-border-color: var(--cts-border-strong);
  --fc-button-hover-bg-color: var(--cts-elevated-2);
  --fc-button-hover-border-color: #5B6B82;
  --fc-button-active-bg-color: var(--cts-accent-soft-2);
  --fc-button-active-border-color: var(--cts-accent);
  --fc-list-event-hover-bg-color: var(--cts-hover);
}
body.admin .ctsag-side-title,
body.admin .ctsag-cal-item { color: var(--cts-text-2); }
body.admin .ctsag-cal-item:hover { background: var(--cts-hover); }
body.admin .ctsag-cal-item input:focus-visible + .ctsag-cal-box { outline: 2px solid var(--cts-accent); }
body.admin .ctsag-cal-sub { color: var(--cts-muted); }
body.admin .ctsag-cal-warn { color: var(--cts-danger); }
body.admin .ctsag-seg { border-color: var(--cts-border-strong); }
body.admin .ctsag-seg button { background: var(--cts-elevated); color: var(--cts-text-2); }
body.admin .ctsag-seg button:hover { background: var(--cts-elevated-2); color: var(--cts-text); }
body.admin .ctsag-seg button.active { background: var(--cts-accent-soft-2); color: #fff; }
body.admin .ctsag-calendar .fc-toolbar-title { color: var(--cts-text); }
body.admin .ctsag-calendar.fc .fc-button-primary {
  background: var(--cts-elevated) !important;
  color: var(--cts-text) !important;
  border: 1px solid var(--cts-border-strong) !important;
}
body.admin .ctsag-calendar.fc .fc-button-primary:hover { background: var(--cts-elevated-2) !important; }
body.admin .ctsag-calendar.fc .fc-button-primary.fc-button-active,
body.admin .ctsag-calendar.fc .fc-button-primary:not(:disabled):active {
  background: var(--cts-accent-soft-2) !important;
  color: #fff !important;
  border-color: var(--cts-accent) !important;
}
body.admin .ctsag-calendar.fc .fc-prev-button,
body.admin .ctsag-calendar.fc .fc-next-button { background: transparent !important; border-color: transparent !important; }
body.admin .ctsag-calendar.fc .fc-prev-button:hover,
body.admin .ctsag-calendar.fc .fc-next-button:hover { background: var(--cts-elevated) !important; }
body.admin .ctsag-calendar .fc-col-header-cell { background: var(--cts-surface-2); }
body.admin .ctsag-calendar .fc-col-header-cell-cushion,
body.admin .ctsag-calendar .ctsag-dh-dow,
body.admin .ctsag-calendar .fc-timegrid-slot-label-cushion { color: var(--cts-muted) !important; }
body.admin .ctsag-calendar .ctsag-dh-num,
body.admin .ctsag-calendar .fc-daygrid-day-number,
body.admin .ctsag-calendar .fc-more-link { color: var(--cts-text-2) !important; }
body.admin .ctsag-calendar .ctsag-dh-num.is-today,
body.admin .ctsag-calendar .fc-day-today .fc-daygrid-day-number { background: var(--cts-accent-strong); color: #fff !important; }
body.admin .ctsag-calendar .fc-list-day-cushion { background: var(--cts-surface-2) !important; }
body.admin .ctsag-calendar .fc-timegrid-event-harness-inset .fc-timegrid-event { box-shadow: 0 0 0 1px var(--cts-surface); }
body.admin .ctsag-calendar .fc-daygrid-event:hover { background: var(--cts-hover) !important; }
body.admin .ctsag-calendar .fc-event.ctsag-other {
  background: color-mix(in srgb, var(--ctsag-color, #64748B) 26%, var(--cts-surface)) !important;
  border-color: var(--ctsag-color, #64748B) !important;
}
body.admin .ctsag-calendar .fc-event.ctsag-other,
body.admin .ctsag-calendar .fc-event.ctsag-other .fc-event-main,
body.admin .ctsag-calendar .fc-event.ctsag-other .ctsag-ev-title,
body.admin .ctsag-calendar .fc-event.ctsag-other .fc-event-title { color: var(--cts-text) !important; }
body.admin .ctsag-calendar .ctsag-other:hover { box-shadow: 0 0 0 1px var(--ctsag-color, #64748B); }
body.admin .ctsag-calendar .fc-event:not(.ctsag-own) .ctsag-ev-line,
body.admin .ctsag-calendar .fc-list-event:not(.ctsag-own) .ctsag-ev-title { color: var(--cts-text-2); }
body.admin .ctsag-calendar .fc-event.ctsag-own .ctsag-ev-title { color: #fff; }
body.admin .ctsag-calendar .ctsag-ev-time,
body.admin .ctsag-calendar .ctsag-ev-list-meta { color: var(--cts-muted); }
body.admin .ctsag-calendar .ctsag-own .ctsag-ev-time,
body.admin .ctsag-calendar .ctsag-own .ctsag-ev-meta { color: rgba(255, 255, 255, .85); }
body.admin .ctsag-stats span,
body.admin .ctsag-filters label,
body.admin .ctsag-dl dt { color: var(--cts-muted); }
body.admin .ctsag-dl dd { color: var(--cts-text); }
body.admin .ctsag-reminder-list li,
body.admin .ctsag-assignment,
body.admin .ctsag-widget-item { border-bottom-color: var(--cts-border-soft); }
body.admin .ctsag-account { border-color: var(--cts-border); background: var(--cts-surface); }
body.admin .ctsag-account-error { background: var(--cts-danger-bg); border-color: var(--cts-danger-bd); }
body.admin .ctsag-error { color: var(--cts-danger-text); }
body.admin .ctsag-error details { color: var(--cts-text-2); }
body.admin .ctsag-menu-btn { color: var(--cts-text-2); }
body.admin .ctsag-color { border-color: var(--cts-border-input); }
body.admin .ctsag-chip { background: var(--cts-elevated); color: var(--cts-text); }
body.admin .ctsag-dot { box-shadow: 0 0 0 1px rgba(255, 255, 255, .15); }
body.admin .ctsag-widget-live { background: var(--cts-success-bg); box-shadow: inset 4px 0 0 var(--cts-success); }
body.admin .ctsag-widget-live b { color: var(--cts-success-text); }
body.admin .ctsag-widget-next { background: var(--cts-accent-soft); box-shadow: inset 4px 0 0 var(--cts-accent); }
body.admin .ctsag-widget-next b { color: var(--cts-link-hover); }
body.admin .ctsag-popup {
  background: var(--cts-elevated);
  color: var(--cts-text);
  border-left-color: var(--cts-accent);
  box-shadow: var(--cts-shadow-3);
  outline: 1px solid var(--cts-border);
}
body.admin .ctsag-popup-kicker { color: var(--cts-link); }
body.admin .ctsag-popup-team .ctsag-popup-kicker { color: #D8B4FE; }
body.admin .ctsag-popup-team { border-left-color: #C084FC; }
body.admin .ctsag-popup-ask .ctsag-popup-kicker { color: var(--cts-success); }
body.admin .ctsag-popup-ask { border-left-color: var(--cts-success); }
body.admin .ctsag-popup-owner { color: var(--cts-text-2); }
body.admin .ctsag-popup-meta { color: var(--cts-muted); }
body.admin .ctsag-popup-close { color: var(--cts-muted); }
body.admin .ctsag-popup-close:hover { color: var(--cts-text); }
body.admin .ccc,
body.admin .ccc-host {
  --c-bg: var(--cts-surface);
  --c-soft: var(--cts-bg);
  --c-line: var(--cts-border);
  --c-text: var(--cts-text);
  --c-mute: var(--cts-muted);
  --c-pri: var(--cts-accent-strong);
  --c-pri-d: var(--cts-accent-press);
  --c-pri-s: rgba(99, 133, 255, .20);
  --c-mine: #23366B;
  --c-ok: var(--cts-success);
  --c-warn: var(--cts-warning);
  --c-warn-s: var(--cts-warning-bg);
  --c-err: var(--cts-danger);
  --c-ai: var(--cts-ai);
  --c-ai-s: #2A2547;
  --c-client: #5EEAD4;
  --c-client-s: rgba(94, 234, 212, .14);
  --sh: 0 16px 40px rgba(0, 0, 0, .55), 0 2px 6px rgba(0, 0, 0, .35);
  color-scheme: dark;
}
body.admin .ccc-launcher { box-shadow: 0 6px 20px rgba(0, 0, 0, .45); }
body.admin .ccc-launcher:focus-visible { outline-color: var(--cts-link-hover); }
body.admin .ccc-launcher.is-open { background: #3A4A63; }
body.admin .ccc-launcher__badge { border-color: var(--cts-bg); }
body.admin .ccc-panel { border: 1px solid var(--cts-border-strong); }
body.admin .ccc-chip { background: var(--cts-elevated); border-color: var(--cts-border); box-shadow: var(--cts-shadow-2); color: var(--cts-text); }
body.admin .ccc-chip.has-unread { background: #3A2F14; border-color: #F59E0B; }
body.admin .ccc .ccc-btn { background: var(--cts-elevated) !important; color: var(--cts-text); border-color: var(--cts-border-strong); }
body.admin .ccc .ccc-btn:hover,
body.admin .ccc .ccc-btn-ico:hover { background: var(--cts-elevated-2) !important; }
body.admin .ccc .ccc-btn--primary { background: var(--cts-accent-strong) !important; border-color: var(--cts-accent-strong); }
body.admin .ccc .ccc-btn--danger { border-color: var(--cts-danger-bd) !important; color: var(--cts-danger); }
body.admin .ccc .ccc-btn--danger:hover { background: var(--cts-danger-bg) !important; }
body.admin .ccc .ccc-input { background: var(--cts-sunken); color: var(--cts-text); border-color: var(--cts-border-input); }
body.admin .ccc .ccc-input:focus { box-shadow: var(--cts-ring); border-color: var(--cts-accent); }
body.admin .ccc .ccc-toggle i { background: #3A4A63; }
body.admin .ccc .ccc-check { border-color: var(--cts-border-input); }
body.admin .ccc .ccc-badge--muted { background: #4B5D79; }
body.admin .ccc .ccc-more { background: var(--cts-elevated) !important; color: var(--cts-text); }
body.admin .ccc .ccc-day span { background: var(--cts-elevated); color: var(--cts-text-2); }
body.admin .ccc .ccc-sys span { background: transparent; color: var(--cts-muted); }
body.admin .ccc .ccc-drop { background: rgba(30, 44, 74, .92); color: var(--cts-text); }
body.admin .ccc .ccc-msg--selectable.is-selected { background: var(--cts-accent-soft); }
body.admin .ccc .ccc-item__flag { color: var(--cts-muted); }
body.admin .ccc .ccc-bubble {
  background: var(--cts-surface-2);
  color: var(--cts-text);
  box-shadow: 0 1px 1.5px rgba(0, 0, 0, .35);
}
body.admin .ccc .ccc-msg--mine .ccc-bubble { background: var(--c-mine); }
body.admin .ccc .ccc-msg--ai .ccc-bubble { background: var(--c-ai-s); border-color: #463C78; }
body.admin .ccc .ccc-msg--failed .ccc-bubble { background: #3A1F2B; }
body.admin .ccc .ccc-bubble__name[style] { -webkit-text-fill-color: color-mix(in srgb, currentColor 50%, #fff); }
body.admin .ccc .ccc-bubble__tr { border-top-color: var(--cts-border-strong); }
body.admin .ccc .ccc-mention { background: rgba(99, 133, 255, .22); color: var(--cts-link-hover); }
body.admin .ccc .ccc-code { background: rgba(148, 163, 184, .16); }
body.admin .ccc .ccc-quote { background: rgba(148, 163, 184, .10) !important; }
body.admin .ccc .ccc-preview { background: rgba(148, 163, 184, .10); border-left-color: var(--cts-muted); }
body.admin .ccc .ccc-preview:hover { background: rgba(148, 163, 184, .16); }
body.admin .ccc .ccc-att { background: rgba(148, 163, 184, .10); }
body.admin .ccc .ccc-att:hover { background: rgba(148, 163, 184, .16); }
body.admin .ccc .ccc-att-img { background: var(--cts-elevated) !important; }
body.admin .ccc .ccc-pre { border: 1px solid var(--cts-border); background: #0B1220; }
body.admin .ccc .ccc-md hr { border-color: #463C78; }
body.admin .ccc .ccc-md-quote { border-left-color: #8B7BD8; }
body.admin .ccc .ccc-md-table th,
body.admin .ccc .ccc-md-table td { border-color: #463C78; }
body.admin .ccc .ccc-md-table th { background: rgba(167, 139, 250, .14); }
body.admin .ccc .ccc-spin { border-color: #5B4B9A; }
body.admin .ccc .ccc-tick .ccc-ico { color: var(--cts-muted); }
body.admin .ccc .ccc-tick--read .ccc-ico { color: var(--cts-info); }
body.admin .ccc .ccc-star .ccc-ico { color: var(--cts-warning); }
body.admin .ccc .ccc-react { background: var(--cts-elevated) !important; border-color: var(--cts-border); color: var(--cts-text); }
body.admin .ccc .ccc-react.is-mine { border-color: var(--cts-accent) !important; background: var(--cts-accent-soft) !important; }
body.admin .ccc .ccc-msg__tools { background: var(--cts-elevated); box-shadow: var(--cts-shadow-2); border: 1px solid var(--cts-border); }
body.admin .ccc .ccc-card { background: var(--cts-surface); border-color: #463C78; box-shadow: var(--cts-shadow-1); }
body.admin .ccc .ccc-card--cancelled,
body.admin .ccc .ccc-card--expired { border-left-color: #64748B; }
body.admin .ccc .ccc-card--done .ccc-card__st { background: var(--cts-success-bg); color: var(--cts-success-text); }
body.admin .ccc .ccc-card--failed .ccc-card__st { background: var(--cts-danger-bg); color: var(--cts-danger-text); }
body.admin .ccc .ccc-ta { background: var(--cts-sunken); color: var(--cts-text); }
body.admin .ccc .ccc-ta:focus { background: #1A2539; box-shadow: var(--cts-ring); }
body.admin .ccc .ccc-ta::placeholder { color: var(--cts-placeholder); }
body.admin .ccc .ccc-up--error { background: var(--cts-danger-bg); }
body.admin .ccc .ccc-up__bar { background: rgba(148, 163, 184, .25); }
body.admin .ccc .ccc-mentions,
body.admin .ccc .ccc-menu,
body.admin .ccc .ccc-emoji,
body.admin .ccc .ccc-modal {
  background: var(--cts-elevated);
  border: 1px solid var(--cts-border);
  color: var(--cts-text);
}
body.admin .ccc .ccc-backdrop { background: rgba(2, 6, 23, .65); }
body.admin .ccc .ccc-toast { background: #E2E8F0; color: #0F172A; }
body.admin .ccc .ccc-pend.has-items { color: #FDBA74; }
body.admin .ccc .ccc-side__scroll,
body.admin .ccc .ccc-msgs,
body.admin .ccc .ccc-info__scroll { scrollbar-color: #3A4A63 transparent; }

/* ===== PORTAL (body.customers) ===== */
body.customers {
  --cts-bg: #0F172A;  --cts-header: #111B2E;  --cts-sunken: #162033;
  --cts-surface: #1E293B;  --cts-surface-2: #223049;  --cts-elevated: #263449;
  --cts-elevated-2: #2E3D55;  --cts-hover: #24324A;
  --cts-border-soft: #2A3850;  --cts-border: #334155;  --cts-border-strong: #475569;
  --cts-border-input: #64748B;
  --cts-text: #F1F5F9;  --cts-text-2: #CBD5E1;  --cts-text-table: #E2E8F0;
  --cts-muted: #94A3B8;  --cts-disabled: #7C8BA1;  --cts-placeholder: #7C8BA1;
  --cts-accent: #6385FF;  --cts-accent-strong: #4466E8;  --cts-accent-press: #3D5FE0;
  --cts-accent-soft: rgba(99, 133, 255, .14);  --cts-accent-soft-2: rgba(99, 133, 255, .24);
  --cts-link: #8FA8FF;  --cts-link-hover: #B4C4FF;
  --cts-success: #4ADE80;  --cts-success-text: #86EFAC;  --cts-success-bg: rgba(74, 222, 128, .12);  --cts-success-bd: rgba(74, 222, 128, .35);  --cts-success-solid: #15803D;  --cts-success-solid-h: #166534;
  --cts-warning: #FBBF24;  --cts-warning-text: #FCD34D;  --cts-warning-bg: rgba(251, 191, 36, .12);  --cts-warning-bd: rgba(251, 191, 36, .38);  --cts-warning-solid: #FBBF24;  --cts-warning-solid-h: #F59E0B;  --cts-on-warning: #1A1300;
  --cts-danger: #FB7185;  --cts-danger-text: #FDA4AF;  --cts-danger-bg: rgba(251, 113, 133, .12);  --cts-danger-bd: rgba(251, 113, 133, .38);  --cts-danger-solid: #DC2626;  --cts-danger-solid-h: #B91C1C;
  --cts-info: #38BDF8;  --cts-info-text: #7DD3FC;  --cts-info-bg: rgba(56, 189, 248, .12);  --cts-info-bd: rgba(56, 189, 248, .35);  --cts-info-solid: #0369A1;  --cts-info-solid-h: #075985;
  --cts-ai: #A78BFA;  --cts-ai-bg: rgba(167, 139, 250, .14);
  --cts-radius: 8px;
  --cts-shadow-1: 0 1px 2px rgba(0, 0, 0, .30);
  --cts-shadow-2: 0 4px 12px rgba(0, 0, 0, .35), 0 1px 2px rgba(0, 0, 0, .25);
  --cts-shadow-3: 0 16px 40px rgba(0, 0, 0, .50), 0 2px 6px rgba(0, 0, 0, .30);
  --cts-ring: 0 0 0 3px rgba(99, 133, 255, .40);
  --cts-ring-danger: 0 0 0 3px rgba(251, 113, 133, .35);
  --cts-t: .14s;
  color-scheme: dark;
}
body.customers,
body.customers #wrapper,
body.customers #content {
  background: var(--cts-bg);
  color: var(--cts-text-2);
}
body.customers h1, body.customers h2, body.customers h3,
body.customers h4, body.customers h5, body.customers h6 { color: var(--cts-text); }
body.customers small, body.customers .small { color: var(--cts-muted); }
body.customers hr { border-top-color: var(--cts-border); }
body.customers a { color: var(--cts-link); text-underline-offset: 2px; }
body.customers a:hover, body.customers a:focus { color: var(--cts-link-hover); }
body.customers .panel-body p a:not(.btn):not(.label),
body.customers .tc-content a:not(.btn),
body.customers .kb-article a:not(.btn) { text-decoration: underline; text-decoration-color: rgba(143, 168, 255, .45); }
body.customers ::selection { background: rgba(99, 133, 255, .40); color: #fff; }
body.customers, body.customers * { scrollbar-color: #3A4A63 transparent; }
body.customers ::-webkit-scrollbar { width: 10px; height: 10px; }
body.customers ::-webkit-scrollbar-thumb { background: #3A4A63; border-radius: 10px; border: 2px solid transparent; background-clip: padding-box; }
body.customers code { background: rgba(251, 113, 133, .10); color: var(--cts-danger-text); }
body.customers pre, body.customers .well { background: var(--cts-sunken); border-color: var(--cts-border); color: var(--cts-text-2); box-shadow: none; }
body.customers .text-muted { color: var(--cts-muted); }
body.customers .text-success { color: var(--cts-success); }
body.customers .text-info { color: var(--cts-info); }
body.customers .text-warning { color: var(--cts-warning); }
body.customers .text-danger { color: var(--cts-danger); }
body.customers .text-primary { color: var(--cts-link); }
body.customers .bgwhite,
body.customers .bg-white { background: var(--cts-surface); border-color: var(--cts-border); }
body.customers .border-right { border-right-color: var(--cts-border); }
body.customers .success-bg { background: var(--cts-success-solid) !important; border-color: var(--cts-success-solid) !important; }
body.customers .danger-bg  { background: var(--cts-danger-solid) !important;  border-color: var(--cts-danger-solid) !important; }
body.customers .info-bg    { background: var(--cts-info-solid) !important;    border-color: var(--cts-info-solid) !important; }
body.customers .primary-bg { background: var(--cts-accent-strong); border-color: var(--cts-accent-strong); }
body.customers .warning-bg { background: #D97706 !important; border-color: #D97706 !important; }
body.customers .navbar-default {
  background: var(--cts-header);
  border-bottom: 1px solid var(--cts-border);
  box-shadow: 0 1px 0 rgba(0, 0, 0, .35);
}
body.customers .navbar-default .navbar-nav > li > a { color: var(--cts-text-2); border-radius: var(--cts-radius); }
body.customers .navbar-default .navbar-nav > li > a:hover,
body.customers .navbar-default .navbar-nav > li > a:focus { background: rgba(148, 163, 184, .08); color: var(--cts-text); }
body.customers .navbar-default .navbar-nav > .active > a,
body.customers .navbar-default .navbar-nav > .active > a:hover,
body.customers .navbar-default .navbar-nav > .active > a:focus {
  background: var(--cts-accent-soft);
  color: #fff;
  box-shadow: inset 0 -2px 0 var(--cts-accent);
}
body.customers .navbar-default .navbar-nav > .open > a,
body.customers .navbar-default .navbar-nav > .open > a:hover { background: rgba(148, 163, 184, .10); color: var(--cts-text); }
body.customers .navbar-default .navbar-nav > li.customers-nav-item-login > a { background: var(--cts-accent-strong) !important; color: #fff !important; }
body.customers .navbar-default .navbar-nav > li.customers-nav-item-login > a:hover { background: var(--cts-accent-press) !important; }
body.customers .navbar-default .navbar-brand.logo-text,
body.customers .logo-text:hover { color: var(--cts-text); }
body.customers .navbar-default .navbar-toggle { border-color: var(--cts-border-strong); }
body.customers .navbar-default .navbar-toggle:hover,
body.customers .navbar-default .navbar-toggle:focus { background: var(--cts-elevated); }
body.customers .navbar-default .navbar-toggle .icon-bar { background-color: var(--cts-text-2); }
body.customers .navbar-default .navbar-collapse,
body.customers .navbar-default .navbar-form { border-color: var(--cts-border); }
body.customers .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: var(--cts-text-2); }
body.customers .client-profile-image-small { box-shadow: 0 0 0 1px rgba(148, 163, 184, .30); }
body.customers .submenu li a { color: var(--cts-text-2) !important; }
body.customers .submenu li a:hover,
body.customers .submenu li a:focus { color: var(--cts-text) !important; }
body.customers footer {
  background: var(--cts-header);
  border-top: 1px solid var(--cts-border);
  color: var(--cts-muted);
}
body.customers footer a { color: var(--cts-text-2); }
body.customers .panel,
body.customers .panel_s {
  background: var(--cts-surface);
  border-color: var(--cts-border);
  box-shadow: var(--cts-shadow-1);
  color: var(--cts-text-2);
}
body.customers .panel-body { background: var(--cts-surface); color: inherit; }
body.customers .panel-heading { background: var(--cts-surface-2); border-bottom: 1px solid var(--cts-border); color: var(--cts-text); }
body.customers .panel-footer { background: var(--cts-surface-2); border-top-color: var(--cts-border); color: var(--cts-text-2); }
body.customers .panel-title { color: var(--cts-text); }
body.customers .panel-default > .panel-heading { background: var(--cts-surface-2); color: var(--cts-text); }
body.customers .panel-primary > .panel-heading { background: var(--cts-accent-soft); color: var(--cts-link-hover); }
body.customers .panel-success > .panel-heading { background: var(--cts-success-bg); color: var(--cts-success-text); }
body.customers .panel-info > .panel-heading { background: var(--cts-info-bg); color: var(--cts-info-text); }
body.customers .panel-warning > .panel-heading { background: var(--cts-warning-bg); color: var(--cts-warning-text); }
body.customers .panel-danger > .panel-heading { background: var(--cts-danger-bg); color: var(--cts-danger-text); }
body.customers .list-group-item { background: var(--cts-surface); border-color: var(--cts-border); color: var(--cts-text-2); }
body.customers a.list-group-item:hover { background: var(--cts-hover); color: var(--cts-text); }
body.customers .list-group-item.active { background: var(--cts-accent-soft-2); border-color: rgba(99, 133, 255, .45); color: #fff; }
body.customers .jumbotron,
body.customers .kb-search-jumbotron { background: var(--cts-surface-2); color: var(--cts-text-2); }
body.customers .list-status a { border-color: var(--cts-border); color: var(--cts-text-2); }
body.customers .list-status a.active { background: var(--cts-accent-soft); color: #fff; border-color: rgba(99, 133, 255, .45); }
body.customers .invoice-quick-info, body.customers .stats-total { color: var(--cts-text-2); }
body.customers .tw-text-neutral-900, body.customers .tw-text-neutral-800 { color: var(--cts-text); }
body.customers .tw-text-neutral-700, body.customers .tw-text-neutral-600 { color: var(--cts-text-2); }
body.customers .tw-text-neutral-500, body.customers .tw-text-neutral-400 { color: var(--cts-muted); }
body.customers .hover\:tw-text-neutral-800:hover, body.customers .hover\:tw-text-neutral-700:hover { color: var(--cts-text); }
body.customers .tw-text-primary-600, body.customers .tw-text-primary-700 { color: var(--cts-link); }
body.customers .tw-text-success-600, body.customers .tw-text-success-700 { color: var(--cts-success); }
body.customers .tw-text-danger-500, body.customers .tw-text-danger-600 { color: var(--cts-danger); }
body.customers .tw-text-warning-600, body.customers .tw-text-warning-700 { color: var(--cts-warning); }
body.customers .tw-bg-white { background-color: var(--cts-surface) !important; }
body.customers .tw-bg-neutral-50, body.customers .tw-bg-neutral-100\/70 { background-color: var(--cts-surface-2); }
body.customers .tw-bg-neutral-100 { background-color: var(--cts-hover); }
body.customers .tw-bg-neutral-200 { background-color: var(--cts-elevated); }
body.customers .tw-border-neutral-100, body.customers .tw-border-neutral-200 { border-color: var(--cts-border-soft); }
body.customers .tw-border-neutral-300 { border-color: var(--cts-border); }
body.customers .tw-divide-neutral-100 > :not([hidden]) ~ :not([hidden]),
body.customers .tw-divide-neutral-200 > :not([hidden]) ~ :not([hidden]) { border-color: var(--cts-border-soft); }
body.customers .table, body.customers table.dataTable { color: var(--cts-text-table); background: transparent; }
body.customers .table > thead > tr > th,
body.customers .table > tbody > tr > td,
body.customers .table > tfoot > tr > td,
body.customers .table > tbody > tr > th { border-color: var(--cts-border-soft); }
body.customers .table > thead > tr > th,
body.customers table.dataTable thead > tr > th {
  background: var(--cts-surface-2);
  color: var(--cts-text-2);
  border-color: var(--cts-border);
  font-weight: 600;
}
body.customers .table-striped > tbody > tr:nth-of-type(odd) { background-color: rgba(148, 163, 184, .035); }
body.customers table.dataTable thead th.sorting_desc:after,
body.customers table.dataTable thead th.sorting_asc:after { background-color: #94A3B8; border-radius: 4px; }
body.customers .table-hover > tbody > tr:hover,
body.customers table.dataTable tbody tr:hover { background-color: var(--cts-hover); }
body.customers .table > tbody > tr > td,
body.customers .table > tbody > tr > th,
body.customers .table > tfoot > tr > td { color: var(--cts-text-table); }
body.customers .table > tbody > tr.danger > td { background: var(--cts-danger-bg); color: var(--cts-danger-text); }
body.customers .table > tbody > tr.warning > td { background: var(--cts-warning-bg); color: var(--cts-warning-text); }
body.customers .table > tbody > tr.success > td { background: var(--cts-success-bg); color: var(--cts-success-text); }
body.customers .table > tbody > tr.info > td { background: var(--cts-info-bg); color: var(--cts-info-text); }
body.customers .tickets table tr.text-danger a { color: var(--cts-danger); }
body.customers .dataTables_wrapper table tbody a:not(.btn):not(.label) { color: var(--cts-link); font-weight: 500; }
body.customers .dataTables_wrapper table tbody a:not(.btn):not(.label):hover { color: var(--cts-link-hover); text-decoration: underline; }
body.customers div.dataTables_wrapper div.dataTables_info,
body.customers .dataTables_length label,
body.customers .dataTables_filter label { color: var(--cts-muted); }
body.customers div.dataTables_wrapper .dt-buttons .btn-default,
body.customers div.dataTables_wrapper .dt-buttons .btn { background-color: var(--cts-elevated); border-color: var(--cts-border-strong); color: var(--cts-text); }
body.customers div.dataTables_wrapper .dt-buttons .btn-default:hover,
body.customers div.dataTables_wrapper .dt-buttons .btn-default:focus { background-color: var(--cts-elevated-2); color: #fff; }
body.customers div.dt-button-collection div.dt-button-collection-title { background-color: var(--cts-surface-2); color: var(--cts-text-2); }
body.customers .dataTables_filter .input-group-addon { background: var(--cts-sunken); border-color: var(--cts-border-input); color: var(--cts-muted); }
body.customers .pagination > li > a,
body.customers .pagination > li > span { background: transparent; color: var(--cts-text-2); border-color: transparent; }
body.customers .pagination > li > a:hover { background: var(--cts-elevated); color: var(--cts-text); }
body.customers .pagination > .active > a,
body.customers .pagination > .active > span { background: var(--cts-accent-soft-2); color: #fff; border-color: rgba(99, 133, 255, .45); }
body.customers .pagination > .disabled > a,
body.customers .pagination > .disabled > span { background: transparent; color: var(--cts-disabled); }
body.customers .table-bordered,
body.customers .table-bordered > thead > tr > th,
body.customers .table-bordered > tbody > tr > td { border-color: var(--cts-border); }
body.customers .form-control,
body.customers input[type="text"], body.customers input[type="email"],
body.customers input[type="password"], body.customers input[type="number"],
body.customers input[type="search"], body.customers input[type="tel"],
body.customers input[type="url"], body.customers input[type="date"],
body.customers input[type="file"], body.customers textarea, body.customers select {
  background-color: var(--cts-sunken);
  border-color: var(--cts-border-input);
  color: var(--cts-text);
  box-shadow: none;
  transition: border-color var(--cts-t), box-shadow var(--cts-t);
}
body.customers .form-control::placeholder,
body.customers input::placeholder,
body.customers textarea::placeholder { color: var(--cts-placeholder); opacity: 1; }
body.customers .form-control:focus,
body.customers input:focus, body.customers textarea:focus, body.customers select:focus {
  background-color: #1A2539;
  border-color: var(--cts-accent);
  box-shadow: var(--cts-ring);
  outline: none;
}
body.customers .form-control[disabled],
body.customers .form-control[readonly],
body.customers fieldset[disabled] .form-control {
  background-color: rgba(30, 41, 59, .55);
  border-color: var(--cts-border);
  border-style: dashed;
  color: var(--cts-disabled);
}
body.customers label, body.customers .control-label { color: var(--cts-text-2); }
body.customers .help-block { color: var(--cts-muted); }
body.customers .has-error .form-control { border-color: var(--cts-danger); }
body.customers .has-error .form-control:focus { box-shadow: var(--cts-ring-danger); }
body.customers .has-error .control-label, body.customers label.error, body.customers p.text-danger { color: var(--cts-danger); }
body.customers .input-group-addon { background: var(--cts-surface-2); border-color: var(--cts-border-input); color: var(--cts-text-2); }
body.customers select option { background: var(--cts-elevated); color: var(--cts-text); }
body.customers input:-webkit-autofill,
body.customers textarea:-webkit-autofill {
  -webkit-text-fill-color: var(--cts-text);
  -webkit-box-shadow: 0 0 0 1000px var(--cts-sunken) inset;
}
body.customers input[type="file"]::file-selector-button { background: var(--cts-elevated); color: var(--cts-text); border: 1px solid var(--cts-border); border-radius: 6px; }
body.customers .bootstrap-select > .dropdown-toggle,
body.customers .bootstrap-select .btn-default { background: var(--cts-sunken); border-color: var(--cts-border-input); color: var(--cts-text); }
body.customers .bootstrap-select > .dropdown-toggle:focus,
body.customers .bootstrap-select.open > .dropdown-toggle { border-color: var(--cts-accent); box-shadow: var(--cts-ring); outline: none !important; }
body.customers .bootstrap-select.btn-group .bs-placeholder .filter-option { color: var(--cts-placeholder); }
body.customers .bootstrap-select .dropdown-menu li a { color: var(--cts-text-2); }
body.customers .bootstrap-select .dropdown-menu li a:hover,
body.customers .bootstrap-select .dropdown-menu li.active a { background: var(--cts-elevated-2); color: var(--cts-text); }
body.customers .bootstrap-select .dropdown-menu li.selected a { background: var(--cts-accent-soft); color: #fff; }
body.customers .bs-searchbox { border-bottom-color: var(--cts-border); }
body.customers .checkbox label::before, body.customers .radio label::before { background: var(--cts-sunken); border-color: var(--cts-border-input); }
body.customers .checkbox label::after { color: #fff; }
body.customers .checkbox input[type="checkbox"]:checked + label::before { background: var(--cts-accent-strong); border-color: var(--cts-accent-strong); }
body.customers .radio label::after { background-color: var(--cts-accent); }
body.customers input[type="checkbox"], body.customers input[type="radio"] { accent-color: var(--cts-accent-strong); }
body.customers .xdsoft_datetimepicker { background: var(--cts-elevated); border-color: var(--cts-border); color: var(--cts-text-2); box-shadow: var(--cts-shadow-3); }
body.customers .xdsoft_datetimepicker .xdsoft_calendar th,
body.customers .xdsoft_datetimepicker .xdsoft_calendar td { background: var(--cts-elevated); border-color: var(--cts-border-soft); color: var(--cts-text-2); }
body.customers .xdsoft_datetimepicker .xdsoft_calendar td:hover { background: var(--cts-elevated-2) !important; color: var(--cts-text) !important; }
body.customers .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current { background: var(--cts-accent-strong) !important; color: #fff !important; box-shadow: none !important; }
body.customers .xdsoft_datetimepicker .xdsoft_label { background: var(--cts-elevated); color: var(--cts-text); }
body.customers form.dropzone, body.customers .dropzone { background: var(--cts-sunken); border: 2px dashed var(--cts-border-strong); color: var(--cts-muted); }
body.customers .dropzone .dz-message { color: var(--cts-text-2); }
body.customers .dropzone.dz-drag-hover { border-color: var(--cts-accent); background: var(--cts-accent-soft); }
body.customers .advanced-editor-wrapper { border-color: var(--cts-border); }
body.customers .signature-pad--body { border-color: var(--cts-border-strong); }
body.customers .gdpr-right { background: var(--cts-surface); border-color: var(--cts-border); }
body.customers .gdpr-purpose { border-color: var(--cts-border); }
body.customers .gdpr-purpose .gdpr-purpose-heading { color: var(--cts-text); }
body.customers .btn { box-shadow: none; transition: background-color var(--cts-t), border-color var(--cts-t), color var(--cts-t); }
body.customers .btn-default { background: var(--cts-elevated); border-color: var(--cts-border-strong); color: var(--cts-text); }
body.customers .btn-default:hover, body.customers .btn-default:focus,
body.customers .btn-default:active, body.customers .open > .dropdown-toggle.btn-default { background: var(--cts-elevated-2); border-color: #5B6B82; color: #fff; }
body.customers .btn-primary { background: var(--cts-accent-strong); border-color: var(--cts-accent-strong); color: #fff; }
body.customers .btn-primary:hover, body.customers .btn-primary:focus, body.customers .btn-primary:active { background: var(--cts-accent-press); border-color: var(--cts-accent-press); color: #fff; }
body.customers .btn-success { background: var(--cts-success-solid); border-color: var(--cts-success-solid); color: #fff; }
body.customers .btn-success:hover, body.customers .btn-success:focus { background: var(--cts-success-solid-h); border-color: var(--cts-success-solid-h); color: #fff; }
body.customers .btn-info { background: var(--cts-info-solid); border-color: var(--cts-info-solid); color: #fff; }
body.customers .btn-info:hover, body.customers .btn-info:focus { background: var(--cts-info-solid-h); border-color: var(--cts-info-solid-h); color: #fff; }
body.customers .btn-warning { background: var(--cts-warning-solid); border-color: var(--cts-warning-solid); color: var(--cts-on-warning); }
body.customers .btn-warning:hover, body.customers .btn-warning:focus { background: var(--cts-warning-solid-h); border-color: var(--cts-warning-solid-h); color: var(--cts-on-warning); }
body.customers .btn-danger { background: var(--cts-danger-solid); border-color: var(--cts-danger-solid); color: #fff; }
body.customers .btn-danger:hover, body.customers .btn-danger:focus { background: var(--cts-danger-solid-h); border-color: var(--cts-danger-solid-h); color: #fff; }
body.customers .btn-link { color: var(--cts-link); }
body.customers .btn.disabled, body.customers .btn[disabled] { opacity: .5; cursor: not-allowed; }
body.customers .close { color: var(--cts-text-2); text-shadow: none; opacity: .8; }
body.customers .dropdown-menu { background: var(--cts-elevated); border: 1px solid var(--cts-border); box-shadow: var(--cts-shadow-3); color: var(--cts-text-2); }
body.customers .dropdown-menu > li > a { color: var(--cts-text-2); }
body.customers .dropdown-menu > li > a:hover,
body.customers .dropdown-menu > li > a:focus { background: var(--cts-elevated-2); color: var(--cts-text); }
body.customers .dropdown-menu > .active > a { background: var(--cts-accent-soft-2); color: #fff; }
body.customers .dropdown-menu .divider { background-color: var(--cts-border); }
body.customers .dropdown-header { color: var(--cts-muted); }
body.customers .popover { background: var(--cts-elevated); border-color: var(--cts-border); color: var(--cts-text-2); }
body.customers .popover-title { background: var(--cts-surface-2); border-bottom-color: var(--cts-border); color: var(--cts-text); }
body.customers .popover.top > .arrow:after { border-top-color: var(--cts-elevated); }
body.customers .popover.bottom > .arrow:after { border-bottom-color: var(--cts-surface-2); }
body.customers .tooltip > .tooltip-inner { background: #E2E8F0; color: #0F172A; font-weight: 500; }
body.customers .tooltip.top .tooltip-arrow { border-top-color: #E2E8F0; }
body.customers .tooltip.bottom .tooltip-arrow { border-bottom-color: #E2E8F0; }
body.customers .modal-content { background: var(--cts-surface); border: 1px solid var(--cts-border-strong); box-shadow: var(--cts-shadow-3); color: var(--cts-text-2); }
body.customers .modal-header { background: var(--cts-surface-2); border-bottom: 1px solid var(--cts-border); }
body.customers .modal-title { color: var(--cts-text); }
body.customers .modal-header .close { color: var(--cts-muted); opacity: 1; }
body.customers .modal-footer { background: var(--cts-surface-2); border-top: 1px solid var(--cts-border); }
body.customers .modal-backdrop { background-color: #020617; }
body.customers .modal-backdrop.in { opacity: .72; }
body.customers .nav-tabs { border-bottom-color: var(--cts-border); }
body.customers .nav-tabs > li > a { color: var(--cts-muted); background: transparent; border-color: transparent; }
body.customers .nav-tabs > li > a:hover { color: var(--cts-text); background: transparent; border-bottom-color: var(--cts-border-strong); }
body.customers .nav-tabs > li.active > a,
body.customers .nav-tabs > li.active > a:hover,
body.customers .nav-tabs > li.active > a:focus { color: var(--cts-text); background: transparent; border-color: transparent; border-bottom: 2px solid var(--cts-accent); }
body.customers .nav-pills > li > a { color: var(--cts-text-2); }
body.customers .nav-pills > li > a:hover { background: var(--cts-elevated); color: var(--cts-text); }
body.customers .nav-pills > li.active > a { background: var(--cts-accent-strong); color: #fff; }
body.customers .breadcrumb { background: transparent; color: var(--cts-muted); }
body.customers .label-default { background: rgba(148, 163, 184, .14); color: var(--cts-text-2); }
body.customers .label-primary { background: var(--cts-accent-soft); color: var(--cts-link-hover); }
body.customers .label-success { background: var(--cts-success-bg); color: var(--cts-success-text); }
body.customers .label-info { background: var(--cts-info-bg); color: var(--cts-info-text); }
body.customers .label-warning { background: var(--cts-warning-bg); color: var(--cts-warning-text); }
body.customers .label-danger { background: var(--cts-danger-bg); color: var(--cts-danger-text); }
body.customers .label[style*="background"]:not([style*="color:#fff;" i]):not([style$="color:#fff" i]):not([style*="color:#ffffff" i]):not([style*="color: #fff" i]):not([style*="color:white" i]),
body.customers span[class*="-status-"][style*="background"]:not([style*="color:#fff;" i]):not([style$="color:#fff" i]):not([style*="color:#ffffff" i]):not([style*="color: #fff" i]) {
  background: rgba(148, 163, 184, .10) !important;
  background: color-mix(in srgb, currentColor 14%, transparent) !important;
  border-color: color-mix(in srgb, currentColor 45%, transparent) !important;
}
body.customers .label[style*="color:"]:not([style*="color:#fff;" i]):not([style$="color:#fff" i]):not([style*="color:#ffffff" i]):not([style*="color: #fff" i]):not([style*="color:white" i]) { -webkit-text-fill-color: color-mix(in srgb, currentColor 45%, #fff); }
body.customers .badge { background: var(--cts-elevated-2); color: var(--cts-text); }
body.customers .alert { border-width: 1px; border-left-width: 4px; }
body.customers .alert-success { background: var(--cts-success-bg); border-color: var(--cts-success-bd); border-left-color: var(--cts-success); color: var(--cts-success-text); }
body.customers .alert-info { background: var(--cts-info-bg); border-color: var(--cts-info-bd); border-left-color: var(--cts-info); color: var(--cts-info-text); }
body.customers .alert-warning { background: var(--cts-warning-bg); border-color: var(--cts-warning-bd); border-left-color: var(--cts-warning); color: var(--cts-warning-text); }
body.customers .alert-danger { background: var(--cts-danger-bg); border-color: var(--cts-danger-bd); border-left-color: var(--cts-danger); color: var(--cts-danger-text); }
body.customers .alert a:not(.btn) { color: inherit; text-decoration: underline; font-weight: 600; }
body.customers .progress { background: #2B3A52; box-shadow: none; }
body.customers .progress-bar { background: var(--cts-accent-strong); }
body.customers .progress-bar-success { background: #22C55E; color: #052E16; }
body.customers .progress-bar-warning { background: var(--cts-warning-solid); color: var(--cts-on-warning); }
body.customers .progress-bar-danger { background: #E11D48; }
body.customers .progress-bar-info { background: #0EA5E9; color: #082F49; }
body.customers .progress-bg-dark,
body.customers .project-overview-progress-bar { background-color: #3A4A63; }
body.customers .announcement small { color: var(--cts-muted); }
body.customers .preview-sticky-header { background: var(--cts-surface); border-bottom: 1px solid var(--cts-border); }
body.customers .table.items thead { background: var(--cts-surface-2); color: var(--cts-text); }
body.customers .table.items thead th { color: var(--cts-text); border-color: var(--cts-border); }
body.customers .table.items > thead:first-child > tr:first-child > th { border-top-color: var(--cts-border); }
body.customers .table.items thead th:first-child { border-left-color: var(--cts-border); }
body.customers .table.items tbody td { border-color: var(--cts-border-soft); }
body.customers .table.items td, body.customers .table-total td { font-variant-numeric: tabular-nums; }
body.customers .company-name-formatted[style*="color:black"],
body.customers b[style*="color:black"] { color: var(--cts-text) !important; }
body.customers span[style*="color:#424242"] { color: var(--cts-text-2) !important; }
body.customers .tc-content { color: var(--cts-text-2); }
body.customers .tc-content [style*="color:#000"],
body.customers .tc-content [style*="color: #000"],
body.customers .tc-content [style*="color:black"],
body.customers .tc-content [style*="color: black"],
body.customers .tc-content [style*="color: rgb(0, 0, 0)"] { color: var(--cts-text) !important; }
body.customers .tc-content [style*="background-color: rgb(255, 255, 255)"],
body.customers .tc-content [style*="background-color:#fff"],
body.customers .tc-content [style*="background-color: #fff"] { background-color: transparent !important; }
body.customers .project-info-bg { background: var(--cts-surface-2) !important; color: var(--cts-text) !important; border-color: var(--cts-border); }
body.customers .team-members .media { border-bottom-color: var(--cts-border-soft); }
body.customers .project-file-image, body.customers .task-user,
body.customers .task-checklist-indicator, body.customers .task-attachment { border-color: var(--cts-border); }
body.customers .task-attachment .task-attachment-user { border-bottom-color: var(--cts-border); }
body.customers .phase-logged-time { color: var(--cts-success-text); }
body.customers #task-comments { background: var(--cts-sunken); }
body.customers .tasks-phases .panel-body { background: var(--cts-sunken); }
body.customers .tasks-phases ._task_wrapper { background: var(--cts-surface); border-color: var(--cts-border); }
body.customers ._task_wrapper.overdue-task { background: #2A1F2E !important; border-color: var(--cts-danger-bd) !important; box-shadow: inset 3px 0 0 var(--cts-danger); }
body.customers .activity-feed .feed-item { border-left-color: var(--cts-border-strong); }
body.customers .activity-feed .feed-item:after { background: var(--cts-surface); border-color: var(--cts-muted); }
body.customers .activity-feed .feed-item .date { color: var(--cts-muted); }
body.customers .mime > a { color: var(--cts-text-2) !important; }
body.customers .jquery-comments ul.main li.comment .name { color: var(--cts-link); }
body.customers .jquery-comments ul.navigation { border-bottom-color: var(--cts-border); }
body.customers .jquery-comments ul.navigation li { color: var(--cts-text-2); }
body.customers .jquery-comments ul.main li.comment .actions > * { color: var(--cts-muted); }
body.customers .jquery-comments .textarea-wrapper .textarea { background: var(--cts-sunken); border-color: var(--cts-border-input); color: var(--cts-text); }
body.customers .jquery-comments [contentEditable="true"]:empty:not(:focus):before { color: var(--cts-placeholder); }
body.customers .jquery-comments .highlight-background { background: var(--cts-accent-strong) !important; }
body.customers .jquery-comments .textarea-wrapper .control-row > span.upload { background-color: var(--cts-elevated-2); }
body.customers .gantt .grid-background, body.customers .gantt .grid-row { fill: var(--cts-surface); }
body.customers .gantt .grid-row:nth-child(even) { fill: #212D42; }
body.customers .gantt .grid-header { fill: var(--cts-surface-2); stroke: var(--cts-border); }
body.customers .gantt .row-line, body.customers .gantt .tick { stroke: var(--cts-border-soft); }
body.customers .gantt .lower-text, body.customers .gantt .upper-text { fill: var(--cts-text-2); }
body.customers .gantt .today-highlight { fill: rgba(99, 133, 255, .14); }
body.customers .gantt .bar { fill: #64748B; }
body.customers .gantt .bar-progress { fill: var(--cts-accent-strong); }
body.customers .gantt .bar-label { fill: #fff; }
body.customers .gantt .bar-label.big { fill: var(--cts-text); }
body.customers .fc {
  --fc-border-color: var(--cts-border);
  --fc-page-bg-color: var(--cts-surface);
  --fc-neutral-bg-color: var(--cts-surface-2);
  --fc-today-bg-color: rgba(99, 133, 255, .08);
  --fc-list-event-hover-bg-color: var(--cts-hover);
  color: var(--cts-text-2);
}
body.customers .fc .fc-button-primary { background: var(--cts-elevated) !important; border-color: var(--cts-border-strong) !important; color: var(--cts-text) !important; }
body.customers .fc .fc-button-primary.fc-button-active { background: var(--cts-accent-strong) !important; border-color: var(--cts-accent-strong) !important; color: #fff !important; }
body.customers .fc .fc-col-header-cell-cushion { color: var(--cts-text-2) !important; }
body.customers .fc .fc-daygrid-day-number { color: var(--cts-muted) !important; }
body.customers .fc .fc-toolbar-title { color: var(--cts-text); }
body.customers .client-reply .panel-body { background: #2A2717 !important; color: var(--cts-text-2) !important; }
body.customers .ticket-info .panel-body { color: var(--cts-text-2); }
body.customers .kb-article, body.customers .article-heading { color: var(--cts-text-2); }
body.customers .company-logo, body.customers #company-logo { padding: 6px; }
body.customers .login-form, body.customers .register-form { color: var(--cts-text-2); }
body.customers .sdp {
  --navy: var(--cts-text);
  --blue: var(--cts-link);
  --muted: var(--cts-muted);
  --line: var(--cts-border);
  --green: var(--cts-success);
  --amber: var(--cts-warning);
}
body.customers .sdp .kpi,
body.customers .sdp .card,
body.customers .sdp .stat { background: var(--cts-surface); border-color: var(--cts-border); }
body.customers .sdp thead th,
body.customers .sdp .tot { background: var(--cts-surface-2); color: var(--cts-text); }
body.customers .sdp td { color: var(--cts-text-table); }
body.customers .sdp tr.enc td { background: var(--cts-warning-bg); color: var(--cts-warning-text); }
body.customers .sdp .b-cerr, body.customers .sdp .b-si { background: var(--cts-success-bg); color: var(--cts-success-text); }
body.customers .sdp .b-enc { background: var(--cts-warning-bg); color: var(--cts-warning-text); }
body.customers .sdp .b-no { background: rgba(148, 163, 184, .14); color: var(--cts-text-2); }
body.customers .sdp .note { background: var(--cts-surface-2); border-left-color: var(--cts-accent); color: var(--cts-text-2); }
body.customers .sdp .segbar, body.customers .sdp .bar .track { background: #2B3A52; }
body.customers .sdp .bar .fill { background: linear-gradient(90deg, #7C9CFF, #4466E8); }
body.customers .sdp .legend .lg, body.customers .sdp .bar .lbl { color: var(--cts-text-2); }
body.customers .sdp .flt select, body.customers .sdp .flt input,
body.customers .sdp .tk-search { background: var(--cts-sunken); border-color: var(--cts-border-input); color: var(--cts-text); }
body.customers .sdp .tk-scope .sc { background: var(--cts-surface-2); border-color: var(--cts-border); color: var(--cts-text-2); }
body.customers .sdp .tk-scope .sc:hover { border-color: var(--cts-accent); color: var(--cts-text); }
body.customers .sdp .tk-scope .sc.on,
body.customers .sdp .tk-pager .pp a.on,
body.customers .sdp .tk-pager .pages .cur { background: var(--cts-accent-strong); border-color: var(--cts-accent-strong); color: #fff; }
body.customers .sdp .tk-pager .pages .dis { color: var(--cts-disabled); }
body.customers .sdp .badge2 { box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 50%, transparent); -webkit-text-fill-color: color-mix(in srgb, currentColor 45%, #fff); }
body.customers .sdp [style*="color:#1F3A5F" i] { color: var(--cts-text) !important; }
body.customers .sdp .card[style*="background:#FDF9F0" i] { background: var(--cts-warning-bg) !important; border-color: var(--cts-warning-bd) !important; }
body.customers .sd-client-fields { background: var(--cts-surface-2) !important; border-color: var(--cts-border) !important; }
body.customers .sd-client-fields h5[style*="color:#1F3A5F" i] { color: var(--cts-text) !important; }
body.customers [style*="color:#2E6DA4" i] { color: var(--cts-link) !important; }
body.customers [style*="color:#c0392b" i] { color: var(--cts-danger) !important; }
body.customers [style*="color:#b45309" i] { color: var(--cts-warning) !important; }
body.customers [style*="color:#64748b" i] { color: var(--cts-muted) !important; }
body.customers .pe-portal {
  --pe-ink: var(--cts-text);  --pe-ink-2: var(--cts-text-2);
  --pe-muted: var(--cts-muted);  --pe-faint: #7C8BA1;
  --pe-line: var(--cts-border);  --pe-soft: var(--cts-surface-2);  --pe-card: var(--cts-surface);
  --pe-blue: #6385FF;  --pe-blue-soft: rgba(99, 133, 255, .18);
  --pe-green: #4ADE80; --pe-green-soft: rgba(74, 222, 128, .15);
  --pe-amber: #FBBF24; --pe-amber-soft: rgba(251, 191, 36, .15);
  --pe-red: #FB7185;   --pe-red-soft: rgba(251, 113, 133, .15);
  --pe-slate-soft: var(--cts-elevated);
  color: var(--pe-ink-2);
}
body.customers .pe-portal .pe-btn,
body.customers .pe-portal .pe-seg button,
body.customers .pe-portal .pe-filter,
body.customers .pe-portal .pe-kpi,
body.customers .pe-portal .pe-plan-card,
body.customers .pe-portal .pe-table th,
body.customers .pe-portal .pe-g-side,
body.customers .pe-portal .pe-g-head,
body.customers .pe-portal .pe-sheet-panel { background: var(--cts-surface); border-color: var(--cts-border); }
body.customers .pe-portal .pe-btn:hover { background: var(--cts-elevated); }
body.customers .pe-portal .pe-plan-card:hover { border-color: var(--cts-border-strong); }
body.customers .pe-portal .pe-seg button.is-active,
body.customers .pe-portal .pe-filter.is-active { background: var(--cts-accent-strong); border-color: var(--cts-accent-strong); color: #fff; }
body.customers .pe-portal .pe-btn--primary:hover { background: #166534; }
body.customers .pe-portal .pe-btn--danger { background: transparent; border-color: var(--cts-danger-bd); color: var(--cts-danger) !important; }
body.customers .pe-portal .pe-chip--green { color: var(--cts-success-text); }
body.customers .pe-portal .pe-chip--blue { color: var(--cts-link-hover); }
body.customers .pe-portal .pe-chip--amber { color: var(--cts-warning-text); }
body.customers .pe-portal .pe-chip--red { color: var(--cts-danger-text); }
body.customers .pe-portal .pe-note--green { background: var(--cts-success-bg); color: var(--cts-success-text); border-color: var(--cts-success-bd); }
body.customers .pe-portal .pe-note--amber { background: var(--cts-warning-bg); color: var(--cts-warning-text); border-color: var(--cts-warning-bd); }
body.customers .pe-portal .pe-g-row,
body.customers .pe-portal .pe-table td { border-bottom-color: var(--cts-border-soft); }
body.customers .pe-portal .pe-g-off { background: rgba(2, 6, 23, .28); }
body.customers .pe-portal .pe-g-tick { background: var(--cts-border-soft); }
body.customers .pe-portal .pe-g-today span { background: var(--cts-surface); color: var(--cts-danger); }
body.customers .pe-portal .pe-g-bar { background: #7C9CFF; color: #0B1220; }
body.customers .pe-portal .pe-g-bar.is-client { background: #F5C451; color: #1A1300; }
body.customers .pe-portal .pe-g-bar.is-done { background: #4ADE80; color: #052E16; }
body.customers .pe-portal .pe-g-bar.is-delayed { background: #FB7185; color: #2A0A12; }
body.customers .pe-portal .pe-g-bar.is-blocked { background: repeating-linear-gradient(45deg, #F5C451 0 5px, #B8902F 5px 10px); color: #1A1300; }
body.customers .pe-portal .pe-g-row--act:hover,
body.customers .pe-portal .pe-g-row--act:hover .pe-g-side { background: var(--cts-hover); }
body.customers .pe-portal .pe-tag { color: var(--cts-warning-text); }
body.customers .pe-portal .pe-tag--ms { background: var(--cts-ai-bg); color: #C4B5FD; }
body.customers .pe-portal .pe-avatar { color: var(--cts-link-hover); }
body.customers .pe-portal .pe-approval { background: linear-gradient(180deg, rgba(251, 191, 36, .10) 0, var(--cts-surface) 120px); border-color: var(--cts-warning-bd); }
body.customers .pe-portal .pe-approval-icon { color: var(--cts-warning); }
body.customers .pe-portal .pe-act-link { border-bottom-color: var(--cts-muted); }
body.customers .pe-portal .pe-sheet-backdrop { background: rgba(2, 6, 23, .65); }
body.customers .pe-portal .pe-search,
body.customers .pe-portal .pe-input { background: var(--cts-sunken); border-color: var(--cts-border-input); color: var(--cts-text); }
body.customers .pe-portal .pe-swatch[style*="background:#0f172a" i] { background: var(--cts-text) !important; }
body.customers .pe-portal svg line[stroke="#eef2f7"] { stroke: var(--cts-border-soft); }
body.customers .pe-portal svg text[fill="#94a3b8"] { fill: var(--cts-muted); }
body.customers .pe-portal svg circle[fill="#fff"] { fill: var(--cts-surface); }
body.customers .pe-portal svg circle[stroke="#fff"] { stroke: var(--cts-surface); }
body.customers .survey { background: var(--cts-surface); border-color: var(--cts-border); color: var(--cts-text-2); }
body.customers .survey .row.box.chk { border-color: var(--cts-border-soft); }
body.customers .ccc,
body.customers .ccc-host {
  --c-bg: var(--cts-surface);  --c-soft: var(--cts-bg);  --c-line: var(--cts-border);
  --c-text: var(--cts-text);  --c-mute: var(--cts-muted);
  --c-pri: var(--cts-accent-strong);  --c-pri-d: var(--cts-accent-press);  --c-pri-s: rgba(99, 133, 255, .20);
  --c-mine: #23366B;  --c-ok: var(--cts-success);  --c-warn: var(--cts-warning);  --c-warn-s: var(--cts-warning-bg);
  --c-err: var(--cts-danger);  --c-ai: var(--cts-ai);  --c-ai-s: #2A2547;
  --c-client: #5EEAD4;  --c-client-s: rgba(94, 234, 212, .14);
  --sh: 0 16px 40px rgba(0, 0, 0, .55), 0 2px 6px rgba(0, 0, 0, .35);
  color-scheme: dark;
}
body.customers .ccc-launcher__badge { border-color: var(--cts-bg); }
body.customers .ccc-panel { border: 1px solid var(--cts-border-strong); }
body.customers .ccc-chip { background: var(--cts-elevated); border-color: var(--cts-border); color: var(--cts-text); }
body.customers .ccc .ccc-btn { background: var(--cts-elevated) !important; color: var(--cts-text); border-color: var(--cts-border-strong); }
body.customers .ccc .ccc-btn:hover, body.customers .ccc .ccc-btn-ico:hover { background: var(--cts-elevated-2) !important; }
body.customers .ccc .ccc-btn--primary { background: var(--cts-accent-strong) !important; }
body.customers .ccc .ccc-input, body.customers .ccc .ccc-ta { background: var(--cts-sunken); color: var(--cts-text); border-color: var(--cts-border-input); }
body.customers .ccc .ccc-ta:focus { background: #1A2539; box-shadow: var(--cts-ring); }
body.customers .ccc .ccc-bubble { background: var(--cts-surface-2); color: var(--cts-text); box-shadow: 0 1px 1.5px rgba(0, 0, 0, .35); }
body.customers .ccc .ccc-msg--mine .ccc-bubble { background: var(--c-mine); }
body.customers .ccc .ccc-msg--ai .ccc-bubble { background: var(--c-ai-s); border-color: #463C78; }
body.customers .ccc .ccc-bubble__name[style] { -webkit-text-fill-color: color-mix(in srgb, currentColor 50%, #fff); }
body.customers .ccc .ccc-day span { background: var(--cts-elevated); color: var(--cts-text-2); }
body.customers .ccc .ccc-more, body.customers .ccc .ccc-react { background: var(--cts-elevated) !important; color: var(--cts-text); }
body.customers .ccc .ccc-mention { background: rgba(99, 133, 255, .22); color: var(--cts-link-hover); }
body.customers .ccc .ccc-code, body.customers .ccc .ccc-att, body.customers .ccc .ccc-preview { background: rgba(148, 163, 184, .12); }
body.customers .ccc .ccc-quote { background: rgba(148, 163, 184, .10) !important; }
body.customers .ccc .ccc-att-img { background: var(--cts-elevated) !important; }
body.customers .ccc .ccc-mentions, body.customers .ccc .ccc-menu,
body.customers .ccc .ccc-emoji, body.customers .ccc .ccc-modal,
body.customers .ccc .ccc-msg__tools { background: var(--cts-elevated); border: 1px solid var(--cts-border); color: var(--cts-text); }
body.customers .ccc .ccc-card { background: var(--cts-surface); border-color: #463C78; }
body.customers .ccc .ccc-backdrop { background: rgba(2, 6, 23, .65); }
body.customers .btn-default:active:focus,
body.customers .btn-default.active:focus,
body.customers .btn-default.active:hover { background-color: #34445E; border-color: var(--cts-accent); color: #fff; }
body.customers .btn-default.disabled:hover,
body.customers .btn-default.disabled:focus,
body.customers .btn-default[disabled]:hover,
body.customers .btn-default[disabled]:focus { background-color: var(--cts-elevated); border-color: var(--cts-border-strong); color: var(--cts-text); }
body.customers .table-hover > tbody > tr.danger:hover > td,
body.customers .table-hover > tbody > tr:hover > .danger { background-color: rgba(251, 113, 133, .20); }
body.customers .table-hover > tbody > tr.warning:hover > td,
body.customers .table-hover > tbody > tr:hover > .warning { background-color: rgba(251, 191, 36, .20); }
body.customers .table-hover > tbody > tr.success:hover > td { background-color: rgba(74, 222, 128, .18); }
body.customers .table-hover > tbody > tr.info:hover > td { background-color: rgba(56, 189, 248, .18); }
body.customers .table-hover > tbody > tr.active:hover > td,
body.customers .table > tbody > tr.active > td { background-color: var(--cts-accent-soft-2); }
body.customers .bootstrap-select.btn-group.disabled,
body.customers .bootstrap-select.btn-group > .disabled { background-color: rgba(30, 41, 59, .55); border-color: var(--cts-border); color: var(--cts-disabled); }
body.customers .nav .open > a,
body.customers .nav .open > a:hover,
body.customers .nav .open > a:focus { background-color: var(--cts-elevated); border-color: var(--cts-accent); color: var(--cts-text); }
body.customers .pagination > .disabled > a:focus,
body.customers .pagination > .disabled > span:focus { background: transparent; color: var(--cts-disabled); }
body.customers .pager li > a, body.customers .pager li > span { background: var(--cts-elevated); border-color: var(--cts-border); color: var(--cts-text-2); }
body.customers #dropzoneDragArea, body.customers .dropzoneDragArea { background-color: var(--cts-sunken); border-color: var(--cts-border-strong); color: var(--cts-muted); }
body.customers .navbar-default .navbar-nav .open .dropdown-menu > .active > a { background: var(--cts-accent-soft-2); color: #fff; }
body.customers a:focus-visible,
body.customers button:focus-visible,
body.customers .btn:focus-visible,
body.customers [tabindex]:focus-visible { outline: 2px solid var(--cts-accent); outline-offset: 2px; box-shadow: none; }
@media (prefers-reduced-motion: reduce) {
  body.customers *, body.customers *::before, body.customers *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}
@media (prefers-contrast: more) {
  body.customers { --cts-text-2: #E2E8F0; --cts-muted: #B6C2D3; --cts-border: #4B5B73; --cts-border-input: #8494AB; }
}
@media print {
  body.customers, body.customers #wrapper, body.customers .panel_s, body.customers .panel-body, body.customers .table {
    background: #fff !important; color: #000 !important; box-shadow: none !important;
  }
}