:root{
  --cq-primary:#16B6B0;
  --cq-primary-dark:#0FA7A1;
  --cq-primary-deep:#0D9488;
  --cq-primary-soft:#CCFBF1;

  --cq-bg:#F7FAFC;
  --cq-bg-2:#EEF4FA;
  --cq-bg-3:#E7EFF7;
  --cq-surface:#FFFFFF;
  --cq-surface-2:#F8FAFC;
  --cq-surface-3:#EEF4FA;
  --cq-tint:#F1FFFB;

  --cq-text:#1F2937;
  --cq-text-muted:#6B7280;
  --cq-border:#E6EDF3;
  --cq-border-soft:rgba(15,23,42,0.06);
  --cq-border-strong:rgba(15,23,42,0.14);
  --cq-ring:rgba(22,182,176,0.16);
  --cq-link:rgba(13,148,136,1);

  --cq-success:#22C55E;
  --cq-warning:#F59E0B;
  --cq-danger:#EF4444;
  --cq-info:#0EA5E9;
  --cq-success-soft:rgba(34,197,94,0.10);
  --cq-warning-soft:rgba(245,158,11,0.10);
  --cq-danger-soft:rgba(239,68,68,0.10);
  --cq-info-soft:rgba(14,165,233,0.10);

  --cq-shadow-sm: 0 1px 2px rgba(2,6,23,0.04), 0 1px 1px rgba(2,6,23,0.02);
  --cq-shadow: 0 10px 24px rgba(2,6,23,0.06);
  --cq-shadow-lg: 0 20px 50px rgba(2,6,23,0.08);
  --cq-radius-sm:10px;
  --cq-radius:14px;
  --cq-radius-lg:18px;
  --cq-radius-xl:24px;

  --cq-font: "Inter", "Segoe UI", system-ui, -apple-system, Roboto, Arial, "Cairo", "Noto Kufi Arabic", "Noto Sans Arabic", sans-serif;
  --cq-sidebar-font: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

body.cq-light{
  background: var(--cq-bg) !important;
  color: var(--cq-text) !important;
  font-family: var(--cq-font) !important;
  --text: var(--cq-text);
  --muted: var(--cq-text-muted);
  --muted2: rgba(100,116,139,0.9);
  --stroke: var(--cq-border);
  --stroke2: var(--cq-border-soft);
  --panel: rgba(255,255,255,0.88);
  --panel2: rgba(238,244,250,0.88);
  --blue: var(--cq-primary);
  --cyan: var(--cq-primary);
  --green: var(--cq-success);
  --amber: var(--cq-warning);
  --red: var(--cq-danger);
}

html[dir="rtl"] body.cq-light{
  font-family: "Cairo", var(--cq-font) !important;
}

body.cq-light canvas#bg-canvas{
  opacity: 0.06;
  filter: saturate(0.9) contrast(0.9);
}

/* index.html overrides */
body.cq-light.en { --text: var(--cq-text); --muted: var(--cq-text-muted); }
body.cq-light .text-white{ color: var(--cq-text) !important; }
body.cq-light .text-slate-100,
body.cq-light .text-slate-200,
body.cq-light .text-slate-300,
body.cq-light .text-slate-400,
body.cq-light .text-gray-50,
body.cq-light .text-gray-100,
body.cq-light .text-gray-200,
body.cq-light .text-gray-300,
body.cq-light .text-gray-400{ color: var(--cq-text-muted) !important; }

body.cq-light .bg-slate-900\/50,
body.cq-light .bg-slate-900\/70,
body.cq-light .bg-slate-900,
body.cq-light .bg-slate-800\/80,
body.cq-light .bg-slate-800\/70,
body.cq-light .bg-slate-800\/50,
body.cq-light .bg-slate-800,
body.cq-light .bg-slate-900\/95,
body.cq-light .bg-slate-700\/50,
body.cq-light .bg-slate-700,
body.cq-light .glass-card,
body.cq-light .qa-card,
body.cq-light .card,
body.cq-light .data-card,
body.cq-light .task-card,
body.cq-light .report-kpi,
body.cq-light .report-module,
body.cq-light .report-alerts,
body.cq-light .report-export-box{
  background: var(--cq-surface) !important;
  border: 1px solid var(--cq-border) !important;
  box-shadow: var(--cq-shadow) !important;
  color: var(--cq-text) !important;
}

body.cq-light .glass-nav{
  background: rgba(255,255,255,0.74) !important;
  border-bottom: 1px solid var(--cq-border-soft) !important;
  backdrop-filter: blur(16px) saturate(150%) !important;
  box-shadow: var(--cq-shadow-sm) !important;
}

body.cq-light .glass-card{
  background: rgba(255,255,255,0.92) !important;
  border: 1px solid var(--cq-border-soft) !important;
  color: var(--cq-text) !important;
  box-shadow: var(--cq-shadow) !important;
}

body.cq-light .user-badge{
  background: rgba(255,255,255,0.7) !important;
  border: 1px solid var(--cq-border) !important;
  box-shadow: var(--cq-shadow-sm) !important;
}

body.cq-light .user-avatar{
  background: radial-gradient(circle at 30% 30%, rgba(20,184,166,0.95), rgba(13,148,136,0.95)) !important;
  box-shadow: 0 0 0 2px rgba(20,184,166,0.18), 0 10px 22px rgba(20,184,166,0.25) !important;
}

body.cq-light .user-menu{
  background: rgba(255,255,255,0.98) !important;
  border: 1px solid var(--cq-border) !important;
  box-shadow: var(--cq-shadow-lg) !important;
}

body.cq-light .user-menu a,
body.cq-light .user-menu button{
  color: var(--cq-text) !important;
}

body.cq-light .user-menu a:hover,
body.cq-light .user-menu button:hover{
  background: rgba(20,184,166,0.08) !important;
}

body.cq-light .btn-primary,
body.cq-light .btn-primary:hover{
  background: linear-gradient(135deg, var(--cq-primary), var(--cq-primary-dark)) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(20,184,166,0.24) !important;
}

body.cq-light .btn{
  border-radius: var(--cq-radius) !important;
  border-color: var(--cq-border-soft) !important;
  background: rgba(255,255,255,0.78) !important;
  color: var(--cq-text) !important;
  box-shadow: var(--cq-shadow-sm) !important;
}

body.cq-light .btn:hover{
  background: rgba(20,184,166,0.08) !important;
  border-color: rgba(20,184,166,0.20) !important;
}

body.cq-light .form-control,
body.cq-light input,
body.cq-light select,
body.cq-light textarea{
  background: rgba(255,255,255,0.94) !important;
  color: var(--cq-text) !important;
  border: 1px solid var(--cq-border-strong) !important;
  border-radius: var(--cq-radius) !important;
  box-shadow: var(--cq-shadow-sm) !important;
}

body.cq-light select{
  accent-color: var(--cq-primary) !important;
  background: #ffffff !important;
  background-image: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-color: #BDEDE6 !important;
  outline: none !important;
  color-scheme: light !important;
  -webkit-appearance: none;
  appearance: none;
}

body.cq-light select option{
  background: #ffffff !important;
  color: var(--cq-text) !important;
}

body.cq-light select option:checked,
body.cq-light select option[selected],
body.cq-light select option:focus,
body.cq-light select option:active{
  background: #14B8A6 !important;
  color: #FFFFFF !important;
}

body.cq-light select option:hover{
  background: #0D9488 !important;
  color: #FFFFFF !important;
}

select{
  accent-color: var(--cq-primary) !important;
}

body:not(.cq-light) select option:checked,
body:not(.cq-light) select option:focus{
  background: rgba(11,124,134,0.65) !important;
  color: #ffffff !important;
}

body:not(.cq-light) select option:hover{
  background: rgba(11,124,134,0.35) !important;
  color: #ffffff !important;
}

body.cq-light input::placeholder,
body.cq-light textarea::placeholder{
  color: rgba(100,116,139,0.75) !important;
}

body.cq-light input:focus,
body.cq-light select:focus,
body.cq-light textarea:focus{
  outline: none !important;
  border-color: #14B8A6 !important;
  box-shadow: 0 0 0 3px rgba(189,237,230,0.9) !important;
}

body.cq-light select:hover,
body.cq-light select:active,
body.cq-light select:focus-visible{
  border-color: #14B8A6 !important;
  box-shadow: 0 0 0 3px rgba(189,237,230,0.9) !important;
}

body.cq-light .form-control select,
body.cq-light select.form-control,
body.cq-light .alert-t-language-select{
  background: #ffffff !important;
  color: var(--cq-text) !important;
  border-color: #BDEDE6 !important;
  background-image: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: none !important;
}

body.cq-light .form-control select:focus,
body.cq-light select.form-control:focus,
body.cq-light .alert-t-language-select:focus,
body.cq-light .form-control select:focus-visible,
body.cq-light select.form-control:focus-visible,
body.cq-light .alert-t-language-select:focus-visible,
body.cq-light .form-control select:active,
body.cq-light select.form-control:active,
body.cq-light .alert-t-language-select:active{
  border-color: #14B8A6 !important;
  box-shadow: 0 0 0 3px rgba(189,237,230,0.9) !important;
  outline: none !important;
}

body.cq-light .form-control select option,
body.cq-light select.form-control option,
body.cq-light .alert-t-language-select option{
  background: #ffffff !important;
  color: var(--cq-text) !important;
}

body.cq-light .form-control select option:hover,
body.cq-light select.form-control option:hover,
body.cq-light .alert-t-language-select option:hover{
  background: #0D9488 !important;
  color: #FFFFFF !important;
}

body.cq-light .form-control select option:checked,
body.cq-light .form-control select option[selected],
body.cq-light select.form-control option:checked,
body.cq-light select.form-control option[selected],
body.cq-light .alert-t-language-select option:checked,
body.cq-light .alert-t-language-select option[selected],
body.cq-light .form-control select option:focus,
body.cq-light select.form-control option:focus,
body.cq-light .alert-t-language-select option:focus,
body.cq-light .form-control select option:active,
body.cq-light select.form-control option:active,
body.cq-light .alert-t-language-select option:active{
  background: #14B8A6 !important;
  color: #FFFFFF !important;
}

body.cq-light .nav-link{
  color: var(--cq-text-muted) !important;
}

body.cq-light .nav-link:hover{
  color: var(--cq-text) !important;
  background: rgba(20,184,166,0.08) !important;
  border-color: rgba(20,184,166,0.16) !important;
}

body.cq-light .nav-link.active{
  color: var(--cq-primary-deep) !important;
  background: rgba(20,184,166,0.12) !important;
  border-color: rgba(20,184,166,0.20) !important;
  box-shadow: 0 10px 22px rgba(20,184,166,0.12) !important;
}

body.cq-light .kpi-card{
  background: var(--cq-surface) !important;
  border: 1px solid var(--cq-border) !important;
  box-shadow: var(--cq-shadow) !important;
}

body.cq-light .kpi-value{
  background: linear-gradient(180deg, var(--cq-text), rgba(15,23,42,0.66)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

body.cq-light .kpi-label{
  color: var(--cq-text-muted) !important;
}

body.cq-light table{
  color: var(--cq-text) !important;
}

body.cq-light thead{
  background: rgba(238,244,250,0.95) !important;
}

body.cq-light th,
body.cq-light td{
  border-bottom: 1px solid var(--cq-border) !important;
}

body.cq-light .report-kpi,
body.cq-light .report-module,
body.cq-light .report-alerts,
body.cq-light .report-export-box{
  background: rgba(255,255,255,0.92) !important;
  border-color: var(--cq-border) !important;
  box-shadow: var(--cq-shadow) !important;
}

body.cq-light .report-kpi-value,
body.cq-light .report-module-title,
body.cq-light .report-section-title,
body.cq-light .report-alert-title{
  color: var(--cq-text) !important;
}

body.cq-light .report-kpi-label{
  color: var(--cq-primary-deep) !important;
}

body.cq-light .report-module-desc,
body.cq-light .report-alert-meta,
body.cq-light .report-empty,
body.cq-light .report-kpi-sub{
  color: var(--cq-text-muted) !important;
}

body.cq-light .report-btn-primary{
  background: linear-gradient(135deg, var(--cq-primary), var(--cq-primary-dark)) !important;
  border-color: rgba(20,184,166,0.25) !important;
}

body.cq-light .report-btn-secondary{
  background: rgba(255,255,255,0.92) !important;
  color: var(--cq-text) !important;
  border-color: var(--cq-border-strong) !important;
  box-shadow: var(--cq-shadow-sm) !important;
}

body.cq-light .report-btn-secondary:hover{
  background: rgba(20,184,166,0.08) !important;
  border-color: rgba(20,184,166,0.22) !important;
}

body.cq-light .report-chip{
  background: rgba(20,184,166,0.10) !important;
  border-color: rgba(20,184,166,0.22) !important;
  color: var(--cq-primary-deep) !important;
}

body.cq-light .report-mini-stat{
  background: rgba(241,245,249,0.9) !important;
  border-color: var(--cq-border) !important;
}

body.cq-light .report-mini-stat b{ color: var(--cq-text) !important; }
body.cq-light .report-mini-stat span{ color: var(--cq-text-muted) !important; }

body.cq-light .top-nav,
body.cq-light .top-header,
body.cq-light .summary-strip,
body.cq-light .kanban-column,
body.cq-light .modal{
  background: rgba(255,255,255,0.86) !important;
  border: 1px solid var(--cq-border-soft) !important;
  color: var(--cq-text) !important;
  box-shadow: var(--cq-shadow) !important;
  backdrop-filter: blur(14px) saturate(150%) !important;
}

body.cq-light .nav-link{ background: transparent !important; }

body.cq-light .kanban-header{
  background: rgba(238,244,250,0.92) !important;
  border-bottom: 1px solid var(--cq-border-soft) !important;
}

body.cq-light .task-card,
body.cq-light .summary-pill{
  background: rgba(238,244,250,0.92) !important;
  border: 1px solid var(--cq-border-soft) !important;
  color: var(--cq-text) !important;
  box-shadow: var(--cq-shadow-sm) !important;
}

body.cq-light .reply-list{
  background: transparent !important;
}

body.cq-light .modal-overlay{
  background: rgba(15,23,42,0.45) !important;
}

body.cq-light .admin-sidebar,
body.cq-light .admin-header{
  background: rgba(255,255,255,0.86) !important;
  border-color: var(--cq-border-soft) !important;
  color: var(--cq-text) !important;
  box-shadow: var(--cq-shadow-sm) !important;
}

body.cq-light .admin-sidebar .nav-item{
  color: var(--cq-text-muted) !important;
}

body.cq-light .admin-sidebar .nav-item:hover{
  background: rgba(20,184,166,0.08) !important;
  color: var(--cq-text) !important;
}

body.cq-light .admin-sidebar .nav-item.active{
  background: rgba(20,184,166,0.12) !important;
  border-color: rgba(20,184,166,0.22) !important;
  color: var(--cq-primary-deep) !important;
}

body.cq-light .data-card,
body.cq-light .stat-card,
body.cq-light .chart-container,
body.cq-light .services-modal-content{
  background: rgba(255,255,255,0.92) !important;
  border-color: var(--cq-border-soft) !important;
  box-shadow: var(--cq-shadow) !important;
  color: var(--cq-text) !important;
}
body.cq-light #admin-content .card-header,
body.cq-light .data-card > .card-header,
body.cq-light .stat-card > .card-header {
  background: linear-gradient(135deg, rgba(240,253,250,0.98), rgba(255,255,255,0.96)) !important;
  color: var(--cq-text) !important;
  border: 1px solid rgba(20,184,166,0.14) !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 8px 18px rgba(15,23,42,0.04) !important;
  text-shadow: none !important;
}
body.cq-light #admin-content .card-header[data-bi="1"] {
  color: var(--cq-primary-deep) !important;
}
body.cq-light #admin-content .chart-container {
  background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,250,252,0.92)) !important;
}
body.cq-light #admin-content .apexcharts-canvas,
body.cq-light #admin-content .apexcharts-svg,
body.cq-light #admin-content .apexcharts-inner {
  background: transparent !important;
}
body.cq-light #admin-content .apexcharts-legend {
  background: rgba(255,255,255,0.84) !important;
  border: 1px solid rgba(20,184,166,0.12) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 18px rgba(15,23,42,0.04) !important;
}
body.cq-light #admin-content .apexcharts-legend-text,
body.cq-light #admin-content .apexcharts-text,
body.cq-light #admin-content .apexcharts-title-text,
body.cq-light #admin-content .apexcharts-subtitle-text,
body.cq-light #admin-content .apexcharts-xaxis-label,
body.cq-light #admin-content .apexcharts-yaxis-label,
body.cq-light #admin-content .apexcharts-datalabel,
body.cq-light #admin-content .apexcharts-datalabel-label,
body.cq-light #admin-content .apexcharts-datalabel-value {
  fill: var(--cq-text-muted) !important;
  color: var(--cq-text-muted) !important;
}
body.cq-light #admin-content .apexcharts-legend-series:hover .apexcharts-legend-text,
body.cq-light #admin-content .apexcharts-legend-series.apexcharts-series-collapsed .apexcharts-legend-text {
  color: var(--cq-primary-deep) !important;
}
body.cq-light #admin-content .apexcharts-gridline,
body.cq-light #admin-content .apexcharts-xaxis line,
body.cq-light #admin-content .apexcharts-yaxis line,
body.cq-light #admin-content .apexcharts-xaxis-tick,
body.cq-light #admin-content .apexcharts-yaxis-tick {
  stroke: rgba(148,163,184,0.22) !important;
}
body.cq-light #admin-content .apexcharts-tooltip,
body.cq-light #admin-content .apexcharts-xaxistooltip,
body.cq-light #admin-content .apexcharts-yaxistooltip {
  background: rgba(255,255,255,0.98) !important;
  border: 1px solid rgba(20,184,166,0.12) !important;
  color: var(--cq-text) !important;
  box-shadow: 0 14px 28px rgba(15,23,42,0.10) !important;
}
body.cq-light #admin-content .apexcharts-tooltip-title {
  background: rgba(240,253,250,0.96) !important;
  border-bottom: 1px solid rgba(20,184,166,0.10) !important;
  color: var(--cq-primary-deep) !important;
}
body.cq-light #admin-content .apexcharts-toolbar svg,
body.cq-light #admin-content .apexcharts-menu-icon svg {
  fill: var(--cq-primary-deep) !important;
}
body.cq-light #section-tasks > .data-card,
body.cq-light #section-employees > .data-card,
body.cq-light #section-settings > .data-card {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.95)) !important;
  border: 1px solid rgba(148,163,184,0.14) !important;
  box-shadow: 0 18px 34px rgba(15,23,42,0.08) !important;
}
body.cq-light #section-tasks .chart-container[style*="padding: 0"],
body.cq-light #section-tasks .chart-container[style*="overflow: hidden"] {
  background: rgba(255,255,255,0.98) !important;
  border: 1px solid rgba(148,163,184,0.14) !important;
  box-shadow: 0 14px 28px rgba(15,23,42,0.06) !important;
}
body.cq-light #section-tasks .chart-container > .card-header[style*="border-bottom"],
body.cq-light #section-tasks .chart-container > .card-header.flex {
  margin: 0 !important;
  border: none !important;
  border-bottom: 1px solid rgba(148,163,184,0.14) !important;
  border-radius: 16px 16px 0 0 !important;
  background: linear-gradient(135deg, rgba(240,253,250,0.98), rgba(255,255,255,0.96)) !important;
  color: var(--cq-primary-deep) !important;
  box-shadow: none !important;
}
body.cq-light #section-tasks #btn-delete-selected,
body.cq-light #btn-delete-selected-employees {
  background: linear-gradient(135deg, #ef4444, #dc2626) !important;
  border: 1px solid rgba(220,38,38,0.18) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(239,68,68,0.18) !important;
}
body.cq-light #section-tasks #btn-delete-selected:hover,
body.cq-light #btn-delete-selected-employees:hover {
  background: linear-gradient(135deg, #dc2626, #b91c1c) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(239,68,68,0.22) !important;
}
body.cq-light #section-employees .p-4.bg-slate-800,
body.cq-light #section-employees .border-t.border-slate-700,
body.cq-light #section-employees .bg-slate-800 {
  background: rgba(255,255,255,0.96) !important;
  border-color: rgba(148,163,184,0.14) !important;
  color: var(--cq-text-muted) !important;
}
body.cq-light #section-employees #btn-prev,
body.cq-light #section-employees #btn-next,
body.cq-light #section-employees #page-size {
  background: rgba(255,255,255,0.98) !important;
  border: 1px solid #BDEDE6 !important;
  color: var(--cq-primary-deep) !important;
  box-shadow: 0 8px 16px rgba(20,184,166,0.08) !important;
}
body.cq-light #section-employees #btn-prev:hover,
body.cq-light #section-employees #btn-next:hover,
body.cq-light #section-employees #page-size:hover,
body.cq-light #section-employees #page-size:focus {
  border-color: #14B8A6 !important;
  box-shadow: 0 0 0 3px rgba(189,237,230,0.9) !important;
}
body.cq-light #section-settings .grid.md\\:grid-cols-2 {
  background: transparent !important;
  color: var(--cq-text) !important;
}

body.cq-light #toast-container,
body.cq-light .toast-root,
body.cq-light .toast-container{
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  top: auto !important;
  bottom: calc(env(safe-area-inset-bottom, 0px) + 24px) !important;
  width: min(420px, calc(100vw - 32px)) !important;
  max-width: calc(100vw - 32px) !important;
  transform: translateX(-50%) !important;
  z-index: 10000 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 10px !important;
  pointer-events: none !important;
  overflow: visible !important;
  padding: 0 !important;
}

body.cq-light #toast-container .toast,
body.cq-light #toast-container .toast-msg,
body.cq-light .toast-root .toast,
body.cq-light .toast-container .toast,
body.cq-light > .toast{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 12px 10px 14px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: min(420px, calc(100vw - 32px)) !important;
  pointer-events: auto !important;
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.98)) !important;
  border: 1px solid var(--cq-border) !important;
  color: var(--cq-text) !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 34px rgba(15,23,42,0.16) !important;
  backdrop-filter: blur(12px) saturate(140%) !important;
}

body.cq-light .login-toast{
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  top: auto !important;
  bottom: calc(env(safe-area-inset-bottom, 0px) + 24px) !important;
  transform: translateX(-50%) !important;
  width: min(420px, calc(100vw - 32px)) !important;
  max-width: calc(100vw - 32px) !important;
  z-index: 10000 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 12px 10px 14px !important;
  pointer-events: auto !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.98)) !important;
  border: 1px solid var(--cq-border) !important;
  color: var(--cq-text) !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 34px rgba(15,23,42,0.16) !important;
  backdrop-filter: blur(12px) saturate(140%) !important;
}

body.cq-light #toast-container .toast::before,
body.cq-light #toast-container .toast-msg::before,
body.cq-light .toast-root .toast::before,
body.cq-light .toast-container .toast::before,
body.cq-light > .toast::before,
body.cq-light .login-toast::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  inset-inline-start: 0 !important;
  width: 4px !important;
  height: auto !important;
  background: var(--cq-primary) !important;
  border-radius: 999px !important;
  opacity: 1 !important;
  transform: none !important;
  box-shadow: none !important;
}

body.cq-light #toast-container .toast-success::before,
body.cq-light #toast-container .toast-msg.success::before,
body.cq-light .toast-root .toast.success::before,
body.cq-light .toast-container .toast.success::before,
body.cq-light > .toast.success::before,
body.cq-light .login-toast.success::before{
  background: linear-gradient(180deg, var(--cq-primary), var(--cq-success)) !important;
}

body.cq-light #toast-container .toast-error::before,
body.cq-light #toast-container .toast-msg.error::before,
body.cq-light .toast-root .toast.error::before,
body.cq-light .toast-container .toast.error::before,
body.cq-light > .toast.error::before,
body.cq-light .login-toast.error::before{
  background: linear-gradient(180deg, #f97316, var(--cq-danger)) !important;
}

body.cq-light #toast-container .toast-warning::before,
body.cq-light #toast-container .toast-msg.warning::before,
body.cq-light .toast-root .toast.warning::before,
body.cq-light .toast-container .toast.warning::before,
body.cq-light > .toast.warning::before{
  background: linear-gradient(180deg, #fbbf24, var(--cq-warning)) !important;
}

body.cq-light #toast-container .toast-info::before,
body.cq-light #toast-container .toast-msg.info::before,
body.cq-light .toast-root .toast.info::before,
body.cq-light .toast-container .toast.info::before,
body.cq-light > .toast.info::before{
  background: linear-gradient(180deg, #2dd4bf, var(--cq-primary-deep)) !important;
}

body.cq-light #toast-container .toast .toast-title,
body.cq-light #toast-container .toast .toast-message,
body.cq-light #toast-container .toast-msg .toast-title,
body.cq-light #toast-container .toast-msg .toast-body,
body.cq-light .toast-root .toast .toast-title,
body.cq-light .toast-root .toast .toast-msg,
body.cq-light .toast-root .toast .toast-body,
body.cq-light .toast-container .toast .toast-title,
body.cq-light .toast-container .toast .toast-body,
body.cq-light > .toast .toast-title,
body.cq-light > .toast .toast-msg,
body.cq-light > .toast .toast-body,
body.cq-light .toast-container .toast span,
body.cq-light .login-toast{
  color: var(--cq-text) !important;
}

body.cq-light #toast-container .toast .toast-message,
body.cq-light #toast-container .toast-msg .toast-body,
body.cq-light .toast-root .toast .toast-msg,
body.cq-light .toast-container .toast .toast-msg,
body.cq-light > .toast .toast-msg,
body.cq-light .toast-container .toast span:last-child,
body.cq-light .login-toast span:last-child{
  color: var(--cq-text-muted) !important;
}

body.cq-light #toast-container .toast .toast-content,
body.cq-light #toast-container .toast-msg .toast-content,
body.cq-light .toast-root .toast .toast-body,
body.cq-light .toast-container .toast .toast-body,
body.cq-light > .toast .toast-body{
  flex: 1 !important;
  min-width: 0 !important;
}

body.cq-light #toast-container .toast .toast-title,
body.cq-light #toast-container .toast-msg .toast-title,
body.cq-light .toast-root .toast .toast-title,
body.cq-light .toast-container .toast .toast-title,
body.cq-light > .toast .toast-title{
  margin: 0 0 3px !important;
  font-size: 0.85rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

body.cq-light #toast-container .toast .toast-message,
body.cq-light #toast-container .toast-msg .toast-body,
body.cq-light .toast-root .toast .toast-msg,
body.cq-light .toast-container .toast .toast-msg,
body.cq-light > .toast .toast-msg{
  margin: 0 !important;
  font-size: 0.76rem !important;
  line-height: 1.45 !important;
}

body.cq-light #toast-container .toast .toast-icon,
body.cq-light #toast-container .toast-msg .toast-icon,
body.cq-light .toast-root .toast .toast-icon,
body.cq-light .toast-container .toast .toast-icon,
body.cq-light > .toast .toast-icon,
body.cq-light .login-toast .icon{
  width: 32px !important;
  height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 32px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(20,184,166,0.14) !important;
  background: linear-gradient(135deg, rgba(20,184,166,0.12), rgba(204,251,241,0.72)) !important;
  color: var(--cq-primary-deep) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.75) !important;
  font-size: 0 !important;
}

body.cq-light #toast-container .toast-error .toast-icon,
body.cq-light #toast-container .toast-msg.error .toast-icon,
body.cq-light .toast-root .toast.error .toast-icon,
body.cq-light .toast-container .toast.error .toast-icon,
body.cq-light > .toast.error .toast-icon,
body.cq-light .login-toast.error .icon{
  border-color: rgba(220,38,38,0.14) !important;
  background: linear-gradient(135deg, rgba(254,242,242,1), rgba(254,226,226,0.95)) !important;
  color: var(--cq-danger) !important;
}

body.cq-light #toast-container .toast-warning .toast-icon,
body.cq-light #toast-container .toast-msg.warning .toast-icon,
body.cq-light .toast-root .toast.warning .toast-icon,
body.cq-light .toast-container .toast.warning .toast-icon,
body.cq-light > .toast.warning .toast-icon{
  border-color: rgba(245,158,11,0.16) !important;
  background: linear-gradient(135deg, rgba(255,251,235,1), rgba(254,243,199,0.95)) !important;
  color: #b45309 !important;
}

body.cq-light #toast-container .toast-success .toast-icon,
body.cq-light #toast-container .toast-msg.success .toast-icon,
body.cq-light .toast-root .toast.success .toast-icon,
body.cq-light .toast-container .toast.success .toast-icon,
body.cq-light > .toast.success .toast-icon,
body.cq-light .login-toast.success .icon{
  border-color: rgba(22,163,74,0.14) !important;
  background: linear-gradient(135deg, rgba(240,253,244,1), rgba(220,252,231,0.95)) !important;
  color: var(--cq-success) !important;
}

body.cq-light #toast-container .toast .lucide,
body.cq-light #toast-container .toast-msg .lucide,
body.cq-light .toast-root .toast .lucide,
body.cq-light .toast-container .toast .lucide,
body.cq-light > .toast .lucide,
body.cq-light .login-toast .icon svg{
  width: 16px !important;
  height: 16px !important;
  stroke-width: 2.15 !important;
}

body.cq-light .toast-root .toast .toast-bar{
  background: rgba(148,163,184,0.16) !important;
}

body.cq-light .toast-root .toast .toast-bar > span{
  background: linear-gradient(90deg, var(--cq-primary), var(--cq-primary-deep)) !important;
}

body.cq-light .status-pill{
  background: rgba(255,255,255,0.84) !important;
  border: 1px solid rgba(15,23,42,0.08) !important;
  color: var(--cq-text-muted) !important;
  box-shadow: var(--cq-shadow-sm) !important;
}

body.cq-light .status-pill .lucide{
  color: var(--cq-primary-deep) !important;
}

body.cq-light #app-loader,
body.cq-light .compliq-loader{
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.28s ease, visibility 0.28s ease !important;
}

body.cq-light #app-loader.is-visible,
body.cq-light .compliq-loader.is-visible{
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body.cq-light .compliq-loader__backdrop{
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 50% 38%, rgba(14,165,233,0.11), rgba(14,165,233,0) 22%),
    radial-gradient(circle at 50% 62%, rgba(59,130,246,0.09), rgba(59,130,246,0) 28%),
    rgba(247,249,252,0.72) !important;
  backdrop-filter: blur(10px) saturate(135%) !important;
}

body.cq-light .compliq-loader__panel{
  position: relative !important;
  z-index: 1 !important;
  min-width: min(86vw, 320px) !important;
  max-width: min(90vw, 360px) !important;
  padding: 30px 28px 24px !important;
  border-radius: 28px !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
}

body.cq-light .compliq-loader__text{
  margin: 0 !important;
  color: var(--cq-primary-deep) !important;
  font-size: 0.96rem !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

body.cq-light .logo-shell{
  position: relative !important;
  width: min(34vw, 182px) !important;
  aspect-ratio: 1 / 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  animation: shellFloat 1.85s ease-in-out infinite !important;
}

body.cq-light .logo-base{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  user-select: none !important;
  -webkit-user-drag: none !important;
  z-index: 2 !important;
  filter: none !important;
}

body.cq-light .logo-scan-wrap{
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  overflow: hidden !important;
  mix-blend-mode: screen !important;
  -webkit-mask-image: url("../logo22.png") !important;
  mask-image: url("../logo22.png") !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
}

body.cq-light .logo-scan{
  position: absolute !important;
  top: -48% !important;
  left: -28% !important;
  width: 92% !important;
  height: 184% !important;
  opacity: 0.9 !important;
  background: linear-gradient(120deg, transparent 34%, rgba(255,255,255,0.14) 42%, rgba(255,255,255,0.88) 50%, rgba(236,254,255,0.56) 56%, rgba(255,255,255,0.12) 64%, transparent 72%) !important;
  transform: translateX(-98%) skewX(-16deg) !important;
  animation: scanSweep 3.45s ease-in-out infinite !important;
}

@keyframes shellFloat{
  0%, 100%{
    transform: translateY(0) scale(1);
  }
  50%{
    transform: translateY(-5px) scale(1.018);
  }
}

@keyframes cqLoaderHaloPulse{
  0%, 100%{
    opacity: 0.3;
    transform: scale(0.92);
  }
  50%{
    opacity: 0.72;
    transform: scale(1.08);
  }
}

@keyframes cqLoaderGroundGlow{
  0%, 100%{
    opacity: 0.28;
    transform: translateY(28px) scaleX(0.82);
  }
  50%{
    opacity: 0.64;
    transform: translateY(24px) scaleX(1);
  }
}

@keyframes cqLoaderBloom{
  0%, 100%{
    opacity: 0.62;
    transform: scale(1);
    filter:
      brightness(1.1)
      saturate(1.18)
      drop-shadow(0 0 8px rgba(34,211,238,0.22))
      drop-shadow(0 0 22px rgba(59,130,246,0.14))
      drop-shadow(0 0 36px rgba(14,165,233,0.08)) !important;
  }
  50%{
    opacity: 1;
    transform: scale(1.035);
    filter:
      brightness(1.26)
      saturate(1.32)
      drop-shadow(0 0 10px rgba(34,211,238,0.46))
      drop-shadow(0 0 28px rgba(59,130,246,0.28))
      drop-shadow(0 0 52px rgba(14,165,233,0.12)) !important;
  }
}

@keyframes scanSweep{
  0%{ transform: translateX(-98%) skewX(-16deg); opacity: 0; }
  14%{ opacity: 0; }
  28%{ opacity: 0.62; }
  50%{ opacity: 0.94; }
  64%{ transform: translateX(94%) skewX(-16deg); opacity: 0.88; }
  78%{ opacity: 0; }
  100%{ transform: translateX(94%) skewX(-16deg); opacity: 0; }
}

body.cq-light a{ color: var(--cq-link); }
body.cq-light a:hover{ color: rgba(13,148,136,1); }

body.cq-light .bg-slate-900,
body.cq-light .bg-gray-900{
  background: transparent !important;
}

body.cq-light .bg-gray-800,
body.cq-light .bg-slate-800{
  background: rgba(255,255,255,0.92) !important;
  border: 1px solid var(--cq-border-soft) !important;
  box-shadow: var(--cq-shadow) !important;
}

body.cq-light .text-gray-100,
body.cq-light .text-slate-100{
  color: var(--cq-text) !important;
}

body.cq-light .text-slate-300,
body.cq-light .text-slate-500,
body.cq-light .text-slate-600{
  color: var(--cq-text-muted) !important;
}

body.cq-light .card,
body.cq-light .log-container,
body.cq-light .modal-content{
  background: rgba(255,255,255,0.92) !important;
  border: 1px solid var(--cq-border-soft) !important;
  color: var(--cq-text) !important;
  box-shadow: var(--cq-shadow) !important;
}

body.cq-light .modal-overlay,
body.cq-light .modal{
  border-color: var(--cq-border-soft) !important;
}

body.cq-light .console-output{
  background: rgba(15,23,42,0.94) !important;
  color: rgba(226,232,240,0.96) !important;
  border: 1px solid rgba(15,23,42,0.26) !important;
}

body.cq-light .test-item.pending{
  background: var(--cq-warning-soft) !important;
  border-left-color: var(--cq-warning) !important;
}
body.cq-light .test-item.success{
  background: var(--cq-success-soft) !important;
  border-left-color: var(--cq-success) !important;
}
body.cq-light .test-item.error{
  background: var(--cq-danger-soft) !important;
  border-left-color: var(--cq-danger) !important;
}

/* Fix index.html low-contrast elements in light theme */
body.cq-light .sidebar-footer{
  background: var(--cq-surface-2) !important;
  border-top-color: var(--cq-border) !important;
  color: var(--cq-text) !important;
}

body.cq-light .sidebar-devline,
body.cq-light .gradient-text {
  color: var(--cq-text-muted) !important;
  text-shadow: none !important;
}

body.cq-light .side-menu-overlay{
  background: rgba(0,0,0,0.25) !important;
}

/* Side Menu Drawer Overrides for Light Theme */
body.cq-light .side-menu {
  background: var(--cq-surface) !important;
  color: var(--cq-text) !important;
  border-left-color: var(--cq-border) !important;
  box-shadow: -12px 0 32px rgba(2,6,23,0.08) !important;
  backdrop-filter: blur(18px) saturate(150%) !important;
  font-family: var(--cq-sidebar-font) !important;
}
body.cq-light .side-menu .side-menu-header,
body.cq-light .side-menu .side-menu-nav,
body.cq-light .side-menu .side-link span,
body.cq-light .side-menu .side-menu-header *,
body.cq-light .side-menu .side-menu-nav *,
body.cq-light .side-menu .lang-switch,
body.cq-light .side-menu .lang-switch *,
body.cq-light .side-menu .sidebar-footer,
body.cq-light .side-menu .sidebar-footer * {
  font-family: var(--cq-sidebar-font) !important;
}
body.cq-light .side-menu .close-menu-btn {
  color: var(--cq-text) !important;
}
body.cq-light .side-menu .side-link {
  color: var(--cq-text-muted) !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  font-family: var(--cq-sidebar-font) !important;
  font-weight: 600 !important;
}
body.cq-light .side-menu .lang-btn,
body.cq-light .side-menu .lang-btn-mini,
body.cq-light .side-menu .sidebar-footer,
body.cq-light .side-menu .gradient-text,
body.cq-light .side-menu .sidebar-devline {
  font-family: var(--cq-sidebar-font) !important;
}
body.cq-light .side-menu .side-link .nav-icon {
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
  position: relative !important;
  font-size: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  clip-path: none !important;
  box-shadow: none !important;
}
body.cq-light .side-menu .side-link .nav-icon::before {
  inset: 0 !important;
  background: #0FAE9B !important;
}
body.cq-light .side-menu .side-link:hover {
  background: rgba(20,184,166,0.08) !important;
  color: var(--cq-text) !important;
}
body.cq-light .side-menu .side-link.active {
  background: rgba(20,184,166,0.12) !important;
  border-color: rgba(20,184,166,0.18) !important;
  color: var(--cq-primary-deep) !important;
  box-shadow: 0 10px 22px rgba(20,184,166,0.10) !important;
}
body.cq-light .side-menu .side-link:hover .nav-icon,
body.cq-light .side-menu .side-link.active .nav-icon {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
body.cq-light .side-menu .side-link:hover .nav-icon::before,
body.cq-light .side-menu .side-link.active .nav-icon::before {
  background: #0FAE9B !important;
  transform: scale(1.02) !important;
}
body.cq-light .side-menu .lang-btn-mini {
  color: var(--cq-text) !important;
  border-color: var(--cq-border) !important;
  background: var(--cq-surface-2) !important;
}
body.cq-light .side-menu .lang-btn-mini:hover {
  background: var(--cq-border) !important;
  color: var(--cq-primary-deep) !important;
}
body.cq-light .side-menu .side-link[href="login.html"] {
  background: transparent !important;
  color: var(--cq-text-muted) !important;
  font-weight: inherit !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
body.cq-light .side-menu .side-link[href="login.html"]:hover {
  background: rgba(20,184,166,0.08) !important;
  color: var(--cq-text) !important;
}
body.cq-light .side-menu .sidebar-footer {
  background: var(--cq-surface-2) !important;
  border-top-color: var(--cq-border) !important;
}
body.cq-light .side-menu .sidebar-footer .gradient-text {
  color: var(--cq-text-muted) !important;
}
body.cq-light .side-menu .sidebar-footer .sidebar-devline {
  color: var(--cq-primary-deep) !important;
}
body.cq-light .admin-sidebar {
  background: rgba(255,255,255,0.96) !important;
  border-color: var(--cq-border) !important;
  box-shadow: 10px 0 30px rgba(2,6,23,0.08) !important;
}
body.cq-light .admin-header {
  background: rgba(255,255,255,0.9) !important;
  border-color: var(--cq-border-soft) !important;
  box-shadow: var(--cq-shadow-sm) !important;
}
body.cq-light #admin-content .btn:focus,
body.cq-light #admin-content .btn:focus-visible,
body.cq-light #admin-content button:focus,
body.cq-light #admin-content button:focus-visible,
body.cq-light #admin-content a:focus,
body.cq-light #admin-content a:focus-visible {
  outline: none !important;
  border-color: #14B8A6 !important;
  box-shadow: 0 0 0 3px rgba(189,237,230,0.9) !important;
}
body.cq-light #admin-content input[type="checkbox"],
body.cq-light #admin-content input[type="radio"],
body.cq-light #confirm-overlay input[type="checkbox"],
body.cq-light #violation-modal input[type="checkbox"] {
  accent-color: #14B8A6 !important;
}
body.cq-light #admin-content .ai-command-bar,
body.cq-light .ai-command-bar {
  background: rgba(255,255,255,0.92) !important;
  border-color: #BDEDE6 !important;
  box-shadow: var(--cq-shadow-sm) !important;
}
body.cq-light #admin-content .ai-command-bar:focus-within,
body.cq-light .ai-command-bar:focus-within {
  border-color: #14B8A6 !important;
  box-shadow: 0 0 0 3px rgba(189,237,230,0.9) !important;
}
body.cq-light #admin-content .ai-command-input,
body.cq-light .ai-command-input {
  color: var(--cq-text) !important;
}
body.cq-light #admin-content .ai-command-btn,
body.cq-light .ai-command-btn {
  background: linear-gradient(135deg, #14B8A6, #0D9488) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(20,184,166,0.22) !important;
}
body.cq-light #admin-content .ai-command-btn:hover,
body.cq-light .ai-command-btn:hover {
  box-shadow: 0 12px 22px rgba(20,184,166,0.26) !important;
}
body.cq-light #admin-content .input-dark {
  background: #ffffff !important;
  color: var(--cq-text) !important;
  border: 1px solid #BDEDE6 !important;
  box-shadow: none !important;
}
body.cq-light #admin-content .input-dark:focus,
body.cq-light #admin-content .input-dark:focus-visible {
  border-color: #14B8A6 !important;
  box-shadow: 0 0 0 3px rgba(189,237,230,0.9) !important;
  outline: none !important;
}
body.cq-light #admin-content .input-dark option {
  background: #ffffff !important;
  color: var(--cq-text) !important;
}
body.cq-light #admin-content [class*="text-blue-300"],
body.cq-light #admin-content [class*="text-blue-400"],
body.cq-light #admin-content [class*="text-blue-500"] {
  color: var(--cq-primary-deep) !important;
}
body.cq-light #admin-content button[class*="bg-blue-"],
body.cq-light #admin-content a[class*="bg-blue-"] {
  background: linear-gradient(135deg, #14B8A6, #0D9488) !important;
  border-color: rgba(20,184,166,0.18) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(20,184,166,0.20) !important;
}
body.cq-light #admin-content button[class*="hover:bg-blue-"]:hover,
body.cq-light #admin-content a[class*="hover:bg-blue-"]:hover {
  background: linear-gradient(135deg, #0D9488, #0F766E) !important;
  color: #ffffff !important;
}
body.cq-light #admin-content button[class*="bg-blue-500/20"],
body.cq-light #admin-content button[class*="bg-blue-500/40"],
body.cq-light #admin-content button[class*="bg-blue-600/20"],
body.cq-light #admin-content button[class*="bg-blue-600/40"] {
  background: rgba(20,184,166,0.12) !important;
  border: 1px solid #BDEDE6 !important;
  color: var(--cq-primary-deep) !important;
  box-shadow: none !important;
}
body.cq-light #admin-content button[class*="hover:bg-blue-500/40"]:hover,
body.cq-light #admin-content button[class*="hover:bg-blue-600/40"]:hover {
  background: rgba(13,148,136,0.16) !important;
  color: var(--cq-primary-deep) !important;
}
body.cq-light #admin-content .stat-card[style*="#14B8A6"],
body.cq-light #admin-content .stat-card[style*="border-right"] {
  border-color: rgba(20,184,166,0.18) !important;
}
body.cq-light .admin-sidebar .sidebar-brand,
body.cq-light .admin-sidebar .nav-group-header,
body.cq-light .admin-sidebar .nav-item,
body.cq-light .admin-sidebar .sidebar-header,
body.cq-light .admin-sidebar .sidebar-header *,
body.cq-light .admin-sidebar .sidebar-nav,
body.cq-light .admin-sidebar .sidebar-nav * {
  color: var(--cq-text-muted) !important;
  font-family: var(--cq-sidebar-font) !important;
}
body.cq-light .admin-sidebar .nav-group-header:hover,
body.cq-light .admin-sidebar .nav-item:hover {
  background: rgba(20,184,166,0.08) !important;
  color: var(--cq-text) !important;
}
body.cq-light .admin-sidebar .nav-group.active .nav-group-header,
body.cq-light .admin-sidebar .nav-item.active {
  background: rgba(20,184,166,0.12) !important;
  border: 1px solid rgba(20,184,166,0.18) !important;
  color: var(--cq-primary-deep) !important;
  box-shadow: 0 10px 22px rgba(20,184,166,0.10) !important;
}
body.cq-light .admin-sidebar .nav-group-header > span:first-child {
  gap: 10px !important;
}
body.cq-light .admin-sidebar .admin-nav-icon {
  --admin-nav-size: 18px;
  width: var(--admin-nav-size) !important;
  height: var(--admin-nav-size) !important;
  min-width: var(--admin-nav-size) !important;
  flex: 0 0 var(--admin-nav-size) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #0FAE9B !important;
  line-height: 0 !important;
  vertical-align: middle !important;
}
body.cq-light .admin-sidebar .admin-nav-icon::before {
  content: "" !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  background: currentColor !important;
  -webkit-mask: var(--admin-nav-mask) center / contain no-repeat !important;
  mask: var(--admin-nav-mask) center / contain no-repeat !important;
}
body.cq-light .admin-sidebar .nav-group-header:hover .admin-nav-icon,
body.cq-light .admin-sidebar .nav-group.active .nav-group-header .admin-nav-icon,
body.cq-light .admin-sidebar .nav-item:hover .admin-nav-icon,
body.cq-light .admin-sidebar .nav-item.active .admin-nav-icon {
  color: #0F766E !important;
}
body.cq-light .admin-sidebar .admin-nav-analytics { --admin-nav-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 19h16M7 16V9M12 16V5M17 16v-7' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round'/%3E%3C/svg%3E"); }
body.cq-light .admin-sidebar .admin-nav-home { --admin-nav-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 10.5 12 4l8 6.5V20H4z' fill='none' stroke='%23000' stroke-width='2.1' stroke-linejoin='round'/%3E%3Cpath d='M9 20v-5h6v5' fill='none' stroke='%23000' stroke-width='2.1' stroke-linejoin='round'/%3E%3C/svg%3E"); }
body.cq-light .admin-sidebar .admin-nav-ai { --admin-nav-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 3 5 14h6l-1 7 9-12h-6l1-6Z' fill='none' stroke='%23000' stroke-width='2.1' stroke-linejoin='round'/%3E%3C/svg%3E"); }
body.cq-light .admin-sidebar .admin-nav-tasks { --admin-nav-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='4' width='14' height='16' rx='2' fill='none' stroke='%23000' stroke-width='2.1'/%3E%3Cpath d='M9 4.5h6M8 10h8M8 14h5' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round'/%3E%3C/svg%3E"); }
body.cq-light .admin-sidebar .admin-nav-data { --admin-nav-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h5l2 2h7a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z' fill='none' stroke='%23000' stroke-width='2.1' stroke-linejoin='round'/%3E%3C/svg%3E"); }
body.cq-light .admin-sidebar .admin-nav-employees { --admin-nav-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 20v-1a4 4 0 0 0-4-4H7a4 4 0 0 0-4 4v1M9.5 11a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM20 20v-1a4 4 0 0 0-3-3.87M15 4.13a3.5 3.5 0 0 1 0 6.74' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
body.cq-light .admin-sidebar .admin-nav-violations { --admin-nav-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4 3 20h18L12 4Z' fill='none' stroke='%23000' stroke-width='2.1' stroke-linejoin='round'/%3E%3Cpath d='M12 9v4M12 17h.01' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round'/%3E%3C/svg%3E"); }
body.cq-light .admin-sidebar .admin-nav-training { --admin-nav-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 9 9-5 9 5-9 5-9-5Zm4 3.5V16c0 1.7 2.2 3 5 3s5-1.3 5-3v-3.5' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
body.cq-light .admin-sidebar .admin-nav-branches { --admin-nav-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20V8l8-4 8 4v12M9 20v-4h6v4M8 10h.01M12 10h.01M16 10h.01' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
body.cq-light .admin-sidebar .admin-nav-housings { --admin-nav-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 11h16v7H4zM7 11V8a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v3M8 15h.01M16 15h.01' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
body.cq-light .admin-sidebar .admin-nav-transports { --admin-nav-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7h11v8H3zM14 10h4l3 3v2h-7zM7 18a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm10 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
body.cq-light .admin-sidebar .admin-nav-visits { --admin-nav-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='6' y='4' width='12' height='16' rx='2' fill='none' stroke='%23000' stroke-width='2.1'/%3E%3Cpath d='M9 9h6M9 13h4M15.5 17.5l1.5 1.5 3-3' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
body.cq-light .admin-sidebar .admin-nav-saudization { --admin-nav-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='8' r='3' fill='none' stroke='%23000' stroke-width='2.1'/%3E%3Cpath d='M4.5 19a4.5 4.5 0 0 1 9 0' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round'/%3E%3Cpath d='M15 7h5M17.5 4.5v5' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round'/%3E%3C/svg%3E"); }
body.cq-light .admin-sidebar .admin-nav-meetings { --admin-nav-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='12' rx='2' fill='none' stroke='%23000' stroke-width='2.1'/%3E%3Cpath d='M8 19h8M12 17v2M7 10h10M7 13h6' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round'/%3E%3C/svg%3E"); }
body.cq-light .admin-sidebar .admin-nav-advanced-data { --admin-nav-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cellipse cx='12' cy='6' rx='6.5' ry='2.5' fill='none' stroke='%23000' stroke-width='2.1'/%3E%3Cpath d='M5.5 6v6c0 1.4 2.9 2.5 6.5 2.5s6.5-1.1 6.5-2.5V6M5.5 12v6c0 1.4 2.9 2.5 6.5 2.5s6.5-1.1 6.5-2.5v-6' fill='none' stroke='%23000' stroke-width='2.1'/%3E%3C/svg%3E"); }
body.cq-light .admin-sidebar .admin-nav-report { --admin-nav-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19V9M12 19V5M19 19v-8M4 19h16' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round'/%3E%3C/svg%3E"); }
body.cq-light .admin-sidebar .admin-nav-admin { --admin-nav-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 5 6v5c0 5 3 8 7 10 4-2 7-5 7-10V6l-7-3Z' fill='none' stroke='%23000' stroke-width='2.1' stroke-linejoin='round'/%3E%3Cpath d='M9.5 12 11 13.5 14.5 10' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
body.cq-light .admin-sidebar .admin-nav-message { --admin-nav-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 6h14a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H9l-4 3v-3H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2Z' fill='none' stroke='%23000' stroke-width='2.1' stroke-linejoin='round'/%3E%3C/svg%3E"); }
body.cq-light .admin-sidebar .admin-nav-complaints { --admin-nav-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4.5c3.9 0 7 2.6 7 5.8 0 3.2-3.1 5.8-7 5.8-.8 0-1.6-.1-2.3-.3L5 18l1.5-3.2c-.9-1-1.5-2.2-1.5-3.5 0-3.2 3.1-5.8 7-5.8Z' fill='none' stroke='%23000' stroke-width='2.1' stroke-linejoin='round'/%3E%3Cpath d='M9 10.5h6M9 13.5h3.5' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round'/%3E%3C/svg%3E"); }
body.cq-light .admin-sidebar .admin-nav-support { --admin-nav-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20a8 8 0 1 0-8-8' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round'/%3E%3Cpath d='M4 12v3a2 2 0 0 0 2 2h2v-5H6a2 2 0 0 0-2 2Zm16 0v3a2 2 0 0 1-2 2h-2v-5h2a2 2 0 0 1 2 2ZM12 20v-3h3' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
body.cq-light .admin-sidebar .admin-nav-settings { --admin-nav-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 8.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7Z' fill='none' stroke='%23000' stroke-width='2.1'/%3E%3Cpath d='M19.4 15a1 1 0 0 0 .2 1.1l.1.1a2 2 0 0 1-2.8 2.8l-.1-.1a1 1 0 0 0-1.1-.2 1 1 0 0 0-.6.9V20a2 2 0 0 1-4 0v-.2a1 1 0 0 0-.6-.9 1 1 0 0 0-1.1.2l-.1.1a2 2 0 0 1-2.8-2.8l.1-.1a1 1 0 0 0 .2-1.1 1 1 0 0 0-.9-.6H4a2 2 0 0 1 0-4h.2a1 1 0 0 0 .9-.6 1 1 0 0 0-.2-1.1l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1 1 0 0 0 1.1.2 1 1 0 0 0 .6-.9V4a2 2 0 0 1 4 0v.2a1 1 0 0 0 .6.9 1 1 0 0 0 1.1-.2l.1-.1a2 2 0 0 1 2.8 2.8l-.1.1a1 1 0 0 0-.2 1.1 1 1 0 0 0 .9.6h.2a2 2 0 0 1 0 4h-.2a1 1 0 0 0-.9.6Z' fill='none' stroke='%23000' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E"); }
body.cq-light .admin-sidebar .nav-item > span[aria-hidden="true"] {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  clip-path: none !important;
  box-shadow: none !important;
  transition: transform 0.2s ease !important;
}
body.cq-light .admin-sidebar .nav-group-header > span:first-child > .lucide {
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  clip-path: none !important;
  box-shadow: none !important;
  color: #0FAE9B !important;
  transition: transform 0.2s ease, color 0.2s ease !important;
}
body.cq-light .admin-sidebar .nav-item > span[aria-hidden="true"] .lucide {
  width: 18px !important;
  height: 18px !important;
  color: #0FAE9B !important;
  transition: transform 0.2s ease, color 0.2s ease !important;
}
body.cq-light .admin-sidebar .nav-group-header:hover > span:first-child > .lucide,
body.cq-light .admin-sidebar .nav-group.active .nav-group-header > span:first-child > .lucide,
body.cq-light .admin-sidebar .nav-item:hover > span[aria-hidden="true"],
body.cq-light .admin-sidebar .nav-item.active > span[aria-hidden="true"] {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
body.cq-light .admin-sidebar .nav-group-header:hover > span:first-child > .lucide,
body.cq-light .admin-sidebar .nav-group.active .nav-group-header > span:first-child > .lucide {
  transform: scale(1.02) !important;
}
body.cq-light .admin-sidebar .nav-item:hover > span[aria-hidden="true"] .lucide,
body.cq-light .admin-sidebar .nav-item.active > span[aria-hidden="true"] .lucide {
  color: #0FAE9B !important;
  transform: scale(1.02) !important;
}
body.cq-light .admin-sidebar .arrow-icon,
body.cq-light .admin-sidebar .arrow-icon .lucide {
  color: #0F766E !important;
}

/* Branches Section Light Theme */
body.cq-light #section-branches .card-header {
  background: linear-gradient(135deg, rgba(255,255,255,0.98), rgba(248,250,252,0.94)) !important;
  color: var(--cq-text) !important;
  border-bottom: 1px solid rgba(148,163,184,0.14) !important;
}
body.cq-light #section-branches .section-header[data-theme-applied="1"] {
  background: linear-gradient(135deg, rgba(240,253,250,0.98), rgba(239,246,255,0.96)) !important;
  color: var(--cq-text) !important;
  border: 1px solid rgba(20,184,166,0.16) !important;
  box-shadow: 0 12px 28px rgba(20,184,166,0.08) !important;
}
body.cq-light #section-branches #branches-title,
body.cq-light #section-branches .section-header .section-title {
  color: var(--cq-text) !important;
}
body.cq-light #section-branches #btn-open-branches {
  background: rgba(255,255,255,0.96) !important;
  color: var(--cq-primary-deep) !important;
  border: 1px solid rgba(20,184,166,0.16) !important;
  box-shadow: 0 8px 20px rgba(20,184,166,0.08) !important;
}
body.cq-light #section-branches #btn-open-branches:hover {
  background: rgba(240,253,250,0.98) !important;
}
body.cq-light #section-branches > .data-card,
body.cq-light #section-branches .data-card {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.94)) !important;
  border-color: rgba(148,163,184,0.16) !important;
  box-shadow: 0 18px 42px rgba(15,23,42,0.08) !important;
}
body.cq-light #section-branches #branches-content > div[style*="background:linear-gradient(180deg, rgba(17,24,39,0.65)"] {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.94)) !important;
  border: 1px solid rgba(148,163,184,0.16) !important;
  box-shadow: 0 16px 36px rgba(15,23,42,0.08) !important;
}
body.cq-light #section-branches span[style*="color:#e2e8f0"],
body.cq-light #section-branches label[style*="color:#e2e8f0"] {
  color: var(--cq-text) !important;
}
body.cq-light #section-branches span[style*="color:#94a3b8"],
body.cq-light #section-branches small[style*="color:#94a3b8"],
body.cq-light #section-branches label[style*="color:#94a3b8"],
body.cq-light #section-branches div[style*="color:#94a3b8"],
body.cq-light #section-branches #br-page-info {
  color: var(--cq-text-muted) !important;
}
body.cq-light #section-branches #br-region,
body.cq-light #section-branches #br-type,
body.cq-light #section-branches #br-vertical-sign-exists,
body.cq-light #section-branches #br-vertical-sign-unit,
body.cq-light #section-branches #br-type-filter,
body.cq-light #section-branches #br-region-filter,
body.cq-light #section-branches #br-page-size,
body.cq-light #section-branches #br-region-other,
body.cq-light #section-branches #br-search,
body.cq-light #section-branches input.form-control,
body.cq-light #section-branches select.form-control,
body.cq-light #section-branches textarea.form-control {
  background: #ffffff !important;
  color: var(--cq-text) !important;
  border-color: #BDEDE6 !important;
  box-shadow: none !important;
  min-height: 42px;
}
body.cq-light #section-branches select.form-control:not([multiple]) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5 7 5 6 5-6' fill='none' stroke='%230F766E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: left 12px center !important;
  background-size: 14px 14px !important;
  padding-left: 38px !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}
html[dir="ltr"] body.cq-light #section-branches select.form-control:not([multiple]) {
  background-position: right 12px center !important;
  padding-left: 14px !important;
  padding-right: 38px !important;
}
body.cq-light #section-branches select.form-control::-ms-expand {
  display: none !important;
}
body.cq-light #section-branches input.form-control:focus,
body.cq-light #section-branches select.form-control:focus,
body.cq-light #section-branches textarea.form-control:focus {
  border-color: #14B8A6 !important;
  box-shadow: 0 0 0 3px rgba(189,237,230,0.9) !important;
  outline: none !important;
}
body.cq-light #section-branches select.form-control {
  background-color: #ffffff !important;
  border-color: #BDEDE6 !important;
  box-shadow: none !important;
}
body.cq-light #section-branches select.form-control:focus,
body.cq-light #section-branches select.form-control:hover,
body.cq-light #section-branches select.form-control:active,
body.cq-light #section-branches select.form-control:focus-visible {
  border-color: #14B8A6 !important;
  box-shadow: 0 0 0 3px rgba(189,237,230,0.9) !important;
}
body.cq-light #section-branches select.form-control option {
  background: #ffffff !important;
  color: var(--cq-text) !important;
}
body.cq-light #section-branches select.form-control option:hover {
  background: #0D9488 !important;
  color: #ffffff !important;
}
body.cq-light #section-branches select.form-control option:checked,
body.cq-light #section-branches select.form-control option[selected],
body.cq-light #section-branches select.form-control option:focus,
body.cq-light #section-branches select.form-control option:active {
  background: #14B8A6 !important;
  color: #ffffff !important;
}
body.cq-light #section-branches #br-region,
body.cq-light #section-branches #br-region:hover,
body.cq-light #section-branches #br-region:focus,
body.cq-light #section-branches #br-region:active,
body.cq-light #section-branches #br-region:focus-visible {
  background-color: #ffffff !important;
  border-color: #14B8A6 !important;
}
body.cq-light #section-branches #br-region:not(:hover):not(:focus):not(:active):not(:focus-visible) {
  border-color: #BDEDE6 !important;
  box-shadow: none !important;
}
body.cq-light #section-branches textarea.form-control {
  min-height: 88px;
  resize: vertical;
}
body.cq-light #section-branches .form-control::placeholder {
  color: #94a3b8 !important;
  opacity: 1 !important;
}
body.cq-light #section-branches input[type="file"].form-control {
  padding: 7px 10px !important;
  line-height: 1.35 !important;
  background: #ffffff !important;
  color: var(--cq-text-muted) !important;
  border: 1px solid rgba(148,163,184,0.22) !important;
}
body.cq-light #section-branches input[type="file"].form-control::file-selector-button {
  margin-inline-end: 10px;
  padding: 7px 12px;
  border-radius: 10px;
  border: 1px solid rgba(20,184,166,0.16);
  background: linear-gradient(135deg, rgba(240,253,250,0.98), rgba(239,246,255,0.96));
  color: var(--cq-primary-deep);
  font-weight: 700;
  cursor: pointer;
}
body.cq-light #section-branches input[type="file"].form-control:hover::file-selector-button {
  background: rgba(240,253,250,1);
}
body.cq-light #section-branches input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: var(--cq-primary);
  cursor: pointer;
}
body.cq-light #section-branches input[type="text"],
body.cq-light #section-branches input[type="email"],
body.cq-light #section-branches input[type="number"],
body.cq-light #section-branches input[type="date"],
body.cq-light #section-branches textarea,
body.cq-light #section-branches select {
  color-scheme: light;
}
body.cq-light #section-branches #br-count-total,
body.cq-light #section-branches #br-page-info {
  color: var(--cq-text-muted) !important;
}
body.cq-light #section-branches #br-opening-date-wrap,
body.cq-light #section-branches #br-close-date-wrap,
body.cq-light #section-branches #br-vertical-sign-size-wrap {
  background: rgba(248,250,252,0.76);
  border: 1px solid rgba(148,163,184,0.14);
  border-radius: 12px;
  padding: 10px;
}
body.cq-light #section-branches #btn-open-brand {
  background: linear-gradient(135deg, rgba(240,253,250,0.98), rgba(239,246,255,0.96)) !important;
  border: 1px solid rgba(20,184,166,0.18) !important;
  color: var(--cq-primary-deep) !important;
  box-shadow: 0 8px 20px rgba(20,184,166,0.08) !important;
}
body.cq-light #section-branches #btn-open-brand:hover {
  background: rgba(240,253,250,1) !important;
}
body.cq-light #section-branches #brand-modal {
  background: rgba(15,23,42,0.18) !important;
  backdrop-filter: blur(8px) !important;
}
body.cq-light #section-branches #brand-modal > div {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96)) !important;
  border: 1px solid rgba(148,163,184,0.16) !important;
  box-shadow: 0 24px 60px rgba(15,23,42,0.16) !important;
}
body.cq-light #section-branches #brand-modal > div > div:first-child {
  background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,250,252,0.92)) !important;
  border-bottom: 1px solid rgba(148,163,184,0.14) !important;
}
body.cq-light #section-branches #brand-modal > div > div:first-child > div {
  color: var(--cq-text) !important;
}
body.cq-light #section-branches #brand-close-btn,
body.cq-light #section-branches #brand-cancel-btn {
  background: rgba(248,250,252,0.96) !important;
  border-color: rgba(148,163,184,0.18) !important;
  color: var(--cq-text-muted) !important;
}
body.cq-light #section-branches #brand-save-btn {
  background: linear-gradient(135deg, var(--cq-primary), var(--cq-primary-dark)) !important;
  color: #ffffff !important;
}
body.cq-light #section-branches .permits-scroll-container {
  background: rgba(248,250,252,0.72) !important;
  border-color: rgba(148,163,184,0.16) !important;
  border-radius: 14px !important;
}
body.cq-light #section-branches .permits-scroll-container > div[style*="border:1px solid rgba("]:has(> div > input[type="checkbox"][id^="br-"]),
body.cq-light #section-branches .permits-scroll-container > div[style*="border:1px dashed rgba("]:has(> div > input[type="checkbox"][id^="br-"]),
body.cq-light #section-branches .permits-scroll-container div[style*="border:1px solid rgba("]:has(> div > input[type="checkbox"][id^="br-"]),
body.cq-light #section-branches .permits-scroll-container div[style*="border:1px dashed rgba("]:has(> div > input[type="checkbox"][id^="br-"]) {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.94)) !important;
  box-shadow: 0 12px 28px rgba(15,23,42,0.06) !important;
}
body.cq-light #section-branches .permits-scroll-container div[style*="display:flex;align-items:center;gap:8px;margin-bottom:8px;"] > div[data-en] {
  color: var(--cq-text) !important;
  font-weight: 700 !important;
}
body.cq-light #section-branches div[style*="height:1px;background:rgba(148,163,184,0.25)"] {
  background: rgba(148,163,184,0.16) !important;
}
body.cq-light #section-branches .section-summary {
  margin-bottom: 10px;
}
body.cq-light #section-branches .summary-row {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
body.cq-light #section-branches .summary-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(20,184,166,0.10);
  border: 1px solid rgba(20,184,166,0.16);
  color: var(--cq-primary-deep);
  font-size: 12px;
  font-weight: 700;
}
body.cq-light #section-branches #ad-permits-empty {
  color: var(--cq-text-muted) !important;
}
body.cq-light #section-branches #ad-permits-list > * {
  background: rgba(255,255,255,0.96) !important;
  border: 1px solid rgba(148,163,184,0.16) !important;
  box-shadow: 0 10px 22px rgba(15,23,42,0.06) !important;
}
body.cq-light #section-branches div[style*="background:rgba(15,23,42,0.6); padding:6px 8px;"] {
  background: rgba(255,255,255,0.94) !important;
  border-color: rgba(148,163,184,0.16) !important;
  box-shadow: 0 10px 24px rgba(15,23,42,0.06) !important;
}
body.cq-light #section-branches .text-xs {
  color: var(--cq-text-muted) !important;
}

body.cq-light,
body.cq-light * {
  scrollbar-color: rgba(20,184,166,0.72) rgba(226,232,240,0.92) !important;
}
body.cq-light ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
body.cq-light ::-webkit-scrollbar-track {
  background: rgba(226,232,240,0.92) !important;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,0.14) !important;
}
body.cq-light ::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(20,184,166,0.76), rgba(59,130,246,0.68)) !important;
  border-radius: 999px;
  border: 2px solid rgba(248,250,252,0.96) !important;
  box-shadow: 0 2px 10px rgba(15,23,42,0.10) !important;
}
body.cq-light ::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(13,148,136,0.92), rgba(37,99,235,0.82)) !important;
}

/* Page Layout Width Overrides */
html, body.cq-light {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}
body.cq-light main,
body.cq-light .hero-section,
body.cq-light .exec-kpis,
body.cq-light .quick-access,
body.cq-light .site-footer,
body.cq-light .top-nav,
body.cq-light #welcome-section {
  width: 100% !important;
  max-width: none !important;
}
body.cq-light .hero-section > *,
body.cq-light .exec-kpis > *,
body.cq-light .quick-access > *,
body.cq-light .site-footer > * {
  max-width: 1200px !important;
  margin-inline: auto !important;
}

/* Light theme hero card styling */
body.cq-light .w-full.bg-gradient-to-r.from-slate-800,
body.cq-light .bg-slate-800\/80,
body.cq-light .bg-slate-900\/50,
body.cq-light .bg-\[\#0b1b2b\]\/60 {
  background: var(--cq-surface) !important;
  border-color: var(--cq-border) !important;
  box-shadow: var(--cq-shadow-sm) !important;
}

body.cq-light .bg-gradient-to-r.from-blue-600\/10 {
  background: var(--cq-surface-2) !important;
}

body.cq-light .bg-indigo-500\/10 {
  background: var(--cq-surface-2) !important;
  color: var(--cq-primary-deep) !important;
  border-color: var(--cq-border) !important;
}

body.cq-light .qa-card {
  background: var(--cq-surface) !important;
  border-color: var(--cq-border) !important;
  color: var(--cq-text) !important;
  box-shadow: var(--cq-shadow-sm) !important;
}

body.cq-light .qa-card:hover {
  box-shadow: var(--cq-shadow) !important;
  transform: translateY(-3px);
}

body.cq-light .top-left img {
  width: 95px !important;
  height: auto !important;
  object-fit: contain !important;
  background: transparent !important;
  mix-blend-mode: normal !important;
  filter: none !important;
}

body.cq-light .side-menu-logo {
  position: absolute !important;
  top: calc(50% + 10px) !important;
  right: 20px !important;
  transform: translateY(-50%) !important;
  width: 114px !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: right center !important;
  background: transparent !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  margin: 0 !important;
}

body.cq-light .qa-icon {
  width: 32px !important;
  height: 32px !important;
  flex: 0 0 32px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  clip-path: none !important;
}

body.cq-light .qa-icon::before {
  inset: 0 !important;
  background: #0FAE9B !important;
}

body.cq-light .kpi-icon {
  width: 64px !important;
  height: 64px !important;
  flex: 0 0 64px !important;
  background: #E6F7F4 !important;
  border: 1px solid #BDEDE6 !important;
  box-shadow: 0 6px 16px rgba(15,174,155,0.08) !important;
}

body.cq-light .kpi-icon::before {
  inset: 4px !important;
  background: #0FAE9B !important;
}

body.cq-light .qa-title,
body.cq-light .kpis-title,
body.cq-light .qa-head {
  color: var(--cq-text) !important;
}

body.cq-light .qa-sub {
  color: var(--cq-text-muted) !important;
}

body.cq-light .border-slate-700 {
  border-color: var(--cq-border) !important;
}

body.cq-light .text-white,
body.cq-light h1,
body.cq-light h2,
body.cq-light h3 {
  color: var(--cq-text) !important;
}

body.cq-light .text-slate-300,
body.cq-light .text-slate-400 {
  color: var(--cq-text-muted) !important;
}

body.cq-light .hero-title {
  color: var(--cq-text) !important;
}

body.cq-light .hero-tagline {
  color: var(--cq-text-muted) !important;
}

body.cq-light .division-name {
  color: var(--cq-text) !important;
}

body.cq-light .division-note {
  color: var(--cq-text-muted) !important;
}

body.cq-light .site-footer {
  background: var(--cq-surface-2) !important;
  border-top-color: var(--cq-border) !important;
  color: var(--cq-text-muted) !important;
  text-shadow: none !important;
}

body.cq-light .text-transparent {
  color: var(--cq-primary-deep) !important;
  background: none !important;
  -webkit-text-fill-color: var(--cq-primary-deep) !important;
}

body.cq-light .text-indigo-200 {
  color: var(--cq-primary-deep) !important;
}

/* Fix semi-transparent dark backgrounds */
body.cq-light [style*="background: rgba(0, 0, 0"],
body.cq-light [style*="background: rgba(11, 14, 43"],
body.cq-light [style*="background: rgba(17, 20, 50"] {
  background: var(--cq-surface) !important;
  color: var(--cq-text) !important;
}
/* Fix header buttons in light theme */
body.cq-light .top-nav {
  background: var(--cq-surface) !important;
  border-bottom: 1px solid var(--cq-border) !important;
}
body.cq-light .top-nav .nav-link,
body.cq-light .top-nav .lang-btn-mini,
body.cq-light .top-nav .hamburger-btn {
  color: var(--cq-text) !important;
  border-color: var(--cq-border) !important;
  background: var(--cq-surface-2) !important;
}
body.cq-light .top-nav .lang-btn-mini {
  min-width: 46px !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  border-width: 1px !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08) !important;
}
body.cq-light .top-nav .hamburger-btn svg {
  stroke: var(--cq-text) !important;
}
body.cq-light .top-nav .nav-link:hover,
body.cq-light .top-nav .lang-btn-mini:hover,
body.cq-light .top-nav .hamburger-btn:hover {
  background: var(--cq-border) !important;
}

/* Light Theme Icon Badges and Welcome Section Overrides */
body.cq-light .icon-badge.indigo {
  background: rgba(99,102,241,0.1) !important;
  color: #4f46e5 !important;
  text-shadow: none !important;
  border-color: rgba(99,102,241,0.2) !important;
}
body.cq-light .icon-badge.emerald {
  background: rgba(16,185,129,0.1) !important;
  color: #059669 !important;
  text-shadow: none !important;
  border-color: rgba(16,185,129,0.2) !important;
}
body.cq-light #welcome-section a.bg-blue-600 {
  background: var(--cq-primary) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px var(--cq-ring) !important;
}
body.cq-light #welcome-section a.bg-blue-600:hover {
  background: var(--cq-primary-dark) !important;
}

#welcome-section .cq-iconbox {
  width: 56px !important;
  height: 56px !important;
  flex: 0 0 56px !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  border: 1px solid #E8EEF2 !important;
  box-shadow: 0 1px 2px rgba(2, 6, 23, 0.06) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #0B7C86 !important;
}

#welcome-section .cq-iconbox svg {
  width: 28px !important;
  height: 28px !important;
  stroke-width: 2 !important;
  fill: none !important;
}

#welcome-section .cq-h3-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  margin-inline-end: 10px;
  color: #0B7C86;
}



/* Light Theme Icon Badges and Welcome Section Overrides */
body.cq-light .icon-badge.indigo {
  background: rgba(99,102,241,0.1) !important;
  color: #4f46e5 !important;
  text-shadow: none !important;
  border-color: rgba(99,102,241,0.2) !important;
}
body.cq-light .icon-badge.emerald {
  background: rgba(16,185,129,0.1) !important;
  color: #059669 !important;
  text-shadow: none !important;
  border-color: rgba(16,185,129,0.2) !important;
}
body.cq-light #welcome-section a.bg-blue-600 {
  background: var(--cq-primary) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px var(--cq-ring) !important;
}
body.cq-light #welcome-section a.bg-blue-600:hover {
  background: var(--cq-primary-dark) !important;
}
/* Login Page Light Theme Overrides */
body.cq-light .login-box .text-slate-300,
body.cq-light .login-box .text-slate-200,
body.cq-light .login-box .text-slate-100 {
  color: var(--cq-text-muted) !important;
}
body.cq-light .login-box .text-sky-300 {
  color: var(--cq-primary-deep) !important;
}
body.cq-light .login-box .hover\:text-sky-200:hover {
  color: var(--cq-primary) !important;
}

/* Shared Light Nav For Utility Pages */
body.cq-light .cq-ui-icon {
  --cq-ui-size: 18px;
  width: var(--cq-ui-size);
  height: var(--cq-ui-size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: currentColor;
  line-height: 0;
  vertical-align: middle;
}
body.cq-light .cq-ui-icon::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: currentColor;
  -webkit-mask: var(--cq-ui-mask) center / contain no-repeat;
  mask: var(--cq-ui-mask) center / contain no-repeat;
}
body.cq-light .cq-ui-icon.is-sm { --cq-ui-size: 15px; }
body.cq-light .cq-ui-icon.is-lg { --cq-ui-size: 24px; }
body.cq-light .cq-ui-back { --cq-ui-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6 4 12l6 6M4 12h16' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
body.cq-light .cq-ui-refresh { --cq-ui-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 12a9 9 0 1 1-2.64-6.36M21 3v6h-6' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
body.cq-light .cq-ui-upload { --cq-ui-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 16V5M8 9l4-4 4 4M20 16v2a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-2' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
body.cq-light .cq-ui-file { --cq-ui-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8zM14 3v5h5' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
body.cq-light .cq-ui-download { --cq-ui-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4v10M8 10l4 4 4-4M4 20h16' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
body.cq-light .cq-ui-trash { --cq-ui-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h16M9 7V4h6v3M7 7l1 13h8l1-13M10 11v6M14 11v6' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
body.cq-light .cq-ui-store { --cq-ui-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 9l1.5-4h13L20 9M5 9v9h14V9M9 18v-5h6v5' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
body.cq-light .cq-ui-license { --cq-ui-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 3h8l5 5v11a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z' fill='none' stroke='%23000' stroke-width='2.1' stroke-linejoin='round'/%3E%3Cpath d='M14 3v5h5M9 13h6M9 17h6M9 9h2' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round'/%3E%3C/svg%3E"); }
body.cq-light .cq-ui-fire { --cq-ui-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3s4 3.5 4 7a4 4 0 1 1-8 0c0-1.8.9-3.4 2-5 .8 1 2 2 2 2 .2-1.3 0-2.7 0-4Z' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 15a3 3 0 1 0 6 0c0-1.2-.7-2.2-1.5-3-.5.9-1.5 1.5-1.5 1.5S11.5 12 11 11c-1.1 1-2 2.1-2 4Z' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
body.cq-light .cq-ui-money { --cq-ui-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='6' width='18' height='12' rx='2' fill='none' stroke='%23000' stroke-width='2.1'/%3E%3Ccircle cx='12' cy='12' r='2.5' fill='none' stroke='%23000' stroke-width='2.1'/%3E%3Cpath d='M7 12h.01M17 12h.01' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round'/%3E%3C/svg%3E"); }
body.cq-light .cq-ui-scroll { --cq-ui-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 3h8a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3Z' fill='none' stroke='%23000' stroke-width='2.1' stroke-linejoin='round'/%3E%3Cpath d='M9 7h6M9 11h6M9 15h4' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round'/%3E%3C/svg%3E"); }
body.cq-light .cq-ui-sync { --cq-ui-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 12a8 8 0 0 1 13.66-5.66L19 8M21 4v6h-6M21 12a8 8 0 0 1-13.66 5.66L5 16M3 20v-6h6' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
body.cq-light .btn .cq-ui-icon,
body.cq-light .section-title .cq-ui-icon,
body.cq-light .log-title .cq-ui-icon {
  margin-inline-end: 8px;
}
body.cq-light .glass-nav[style] {
  background: rgba(255,255,255,0.88) !important;
  border-bottom: 1px solid var(--cq-border) !important;
  box-shadow: 0 10px 28px rgba(15,23,42,0.06) !important;
}
body.cq-light .glass-nav a[href$=".html"],
body.cq-light .glass-nav button#help-toggle,
body.cq-light .glass-nav button#lang-toggle {
  color: var(--cq-text-muted) !important;
  border-color: transparent !important;
}
body.cq-light .glass-nav a[href$=".html"]:hover,
body.cq-light .glass-nav button#help-toggle:hover,
body.cq-light .glass-nav button#lang-toggle:hover {
  color: var(--cq-text) !important;
  background: rgba(20,184,166,0.08) !important;
}
body.cq-light .glass-nav a.text-indigo-600,
body.cq-light .glass-nav a[class*="bg-indigo-500"],
body.cq-light .glass-nav a[class*="border-indigo-400"] {
  color: var(--cq-primary-deep) !important;
  background: rgba(20,184,166,0.10) !important;
  border-color: rgba(20,184,166,0.18) !important;
  box-shadow: 0 10px 22px rgba(20,184,166,0.08) !important;
}
body.cq-light .glass-nav .text-lg.font-bold,
body.cq-light .glass-nav .text-sm {
  color: var(--cq-text) !important;
}

/* Transports Page */
body.cq-light.transports-theme h1.text-slate-100 {
  color: var(--cq-text) !important;
}
body.cq-light.transports-theme #btn-import,
body.cq-light.transports-theme #lang-toggle {
  background: linear-gradient(135deg, var(--cq-primary), var(--cq-primary-dark)) !important;
  color: #ffffff !important;
  border: 1px solid rgba(15,118,110,0.18) !important;
  box-shadow: 0 14px 28px rgba(20,184,166,0.18) !important;
}
body.cq-light.transports-theme #btn-add {
  background: linear-gradient(135deg, #14b8a6, #0f766e) !important;
  color: #ffffff !important;
  border: 1px solid rgba(15,118,110,0.18) !important;
  box-shadow: 0 14px 28px rgba(20,184,166,0.18) !important;
}
body.cq-light.transports-theme .view-toggle {
  padding: 4px !important;
  background: rgba(255,255,255,0.9) !important;
  border: 1px solid var(--cq-border) !important;
  box-shadow: var(--cq-shadow-sm) !important;
}
body.cq-light.transports-theme .view-toggle > button {
  color: var(--cq-text-muted) !important;
  border-radius: 10px !important;
}
body.cq-light.transports-theme .view-toggle > button:hover {
  background: rgba(20,184,166,0.08) !important;
  color: var(--cq-text) !important;
}
body.cq-light.transports-theme .view-toggle > button.bg-slate-100 {
  background: rgba(20,184,166,0.12) !important;
  color: var(--cq-primary-deep) !important;
}
body.cq-light.transports-theme #bulk-bar {
  border-color: rgba(220,38,38,0.16) !important;
  background: rgba(255,255,255,0.94) !important;
  color: var(--cq-danger) !important;
  box-shadow: var(--cq-shadow-sm) !important;
}
body.cq-light.transports-theme #table-wrap,
body.cq-light.transports-theme #cards-wrap > div,
body.cq-light.transports-theme #cards-grid > div {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.94)) !important;
  border: 1px solid var(--cq-border) !important;
  border-radius: 18px !important;
  box-shadow: var(--cq-shadow-sm) !important;
}
body.cq-light.transports-theme #table-wrap thead,
body.cq-light.transports-theme #table-wrap .bg-gray-50 {
  background: rgba(241,245,249,0.92) !important;
}
body.cq-light.transports-theme #records-tbody,
body.cq-light.transports-theme #table-wrap tbody.bg-white {
  background: transparent !important;
}
body.cq-light.transports-theme #table-wrap th,
body.cq-light.transports-theme #table-wrap td,
body.cq-light.transports-theme #cards-grid .text-slate-800,
body.cq-light.transports-theme #cards-grid .text-slate-700 {
  color: var(--cq-text) !important;
}
body.cq-light.transports-theme #table-wrap .text-gray-500,
body.cq-light.transports-theme #table-wrap .text-slate-500,
body.cq-light.transports-theme #table-wrap .text-slate-600,
body.cq-light.transports-theme #cards-grid .text-slate-600,
body.cq-light.transports-theme #cards-grid .text-slate-500 {
  color: var(--cq-text-muted) !important;
}
body.cq-light.transports-theme #table-wrap tr.hover\:bg-gray-50:hover,
body.cq-light.transports-theme #cards-grid > div:hover {
  background: rgba(20,184,166,0.05) !important;
}
body.cq-light.transports-theme #cards-grid .bg-slate-100,
body.cq-light.transports-theme #cards-grid .bg-slate-50,
body.cq-light.transports-theme .bg-slate-50 {
  background: rgba(240,253,250,0.72) !important;
  border-color: var(--cq-border) !important;
}
body.cq-light.transports-theme .bg-black\/40 {
  background: rgba(15,23,42,0.18) !important;
  backdrop-filter: blur(8px) !important;
}
body.cq-light.transports-theme .bg-white.rounded-xl.shadow-xl {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96)) !important;
  border: 1px solid var(--cq-border) !important;
  box-shadow: var(--cq-shadow-lg) !important;
}
body.cq-light.transports-theme .bg-white.rounded-xl.shadow-xl .text-slate-300,
body.cq-light.transports-theme .bg-white.rounded-xl.shadow-xl .text-slate-600 {
  color: var(--cq-text-muted) !important;
}
body.cq-light.transports-theme .bg-white.rounded-xl.shadow-xl input,
body.cq-light.transports-theme .bg-white.rounded-xl.shadow-xl select {
  background: rgba(255,255,255,0.94) !important;
  border-color: var(--cq-border-strong) !important;
  color: var(--cq-text) !important;
}
body.cq-light.transports-theme .hover\:bg-slate-200:hover {
  background: rgba(20,184,166,0.10) !important;
}

/* Licenses Page */
body.cq-light #modal-overlay {
  background: rgba(15,23,42,0.18) !important;
  backdrop-filter: blur(8px) !important;
}
body.cq-light #modal-overlay > div {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96)) !important;
  color: var(--cq-text) !important;
  border: 1px solid var(--cq-border) !important;
  box-shadow: var(--cq-shadow-lg) !important;
}
body.cq-light #modal-overlay .bg-slate-900,
body.cq-light #modal-overlay .bg-slate-800,
body.cq-light #modal-overlay .border-slate-700 {
  background: transparent !important;
  border-color: var(--cq-border) !important;
}
body.cq-light #modal-overlay .text-slate-100,
body.cq-light #modal-overlay .text-slate-200 {
  color: var(--cq-text) !important;
}
body.cq-light #modal-overlay .text-slate-300,
body.cq-light #modal-overlay .text-slate-400 {
  color: var(--cq-text-muted) !important;
}
body.cq-light #modal-form {
  background: transparent !important;
}
body.cq-light #licenses-body,
body.cq-light #contracts-body {
  color: var(--cq-text) !important;
}
body.cq-light #licenses-body tr:hover,
body.cq-light #contracts-body tr:hover {
  background: rgba(20,184,166,0.04) !important;
}
body.cq-light .glass-card .bg-white\/5,
body.cq-light .glass-card [class*="divide-white"] {
  background: rgba(241,245,249,0.78) !important;
  border-color: var(--cq-border) !important;
}
body.cq-light #licenses-body .text-slate-100,
body.cq-light #contracts-body .text-slate-100,
body.cq-light #licenses-body .text-slate-300,
body.cq-light #contracts-body .text-slate-300 {
  color: var(--cq-text) !important;
}

/* Members Page */
body.cq-light .page-wrap > div[style*="overflow-x:auto"] {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.94)) !important;
  border: 1px solid var(--cq-border) !important;
  box-shadow: var(--cq-shadow-sm) !important;
}
body.cq-light .page-wrap h1 + p,
body.cq-light .page-wrap div[style*="font-size:0.8rem; color:#94a3b8"] {
  color: var(--cq-text-muted) !important;
}

/* Licenses Admin Page */
body.cq-light.admin-body #dev-notice {
  border-color: rgba(245,158,11,0.24) !important;
  background: rgba(255,251,235,0.92) !important;
  color: #b45309 !important;
}
body.cq-light.admin-body .card-section[style*="background: linear-gradient"] {
  background: linear-gradient(135deg, rgba(255,255,255,0.98), rgba(240,253,250,0.92)) !important;
  border-color: rgba(20,184,166,0.18) !important;
  box-shadow: var(--cq-shadow-sm) !important;
}
body.cq-light.admin-body .card-section .section-title[style*="color: #10b981"] {
  color: var(--cq-primary-deep) !important;
}
body.cq-light.admin-body .card-section p[style*="color: #94a3b8"],
body.cq-light.admin-body #lic-file-name {
  color: var(--cq-text-muted) !important;
}
body.cq-light.admin-body #btn-upload[style*="background-color: #10b981"] {
  background: linear-gradient(135deg, var(--cq-primary), var(--cq-primary-dark)) !important;
  border-color: rgba(20,184,166,0.2) !important;
}
body.cq-light.admin-body .dash-metric-card .dm-icon {
  background: rgba(240,253,250,0.92) !important;
  border: 1px solid rgba(20,184,166,0.14) !important;
  border-radius: 14px !important;
  width: 52px !important;
  height: 52px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 10px 24px rgba(20,184,166,0.08) !important;
}

/* Alerts And Activity Pages */
body.cq-light .log-title i,
body.cq-light .log-controls button span:first-child {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  background: rgba(20,184,166,0.10);
  color: var(--cq-primary-deep);
}
body.cq-light #alertModal .text-white,
body.cq-light #viewAttachmentsModal .text-white {
  color: var(--cq-text) !important;
}
body.cq-light #alertModal .hover\:text-white:hover,
body.cq-light #viewAttachmentsModal .hover\:text-white:hover {
  color: var(--cq-primary-deep) !important;
}
body.cq-light #alertModal .text-slate-300,
body.cq-light #viewAttachmentsModal .text-slate-300 {
  color: var(--cq-text-muted) !important;
}
body.cq-light .login-box .bg-white\/10 {
  background: var(--cq-surface-2) !important;
  color: var(--cq-text) !important;
  border-color: var(--cq-border) !important;
}
body.cq-light .login-box .hover\:bg-white\/15:hover {
  background: var(--cq-border) !important;
}
body.cq-light .login-box .text-white {
  color: var(--cq-text) !important;
}
body.cq-light .login-box .hover\:text-white:hover {
  color: var(--cq-primary-deep) !important;
}
body.cq-light .login-box .btn-primary.text-slate-900 {
  color: #ffffff !important;
}



/* Login Page Light Theme Overrides */
body.cq-light .login-box .text-slate-300,
body.cq-light .login-box .text-slate-200,
body.cq-light .login-box .text-slate-100 {
  color: var(--cq-text-muted) !important;
}
body.cq-light .login-box .text-sky-300 {
  color: var(--cq-primary-deep) !important;
}
body.cq-light .login-box .hover\:text-sky-200:hover {
  color: var(--cq-primary) !important;
}
body.cq-light .login-box .bg-white\/10 {
  background: var(--cq-surface-2) !important;
  color: var(--cq-text) !important;
  border-color: var(--cq-border) !important;
}
body.cq-light .login-box .hover\:bg-white\/15:hover {
  background: var(--cq-border) !important;
}
body.cq-light .login-box .text-white {
  color: var(--cq-text) !important;
}
body.cq-light .login-box .hover\:text-white:hover {
  color: var(--cq-primary-deep) !important;
}
body.cq-light .login-box .btn-primary.text-slate-900 {
  color: #ffffff !important;
}
/* Fix login-box container background */
body.cq-light .login-box {
  background: var(--cq-surface) !important;
  border-color: var(--cq-border) !important;
  box-shadow: var(--cq-shadow-lg) !important;
}
body.cq-light .login-box:hover {
  box-shadow: 0 20px 50px rgba(2,6,23,0.18) !important;
}
body.cq-light .login-box::before {
  background: linear-gradient(90deg, var(--cq-primary-dark), var(--cq-primary), var(--cq-primary-soft));
  filter: drop-shadow(0 0 12px rgba(20,184,166,0.5));
}
body.cq-light .login-box::after {
  background: radial-gradient(closest-side, rgba(20,184,166,0.15), transparent 70%);
}
body.cq-light .login-box img {
  filter: drop-shadow(0 0 15px rgba(20,184,166,0.3));
}



/* Fix login-box container background */
body.cq-light .login-box {
  background: var(--cq-surface) !important;
  border-color: var(--cq-border) !important;
  box-shadow: var(--cq-shadow-lg) !important;
}
body.cq-light .login-box:hover {
  box-shadow: 0 20px 50px rgba(2,6,23,0.18) !important;
}
body.cq-light .login-box::before {
  background: linear-gradient(90deg, var(--cq-primary-dark), var(--cq-primary), var(--cq-primary-soft));
  filter: drop-shadow(0 0 12px rgba(20,184,166,0.5));
}
body.cq-light .login-box::after {
  background: radial-gradient(closest-side, rgba(20,184,166,0.15), transparent 70%);
}
body.cq-light .login-box img {
  filter: drop-shadow(0 0 15px rgba(20,184,166,0.3));
}
/* Fix login inputs and text visibility */
body.cq-light .login-box .form-control {
  background: var(--cq-surface-2) !important;
  color: var(--cq-text) !important;
  border-color: var(--cq-border) !important;
}
body.cq-light .login-box .form-control:focus {
  border-color: var(--cq-primary) !important;
  box-shadow: 0 0 0 3px var(--cq-ring) !important;
}
body.cq-light .login-box .form-control::placeholder {
  color: var(--cq-text-muted) !important;
}
body.cq-light .login-box .eye-icon {
  color: var(--cq-text-muted) !important;
}



/* Fix login inputs and text visibility */
body.cq-light .login-box .form-control {
  background: var(--cq-surface-2) !important;
  color: var(--cq-text) !important;
  border-color: var(--cq-border) !important;
}
body.cq-light .login-box .form-control:focus {
  border-color: var(--cq-primary) !important;
  box-shadow: 0 0 0 3px var(--cq-ring) !important;
}
body.cq-light .login-box .form-control::placeholder {
  color: var(--cq-text-muted) !important;
}
body.cq-light .login-box .eye-icon {
  color: var(--cq-text-muted) !important;
}
/* Fix login page footer */
body.cq-light footer.bg-\[\#0b1b2b\]\/60 {
  background: var(--cq-surface-2) !important;
  border-top: 1px solid var(--cq-border) !important;
}
body.cq-light footer a.text-sky-300 {
  color: var(--cq-text-muted) !important;
}
body.cq-light footer a.hover\:text-sky-200:hover {
  color: var(--cq-primary-deep) !important;
}

body.cq-light #section-branches .branches-table-toolbar {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(241,252,250,0.96)) !important;
  border: 1px solid rgba(173,218,217,0.92) !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 30px rgba(15,23,42,0.06) !important;
  padding: 10px !important;
  gap: 10px !important;
}

body.cq-light #section-branches .branches-table-shell {
  background: linear-gradient(180deg, #ffffff 0%, #f8fcfb 100%) !important;
  border: 1px solid rgba(173,218,217,0.95) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 38px rgba(15,23,42,0.07) !important;
  overflow: auto !important;
}

body.cq-light #section-branches .branches-admin-table {
  min-width: 1480px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: transparent !important;
}

body.cq-light #section-branches .branches-admin-table thead,
body.cq-light #section-branches .branches-admin-table thead.bg-slate-800\/60 {
  background: linear-gradient(180deg, #edfdfa 0%, #def7f3 100%) !important;
}

body.cq-light #section-branches .branches-admin-table th {
  background: transparent !important;
  color: #0f3f46 !important;
  border-bottom: 1px solid rgba(45,129,132,0.18) !important;
  font-size: 0.76rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  padding: 12px 14px !important;
  white-space: nowrap !important;
}

body.cq-light #section-branches .branches-admin-table td {
  background: #ffffff !important;
  color: #1f2937 !important;
  border-bottom: 1px solid rgba(226,232,240,0.96) !important;
  padding: 10px 12px !important;
  white-space: nowrap !important;
  overflow: visible !important;
  vertical-align: middle !important;
}

body.cq-light #section-branches .branches-admin-table tbody tr:nth-child(even) td {
  background: #f8fbfb !important;
}

body.cq-light #section-branches .branches-admin-table tbody tr:hover td {
  background: #ecfdf9 !important;
}

body.cq-light #section-branches .branches-admin-table td:nth-child(2) {
  color: #0f172a !important;
  font-weight: 900 !important;
}

body.cq-light #section-branches .branches-admin-table td:nth-child(5) span,
body.cq-light #section-branches #branches-cards summary span {
  background: rgba(16,185,129,0.12) !important;
  border: 1px solid rgba(16,185,129,0.22) !important;
  color: #047857 !important;
}

body.cq-light #section-branches #branches-stats {
  margin-top: 14px !important;
  gap: 10px !important;
}

body.cq-light #section-branches #branches-stats span {
  border-radius: 999px !important;
  box-shadow: 0 10px 22px rgba(15,23,42,0.06) !important;
  font-weight: 900 !important;
  padding: 8px 12px !important;
}

body.cq-light #section-branches #branches-cards {
  margin-top: 16px !important;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)) !important;
  gap: 14px !important;
}

body.cq-light #section-branches #branches-cards > div {
  background: linear-gradient(180deg, #ffffff 0%, #f4fbfa 100%) !important;
  border: 1px solid rgba(173,218,217,0.96) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 34px rgba(15,23,42,0.08) !important;
}

body.cq-light #section-branches #branches-cards > div [style*="color:#e2e8f0"],
body.cq-light #section-branches #branches-cards > div [style*="color: #e2e8f0"],
body.cq-light #section-branches #branches-cards > div [style*="color:#f8fafc"],
body.cq-light #section-branches #branches-cards > div [style*="color: #f8fafc"] {
  color: #0f172a !important;
}

body.cq-light #section-branches #branches-cards > div [style*="color:#94a3b8"],
body.cq-light #section-branches #branches-cards > div [style*="color: #94a3b8"],
body.cq-light #section-branches #branches-cards > div [style*="color:#cbd5e1"],
body.cq-light #section-branches #branches-cards > div [style*="color: #cbd5e1"] {
  color: #475569 !important;
}

body.cq-light #section-branches #branches-cards details {
  background: linear-gradient(180deg, #ffffff 0%, #f8fcfb 100%) !important;
  border: 1px solid rgba(173,218,217,0.96) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 34px rgba(15,23,42,0.08) !important;
  overflow: hidden !important;
  position: relative !important;
}

body.cq-light #section-branches #branches-cards details::before {
  content: "";
  display: block;
  height: 5px;
  background: linear-gradient(90deg, #14b8a6, #67e8f9, #22c55e);
}

body.cq-light #section-branches #branches-cards details summary {
  background: rgba(255,255,255,0.96) !important;
  border-bottom: 1px solid rgba(226,232,240,0.95) !important;
  color: #0f172a !important;
  padding: 14px 16px !important;
  min-height: 58px !important;
  text-shadow: none !important;
}

body.cq-light #section-branches #branches-cards details > div,
body.cq-light #section-branches #branches-cards details [style*="background:rgba(2,6,23"],
body.cq-light #section-branches #branches-cards details [style*="background: rgba(2,6,23"],
body.cq-light #section-branches #branches-cards details [style*="background:rgba(2, 6, 23"],
body.cq-light #section-branches #branches-cards details [style*="background: rgba(2, 6, 23"],
body.cq-light #section-branches #branches-cards details [style*="background:#0f172a"],
body.cq-light #section-branches #branches-cards details [style*="background: #0f172a"] {
  background: #ffffff !important;
  border-color: rgba(226,232,240,0.96) !important;
  color: #0f172a !important;
}

body.cq-light #section-branches #branches-cards details,
body.cq-light #section-branches #branches-cards details * {
  text-shadow: none !important;
}

body.cq-light #section-branches #branches-cards details [style*="color:#e2e8f0"],
body.cq-light #section-branches #branches-cards details [style*="color: #e2e8f0"],
body.cq-light #section-branches #branches-cards details [style*="color:#f8fafc"],
body.cq-light #section-branches #branches-cards details [style*="color: #f8fafc"],
body.cq-light #section-branches #branches-cards details [style*="color:#ffffff"],
body.cq-light #section-branches #branches-cards details [style*="color: #ffffff"] {
  color: #0f172a !important;
}

body.cq-light #section-branches #branches-cards details [style*="color:#94a3b8"],
body.cq-light #section-branches #branches-cards details [style*="color: #94a3b8"],
body.cq-light #section-branches #branches-cards details [style*="color:#cbd5e1"],
body.cq-light #section-branches #branches-cards details [style*="color: #cbd5e1"] {
  color: #475569 !important;
}

body.cq-light #section-branches #branches-cards details > div > div {
  background: rgba(255,255,255,0.92) !important;
  border-color: rgba(226,232,240,0.96) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.8) !important;
}

body.cq-light #section-branches .branches-admin-table th:nth-child(12),
body.cq-light #section-branches .branches-admin-table td:nth-child(12),
body.cq-light #section-branches .branches-admin-table th:nth-child(13),
body.cq-light #section-branches .branches-admin-table td:nth-child(13) {
  min-width: 190px !important;
  max-width: 230px !important;
}

body.cq-light #section-branches .branches-admin-table th:nth-child(2),
body.cq-light #section-branches .branches-admin-table td:nth-child(2),
body.cq-light #section-branches .branches-admin-table th:nth-child(7),
body.cq-light #section-branches .branches-admin-table td:nth-child(7),
body.cq-light #section-branches .branches-admin-table th:nth-child(8),
body.cq-light #section-branches .branches-admin-table td:nth-child(8),
body.cq-light #section-branches .branches-admin-table th:nth-child(11),
body.cq-light #section-branches .branches-admin-table td:nth-child(11) {
  max-width: 220px !important;
  min-width: 170px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.cq-light #section-branches .branches-admin-table td:nth-child(1),
body.cq-light #section-branches .branches-admin-table td:nth-child(5),
body.cq-light #section-branches .branches-admin-table td:nth-child(6),
body.cq-light #section-branches .branches-admin-table td:nth-child(14),
body.cq-light #section-branches .branches-admin-table td:nth-child(15) {
  overflow: visible !important;
}

body.cq-light #section-branches .branches-admin-table td:nth-child(15) > div,
body.cq-light #section-branches .branches-admin-table td:last-child > div {
  align-items: center !important;
  display: inline-flex !important;
  gap: 8px !important;
  justify-content: center !important;
  min-width: 76px !important;
  overflow: visible !important;
}

body.cq-light #section-branches .branches-admin-table button[data-branch-action],
body.cq-light #section-branches #branches-cards button[data-branch-action] {
  align-items: center !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 18px rgba(15,23,42,0.07) !important;
  display: inline-flex !important;
  height: 34px !important;
  justify-content: center !important;
  min-width: 34px !important;
  padding: 0 !important;
  width: 34px !important;
}

body.cq-light #section-branches .branches-admin-table button[data-branch-action="edit"],
body.cq-light #section-branches #branches-cards button[data-branch-action="edit"] {
  background: #e4fbf6 !important;
  border: 1px solid #aee9df !important;
  color: #0f766e !important;
}

body.cq-light #section-branches .branches-admin-table button[data-branch-action="delete"],
body.cq-light #section-branches #branches-cards button[data-branch-action="delete"] {
  background: #fff1f2 !important;
  border: 1px solid #fecdd3 !important;
  color: #be123c !important;
}

body.cq-light #section-branches .branches-admin-table button[data-branch-action] span,
body.cq-light #section-branches #branches-cards button[data-branch-action] span {
  color: inherit !important;
  filter: none !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

body.cq-light #section-branches .branches-admin-table button[data-branch-action]:hover,
body.cq-light #section-branches #branches-cards button[data-branch-action]:hover {
  box-shadow: 0 12px 24px rgba(15,23,42,0.10) !important;
  transform: translateY(-1px) !important;
}

body.cq-light #section-branches .branches-admin-table button[onclick*="AttachmentHub.open"],
body.cq-light #section-branches #branches-cards button[onclick*="AttachmentHub.open"] {
  align-items: center !important;
  background: #eefafa !important;
  border: 1px solid #bdebe7 !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 18px rgba(15,23,42,0.07) !important;
  color: #0f766e !important;
  display: inline-flex !important;
  height: 34px !important;
  justify-content: center !important;
  min-width: 34px !important;
  padding: 0 !important;
  position: relative !important;
  width: 34px !important;
}

body.cq-light #section-branches .branches-admin-table button[onclick*="AttachmentHub.open"] span,
body.cq-light #section-branches #branches-cards button[onclick*="AttachmentHub.open"] span {
  color: inherit !important;
  filter: none !important;
}

body.cq-light #section-branches .branches-admin-table button[onclick*="AttachmentHub.open"] span[style*="position:absolute"],
body.cq-light #section-branches #branches-cards button[onclick*="AttachmentHub.open"] span[style*="position:absolute"] {
  background: #e8f1ff !important;
  border: 1px solid #bfdbfe !important;
  color: #1d4ed8 !important;
  box-shadow: 0 6px 14px rgba(29,78,216,0.12) !important;
}

body.cq-light #section-branches .branches-admin-table button[onclick*="AttachmentHub.open"]:hover,
body.cq-light #section-branches #branches-cards button[onclick*="AttachmentHub.open"]:hover {
  box-shadow: 0 12px 24px rgba(15,23,42,0.10) !important;
  transform: translateY(-1px) !important;
}

body.cq-light #section-branches .branches-admin-table td:nth-child(12) > div,
body.cq-light #section-branches .branches-admin-table td:nth-child(13) > div {
  align-content: flex-start !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  justify-content: flex-start !important;
  height: 54px !important;
  max-height: 54px !important;
  overflow: hidden auto !important;
  padding: 2px !important;
}

body.cq-light #section-branches .branches-admin-table td:nth-child(12) > div > span,
body.cq-light #section-branches .branches-admin-table td:nth-child(13) > div > span,
body.cq-light #section-branches #branches-cards details span[style*="border-radius:999px"] {
  align-items: center !important;
  display: inline-flex !important;
  gap: 4px !important;
  line-height: 1.25 !important;
  min-height: 22px !important;
  white-space: nowrap !important;
}

body.cq-light #section-branches .branches-admin-table td:nth-child(12) > div > span > span,
body.cq-light #section-branches .branches-admin-table td:nth-child(13) > div > span > span {
  flex: 0 0 auto !important;
  margin-inline-end: 3px !important;
  margin-inline-start: 0 !important;
}

body.cq-light #section-branches .branches-admin-table span[style*="background:#065f46"],
body.cq-light #section-branches #branches-cards span[style*="background:#065f46"],
body.cq-light #section-branches .branches-admin-table span[style*="background:#059669"],
body.cq-light #section-branches #branches-cards span[style*="background:#059669"] {
  background: #dff8ef !important;
  border: 1px solid #a7f3d0 !important;
  color: #047857 !important;
}

body.cq-light #section-branches .branches-admin-table span[style*="background:#1f2a44"],
body.cq-light #section-branches #branches-cards span[style*="background:#1f2a44"] {
  background: #eef6f6 !important;
  border: 1px solid #cfe7e4 !important;
  color: #315b60 !important;
}

body.cq-light #section-branches .branches-admin-table span[style*="background:#1d4ed8"],
body.cq-light #section-branches #branches-cards span[style*="background:#1d4ed8"] {
  background: #e8f1ff !important;
  border: 1px solid #bfdbfe !important;
  color: #1d4ed8 !important;
}

body.cq-light #section-branches .branches-admin-table span[style*="background:#b45309"],
body.cq-light #section-branches #branches-cards span[style*="background:#b45309"],
body.cq-light #section-branches .branches-admin-table span[style*="background:#92400e"],
body.cq-light #section-branches #branches-cards span[style*="background:#92400e"],
body.cq-light #section-branches .branches-admin-table span[style*="background:#78350f"],
body.cq-light #section-branches #branches-cards span[style*="background:#78350f"],
body.cq-light #section-branches .branches-admin-table span[style*="background:#ea580c"],
body.cq-light #section-branches #branches-cards span[style*="background:#ea580c"] {
  background: #fff4d8 !important;
  border: 1px solid #fde68a !important;
  color: #92400e !important;
}

body.cq-light #section-branches .branches-admin-table span[style*="background:#7f1d1d"],
body.cq-light #section-branches #branches-cards span[style*="background:#7f1d1d"],
body.cq-light #section-branches .branches-admin-table span[style*="background:#dc2626"],
body.cq-light #section-branches #branches-cards span[style*="background:#dc2626"] {
  background: #fee2e2 !important;
  border: 1px solid #fecaca !important;
  color: #b91c1c !important;
}