/* ═══════════════════════════════════════════════════════════════════════════════
   ASGARD CRM — Soldag Light Theme v2.0
   "Nordic Manuscript" — Пергамент · Кованое золото · Чернила

   Концепция: Viking-идентичность при дневном свете.
   Тёмная тема = Viking Night (аврора, неон, казино).
   Светлая тема = Soldag (пергамент, чернила, физические тени).

   Порядок: design-tokens → ... → light-theme (LAST)
   ═══════════════════════════════════════════════════════════════════════════════ */


/* ═══════════════════════════════════════════════════════════════════════════════
   §0. THEME SELECTOR — первый выбор темы
   Работает поверх любой темы. Все цвета хардкожены.
   ═══════════════════════════════════════════════════════════════════════════════ */

#asgard-theme-selector {
  position: fixed;
  inset: 0;
  z-index: 999999;
  background: rgba(6,8,14,0.97);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.4s ease;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
#asgard-theme-selector.ats-visible { opacity: 1; }

.ats-card {
  background: #131820;
  border: 1px solid rgba(212,168,67,0.22);
  border-radius: 20px;
  padding: 44px 48px 36px;
  max-width: 700px;
  width: 92%;
  text-align: center;
  box-shadow: 0 40px 100px rgba(0,0,0,0.7), 0 0 0 1px rgba(212,168,67,0.08);
  transform: translateY(28px);
  transition: transform 0.5s cubic-bezier(0.34,1.56,0.64,1);
}
#asgard-theme-selector.ats-visible .ats-card { transform: translateY(0); }

.ats-rune-bar {
  font-size: 15px;
  letter-spacing: 10px;
  color: rgba(212,168,67,0.30);
  margin-bottom: 14px;
}
.ats-title {
  font-size: 24px;
  font-weight: 800;
  letter-spacing: 3px;
  margin: 0 0 8px;
  background: linear-gradient(135deg, #fde68a 0%, #D4A843 50%, #b8841a 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.ats-sub {
  font-size: 13px;
  color: rgba(255,255,255,0.30);
  margin: 0 0 32px;
}

.ats-themes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 28px;
}

.ats-theme-card {
  border: 2px solid rgba(255,255,255,0.07);
  border-radius: 14px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  background: #1a2030;
  transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
  text-align: left;
}
.ats-theme-card:hover {
  border-color: rgba(212,168,67,0.35);
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(0,0,0,0.35);
}
.ats-theme-card.ats-selected {
  border-color: #D4A843;
  box-shadow: 0 0 0 3px rgba(212,168,67,0.14), 0 8px 28px rgba(0,0,0,0.35);
}

/* Preview miniature */
.ats-preview {
  height: 130px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ats-preview--dark { background: #0D1117; }
.ats-preview--light { background: #F4EFE6; }

.ats-prev-topbar {
  height: 26px;
  background: #151922;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0 10px;
  flex-shrink: 0;
}
.ats-prev-topbar--light {
  background: #FDFAF5;
  border-bottom-color: rgba(139,120,90,0.18);
}
.ats-prev-logo {
  width: 14px; height: 14px;
  border-radius: 50%;
  background: rgba(212,168,67,0.40);
}
.ats-prev-logo--light { background: rgba(184,132,26,0.40); }
.ats-prev-dot {
  width: 7px; height: 7px;
  border-radius: 50%;
  opacity: 0.8;
}

.ats-prev-body {
  flex: 1;
  display: flex;
  overflow: hidden;
}
.ats-prev-sidebar {
  width: 36px;
  background: #151922;
  border-right: 1px solid rgba(255,255,255,0.06);
  padding: 8px 5px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-shrink: 0;
}
.ats-prev-sidebar--light {
  background: #FDFAF5;
  border-right-color: rgba(139,120,90,0.18);
}
.ats-prev-item {
  height: 9px;
  border-radius: 3px;
  background: rgba(255,255,255,0.07);
}
.ats-prev-item--light { background: rgba(139,120,90,0.10); }
.ats-prev-item--active { background: rgba(212,168,67,0.22); border-left: 2px solid #D4A843; }
.ats-prev-item--active-light { background: rgba(184,132,26,0.14); border-left: 2px solid #B8841A; }

.ats-prev-content {
  flex: 1;
  background: #0D1117;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ats-prev-content--light { background: #F4EFE6; }

.ats-prev-row {
  display: flex;
  gap: 5px;
}
.ats-prev-kpi {
  flex: 1;
  height: 22px;
  border-radius: 4px;
  background: #1C2130;
}
.ats-prev-kpi--light {
  background: #FDFAF5;
  box-shadow: 2px 2px 0 rgba(0,0,0,0.05);
}
.ats-prev-card-dark {
  flex: 1;
  border-radius: 4px;
  background: #1C2130;
  min-height: 18px;
}
.ats-prev-card-light {
  flex: 1;
  border-radius: 4px;
  background: #FDFAF5;
  min-height: 18px;
  box-shadow: 2px 2px 0 rgba(0,0,0,0.05), 0 2px 8px rgba(0,0,0,0.06);
}

/* Check mark */
.ats-theme-check {
  position: absolute;
  top: 8px; right: 8px;
  width: 22px; height: 22px;
  border-radius: 50%;
  background: #D4A843;
  color: #000;
  font-size: 11px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: scale(0.5);
  transition: opacity 0.2s, transform 0.25s cubic-bezier(0.34,1.56,0.64,1);
}
.ats-theme-card.ats-selected .ats-theme-check {
  opacity: 1;
  transform: scale(1);
}

.ats-theme-info { padding: 12px 14px 14px; }
.ats-theme-name {
  font-size: 14px;
  font-weight: 700;
  color: rgba(255,255,255,0.88);
  margin-bottom: 3px;
}
.ats-theme-desc {
  font-size: 11px;
  color: rgba(255,255,255,0.35);
  line-height: 1.4;
}

.ats-btn {
  background: linear-gradient(135deg, #9a6e12, #D4A843);
  border: none;
  border-radius: 10px;
  padding: 14px 0;
  width: 100%;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  letter-spacing: 0.5px;
  transition: opacity 0.2s, transform 0.15s;
}
.ats-btn:disabled { opacity: 0.28; cursor: not-allowed; }
.ats-btn:not(:disabled):hover { opacity: 0.88; transform: translateY(-1px); }

.ats-hint {
  font-size: 11px;
  color: rgba(255,255,255,0.18);
  margin: 12px 0 0;
  letter-spacing: 0.3px;
}

@media (max-width: 560px) {
  .ats-card { padding: 32px 20px 28px; }
  .ats-themes { grid-template-columns: 1fr; }
  .ats-title { font-size: 20px; letter-spacing: 2px; }
}


/* ═══════════════════════════════════════════════════════════════════════════════
   §1. SMOOTH TRANSITION
   ═══════════════════════════════════════════════════════════════════════════════ */
html.theme-transitioning,
html.theme-transitioning *,
html.theme-transitioning *::before,
html.theme-transitioning *::after {
  transition:
    background-color 0.38s ease,
    color 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease,
    fill 0.28s ease,
    stroke 0.28s ease !important;
}


/* ═══════════════════════════════════════════════════════════════════════════════
   §2. GLOBAL — body, grain texture, base
   ═══════════════════════════════════════════════════════════════════════════════ */

html[data-theme="light"],
html[data-theme="light"] body {
  background: var(--bg1) !important;
  color: var(--t1) !important;
}

/* Paper grain — тактильность бумаги */
html[data-theme="light"] body::after {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: 0.028;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
  background-size: 180px 180px;
}

/* Top accent line — та же трилогия Red/Blue/Gold, синергия тем */
html[data-theme="light"] body::before {
  background: linear-gradient(90deg, var(--red), var(--gold) 50%, var(--blue)) !important;
}

html[data-theme="light"] ::selection {
  background: rgba(184,132,26,0.18) !important;
  color: var(--t1) !important;
}

html[data-theme="light"] a {
  color: var(--blue) !important;
}
html[data-theme="light"] a:hover {
  color: var(--blue-h) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════════
   §3. SIDEBAR — белая панель с янтарными акцентами
   ═══════════════════════════════════════════════════════════════════════════════ */

html[data-theme="light"] .sidenav {
  background: var(--bg2) !important;
  border-right: 1px solid var(--brd) !important;
  box-shadow: none !important;
}

html[data-theme="light"] .sidebar-header {
  border-bottom: 1px solid var(--brd) !important;
  background: var(--bg2) !important;
}

html[data-theme="light"] .brand {
  border: 1px solid var(--brd) !important;
  background: transparent !important;
}
html[data-theme="light"] .brand:hover {
  border-color: var(--gold) !important;
  background: rgba(184,132,26,0.06) !important;
  box-shadow: none !important;
}

html[data-theme="light"] .nav-group-header {
  color: var(--t3) !important;
}
html[data-theme="light"] .nav-group-header:hover {
  background: var(--bg3) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .nav-group.has-active > .nav-group-header {
  background: rgba(184,132,26,0.07) !important;
  border-color: rgba(184,132,26,0.25) !important;
  color: var(--gold) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .nav-group.has-active > .nav-group-header::after {
  background: linear-gradient(180deg, var(--red), var(--blue)) !important;
}

html[data-theme="light"] .nav-group-items {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
  box-shadow: var(--shadow-md) !important;
}
html[data-theme="light"] .nav-group-items::before {
  color: var(--t3) !important;
  border-bottom-color: var(--brd) !important;
}

/* Navitem — золотая левая полоса на активном */
html[data-theme="light"] .nav-group .navitem {
  color: var(--t1) !important;
  border-color: transparent !important;
}
html[data-theme="light"] .nav-group .navitem:hover {
  background: var(--bg3) !important;
  border-color: transparent !important;
}
html[data-theme="light"] .nav-group .navitem.active {
  background: rgba(184,132,26,0.09) !important;
  border-left: 3px solid var(--gold) !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
}
html[data-theme="light"] .nav-group .navitem .ico {
  background: transparent !important;
  border: none !important;
}
html[data-theme="light"] .nav-group .navitem.active .ico {
  color: var(--gold) !important;
}
html[data-theme="light"] .nav-group .navitem .lbl .name {
  color: var(--t1) !important;
}
html[data-theme="light"] .nav-group .navitem .lbl .desc {
  color: var(--t3) !important;
}

html[data-theme="light"] .sidefoot {
  border-top: 1px solid var(--brd) !important;
  background: var(--bg2) !important;
}
html[data-theme="light"] .sidefoot .btn.red,
html[data-theme="light"] .sidefoot #btnLogout {
  background: rgba(168,32,48,0.06) !important;
  border: 1px solid rgba(168,32,48,0.18) !important;
  color: rgba(168,32,48,0.85) !important;
}
html[data-theme="light"] .sidefoot .btn.red:hover,
html[data-theme="light"] .sidefoot #btnLogout:hover {
  background: rgba(168,32,48,0.10) !important;
  border-color: rgba(168,32,48,0.35) !important;
}

html[data-theme="light"] .sidebar-search-btn {
  border-color: var(--brd) !important;
  color: var(--t3) !important;
  background: transparent !important;
}


/* ═══════════════════════════════════════════════════════════════════════════════
   §4. MAIN AREA
   ═══════════════════════════════════════════════════════════════════════════════ */

html[data-theme="light"] .main,
html[data-theme="light"] .asg-main-wrap {
  background: var(--bg1) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════════
   §5. TOPBAR — чистый белый с янтарной нижней линией
   ═══════════════════════════════════════════════════════════════════════════════ */

html[data-theme="light"] .topbar,
html[data-theme="light"] .asg-header {
  background: var(--bg2) !important;
  border-bottom: 1px solid var(--brd) !important;
  box-shadow: none !important;
}

html[data-theme="light"] .topbar .title h1,
html[data-theme="light"] .topbar .page-title,
html[data-theme="light"] h1.page-title {
  color: var(--t1) !important;
}

html[data-theme="light"] .breadcrumbs a { color: var(--blue) !important; }
html[data-theme="light"] .bc-sep { color: var(--brd) !important; }
html[data-theme="light"] .bc-current { color: var(--t2) !important; }

html[data-theme="light"] .topbar-search {
  background: var(--bg3) !important;
  border-color: var(--brd) !important;
  color: var(--t2) !important;
}
html[data-theme="light"] .topbar-search:hover {
  border-color: var(--gold) !important;
}
html[data-theme="light"] .ts-kbd {
  background: var(--bg4) !important;
  color: var(--t3) !important;
}

/* Icon buttons — без рамок, чистые */
html[data-theme="light"] #btnTheme,
html[data-theme="light"] .iconbtn {
  color: var(--t2) !important;
  border: none !important;
  background: transparent !important;
}
html[data-theme="light"] #btnTheme:hover,
html[data-theme="light"] .iconbtn:hover {
  color: var(--gold) !important;
  background: var(--bg3) !important;
}

html[data-theme="light"] .bellbtn {
  border: none !important;
  background: transparent !important;
  color: var(--t2) !important;
}
html[data-theme="light"] .bellbtn:hover {
  background: var(--bg3) !important;
  color: var(--gold) !important;
}
html[data-theme="light"] .bellcount {
  background: var(--red) !important;
  color: #fff !important;
}


/* ═══════════════════════════════════════════════════════════════════════════════
   §6. CARDS & PANELS — "бумага на столе" с физической тенью
   ═══════════════════════════════════════════════════════════════════════════════ */

html[data-theme="light"] .card,
html[data-theme="light"] .panel,
html[data-theme="light"] .widget {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  box-shadow: var(--shadow-md) !important;
}
html[data-theme="light"] .card:hover,
html[data-theme="light"] .panel:hover,
html[data-theme="light"] .widget:hover {
  border-color: rgba(184,132,26,0.30) !important;
  box-shadow: var(--shadow-lg) !important;
}

/* Золотые заголовки секций */
html[data-theme="light"] .card h3,
html[data-theme="light"] .panel h3,
html[data-theme="light"] .form-section,
html[data-theme="light"] .section-title {
  color: var(--gold) !important;
  border-bottom: 1px solid var(--brd) !important;
  padding-bottom: 8px !important;
  margin-bottom: 16px !important;
}

html[data-theme="light"] #layout [style*="background: transparent"] .card,
html[data-theme="light"] #layout [style*="background:transparent"] .card {
  background: var(--bg2) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════════
   §7. KPI CARDS — цветной border-left вместо gradient-bg
   ═══════════════════════════════════════════════════════════════════════════════ */

html[data-theme="light"] .kpi .k {
  background: var(--bg2) !important;
  box-shadow: var(--shadow-sm) !important;
}
html[data-theme="light"] .kpi .k:nth-child(1) {
  border: 1px solid var(--brd) !important;
  border-left: 3px solid var(--red) !important;
}
html[data-theme="light"] .kpi .k:nth-child(2) {
  border: 1px solid var(--brd) !important;
  border-left: 3px solid var(--blue) !important;
}
html[data-theme="light"] .kpi .k:nth-child(3) {
  border: 1px solid var(--brd) !important;
  border-left: 3px solid var(--gold) !important;
}
html[data-theme="light"] .kpi .k:nth-child(4) {
  border: 1px solid var(--brd) !important;
  border-left: 3px solid var(--ok) !important;
}
html[data-theme="light"] .kpi .k:nth-child(5) {
  border: 1px solid var(--brd) !important;
  border-left: 3px solid #7C3AED !important;
}
html[data-theme="light"] .kpi .k:nth-child(6) {
  border: 1px solid var(--brd) !important;
  border-left: 3px solid #0E7490 !important;
}

html[data-theme="light"] .kpi .v,
html[data-theme="light"] .kpi .k .v,
html[data-theme="light"] .stat-value { color: var(--t1) !important; }
html[data-theme="light"] .kpi .t,
html[data-theme="light"] .kpi .k .t { color: var(--t2) !important; }

/* Stat/metric cards */
html[data-theme="light"] .stat-card,
html[data-theme="light"] .kpi-card,
html[data-theme="light"] .metric-card {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
  box-shadow: var(--shadow-sm) !important;
}
html[data-theme="light"] .stat-card__value,
html[data-theme="light"] .kpi-card__value,
html[data-theme="light"] .metric-card__value { color: var(--t1) !important; }
html[data-theme="light"] .stat-card__label,
html[data-theme="light"] .kpi-card__label,
html[data-theme="light"] .metric-card__label { color: var(--t2) !important; }


/* ═══════════════════════════════════════════════════════════════════════════════
   §8. DASHBOARD WIDGETS
   ═══════════════════════════════════════════════════════════════════════════════ */

html[data-theme="light"] .dash-widget {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  box-shadow: var(--shadow-sm) !important;
}
html[data-theme="light"] .dash-widget:hover {
  border-color: rgba(184,132,26,0.30) !important;
  box-shadow: var(--shadow-md) !important;
}
html[data-theme="light"] .dash-widget-header { color: var(--gold) !important; }


/* ═══════════════════════════════════════════════════════════════════════════════
   §9. TABLES — тёплая полосатость
   ═══════════════════════════════════════════════════════════════════════════════ */

html[data-theme="light"] table th,
html[data-theme="light"] .tbl th,
html[data-theme="light"] table.asg th {
  background: var(--bg4) !important;
  color: var(--t2) !important;
  border-bottom: 1px solid var(--brd) !important;
}
html[data-theme="light"] table td,
html[data-theme="light"] .tbl td,
html[data-theme="light"] table.asg td {
  background: var(--bg2) !important;
  border-bottom: 1px solid var(--brd-m) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] table tbody tr:nth-child(odd) td,
html[data-theme="light"] .tbl tbody tr:nth-child(odd) td,
html[data-theme="light"] table.asg tbody tr:nth-child(odd) td {
  background: #F8F4EC !important;
}
html[data-theme="light"] table tbody tr:hover td,
html[data-theme="light"] .tbl tbody tr:hover td,
html[data-theme="light"] table.asg tbody tr:hover td {
  background: var(--bg3) !important;
}
html[data-theme="light"] .tbl-wrap,
html[data-theme="light"] .table-wrap,
html[data-theme="light"] .tablewrap {
  border: 1px solid var(--brd) !important;
  background: var(--bg2) !important;
  box-shadow: var(--shadow-sm) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════════
   §10. MODALS — тёплые тона, физическая тень
   ═══════════════════════════════════════════════════════════════════════════════ */

html[data-theme="light"] .modal-content {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  box-shadow: var(--shadow-xl) !important;
}
html[data-theme="light"] .modal-header {
  background: var(--bg3) !important;
  border-bottom: 1px solid var(--brd) !important;
}
html[data-theme="light"] .modal-header h2,
html[data-theme="light"] .modal-header .title { color: var(--t1) !important; }
html[data-theme="light"] .modal-footer {
  background: var(--bg3) !important;
  border-top: 1px solid var(--brd) !important;
}
html[data-theme="light"] .modal-title { color: var(--t1) !important; }

/* Overlay — тёплый чёрный */
html[data-theme="light"] .overlay,
html[data-theme="light"] .modal-overlay,
html[data-theme="light"] .cr-m-overlay,
html[data-theme="light"] .cr-cf-overlay,
html[data-theme="light"] .cr-d-overlay {
  background: rgba(28,25,20,0.52) !important;
}

/* CR-Modal */
html[data-theme="light"] .cr-m {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  box-shadow: var(--shadow-xl) !important;
}
html[data-theme="light"] .cr-m__header {
  background: var(--bg3) !important;
  border-bottom: 1px solid var(--brd) !important;
  border-top: none !important;
}
html[data-theme="light"] .cr-m__title { color: var(--t1) !important; }
html[data-theme="light"] .cr-m__subtitle { color: var(--t2) !important; }
html[data-theme="light"] .cr-m__body { color: var(--t1) !important; background: var(--bg2) !important; }
html[data-theme="light"] .cr-m__footer {
  background: var(--bg3) !important;
  border-top: 1px solid var(--brd) !important;
}
html[data-theme="light"] .cr-m__close {
  color: var(--t3) !important;
  border: none !important;
  background: transparent !important;
}
html[data-theme="light"] .cr-m__close:hover {
  color: var(--t1) !important;
  background: var(--bg3) !important;
}
html[data-theme="light"] .cr-m__body-title { border-left-color: var(--gold) !important; }

/* CR-Confirm */
html[data-theme="light"] .cr-cf {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  box-shadow: var(--shadow-xl) !important;
}
html[data-theme="light"] .cr-cf__title { color: var(--t1) !important; }
html[data-theme="light"] .cr-cf__message { color: var(--t2) !important; }

/* CR-Drawer */
html[data-theme="light"] .cr-d {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
  box-shadow: -4px 0 var(--shadow-lg) !important;
}
html[data-theme="light"] .cr-d__header {
  border-bottom: 1px solid var(--brd) !important;
  background: var(--bg3) !important;
}
html[data-theme="light"] .cr-d__title { color: var(--t1) !important; }
html[data-theme="light"] .cr-d__close { color: var(--t3) !important; }

html[data-theme="light"] [class*="cr-m"] { border-color: var(--brd) !important; }

/* CR-Modal form inputs */
html[data-theme="light"] .cr-m input,
html[data-theme="light"] .cr-m select,
html[data-theme="light"] .cr-m textarea {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .cr-m input:focus,
html[data-theme="light"] .cr-m select:focus,
html[data-theme="light"] .cr-m textarea:focus {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 3px rgba(184,132,26,0.12) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════════
   §11. FORM INPUTS — янтарный focus
   ═══════════════════════════════════════════════════════════════════════════════ */

html[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not(.chat-search-input),
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .inp {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):hover,
html[data-theme="light"] select:hover,
html[data-theme="light"] textarea:hover,
html[data-theme="light"] .inp:hover {
  border-color: rgba(139,120,90,0.40) !important;
}
html[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] textarea:focus,
html[data-theme="light"] .inp:focus {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 3px rgba(184,132,26,0.12) !important;
  outline: none !important;
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder { color: var(--t3) !important; }
html[data-theme="light"] input:disabled,
html[data-theme="light"] select:disabled,
html[data-theme="light"] textarea:disabled {
  background: var(--bg3) !important;
  color: var(--t3) !important;
}
html[data-theme="light"] input[type="checkbox"],
html[data-theme="light"] input[type="radio"] { accent-color: var(--gold) !important; }
html[data-theme="light"] input[type="date"],
html[data-theme="light"] input[type="datetime-local"],
html[data-theme="light"] input[type="time"] { color-scheme: light !important; }

html[data-theme="light"] label { color: var(--t2) !important; }

html[data-theme="light"] .field-float label { color: var(--t3) !important; }
html[data-theme="light"] .field-float input:focus ~ label,
html[data-theme="light"] .field-float input:not(:placeholder-shown) ~ label {
  color: var(--gold) !important;
}

/* CR-Form */
html[data-theme="light"] .cr-f-input,
html[data-theme="light"] .cr-f-select,
html[data-theme="light"] .cr-f-textarea,
html[data-theme="light"] .cr-f-mono {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .cr-f-label { color: var(--t2) !important; }
html[data-theme="light"] .cr-f-group { border-color: var(--brd) !important; }

/* Toggle */
html[data-theme="light"] .toggle-switch { background: var(--bg4) !important; }
html[data-theme="light"] .toggle-switch::after {
  background: var(--bg2) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.14) !important;
}
html[data-theme="light"] .toggle-switch.active,
html[data-theme="light"] .toggle-switch:checked { background: var(--gold) !important; }

/* CR-Select */
html[data-theme="light"] .cr-select__trigger {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .cr-select__trigger:hover { border-color: rgba(139,120,90,0.40) !important; }
html[data-theme="light"] .cr-select--open .cr-select__trigger {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 3px rgba(184,132,26,0.12) !important;
}
html[data-theme="light"] .cr-select__dropdown {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
  box-shadow: var(--shadow-lg) !important;
}
html[data-theme="light"] .cr-select__option { color: var(--t1) !important; }
html[data-theme="light"] .cr-select__option:hover { background: var(--bg3) !important; }
html[data-theme="light"] .cr-select__option--selected {
  background: rgba(184,132,26,0.08) !important;
  color: var(--gold) !important;
}
html[data-theme="light"] .cr-select__search {
  background: var(--bg3) !important;
  border-color: var(--brd) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .cr-select__placeholder { color: var(--t3) !important; }

/* CR-Datepicker */
html[data-theme="light"] .cr-dp__popup {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
  box-shadow: var(--shadow-lg) !important;
}
html[data-theme="light"] .cr-dp__day { color: var(--t1) !important; }
html[data-theme="light"] .cr-dp__day:hover { background: var(--bg3) !important; }
html[data-theme="light"] .cr-dp__day--selected {
  background: var(--gold) !important;
  color: #fff !important;
}
html[data-theme="light"] .cr-dp__day--today { border-color: var(--gold) !important; }
html[data-theme="light"] .cr-dp__header { color: var(--t1) !important; }
html[data-theme="light"] .cr-dp__weekday { color: var(--t3) !important; }

/* CR-Autocomplete */
html[data-theme="light"] .cr-ac__dropdown {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
  box-shadow: var(--shadow-lg) !important;
}
html[data-theme="light"] .cr-ac__item { color: var(--t1) !important; }
html[data-theme="light"] .cr-ac__item:hover,
html[data-theme="light"] .cr-ac__item--active { background: var(--bg3) !important; }

/* CR-Employee-Picker */
html[data-theme="light"] .cr-ep__dropdown {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
  box-shadow: var(--shadow-lg) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════════
   §12. BUTTONS — полная иерархия
   ═══════════════════════════════════════════════════════════════════════════════ */

html[data-theme="light"] .btn {
  background: var(--bg3) !important;
  border: 1px solid var(--brd) !important;
  color: var(--t1) !important;
  box-shadow: var(--shadow-sm) !important;
}
html[data-theme="light"] .btn:hover {
  background: var(--bg4) !important;
  border-color: rgba(139,120,90,0.40) !important;
  box-shadow: var(--shadow-md) !important;
}

html[data-theme="light"] .btn.primary {
  background: var(--blue) !important;
  border: none !important;
  color: #fff !important;
  box-shadow: var(--shadow-sm) !important;
}
html[data-theme="light"] .btn.primary:hover {
  background: var(--blue-h) !important;
  box-shadow: var(--shadow-md) !important;
  transform: translateY(-1px);
}

html[data-theme="light"] .btn.gold {
  background: var(--gold) !important;
  border: none !important;
  color: #fff !important;
}
html[data-theme="light"] .btn.gold:hover {
  background: var(--gold-h) !important;
  box-shadow: var(--shadow-md) !important;
}

html[data-theme="light"] .btn.red:not(#btnLogout),
html[data-theme="light"] .btn.danger {
  background: var(--red) !important;
  border: none !important;
  color: #fff !important;
}
html[data-theme="light"] .btn.red:not(#btnLogout):hover,
html[data-theme="light"] .btn.danger:hover {
  background: var(--red-h) !important;
  box-shadow: var(--shadow-md) !important;
}

html[data-theme="light"] .btn.ghost {
  background: transparent !important;
  border: 1px solid var(--brd) !important;
  color: var(--t2) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .btn.ghost:hover {
  background: var(--bg3) !important;
  border-color: rgba(139,120,90,0.40) !important;
  color: var(--t1) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════════
   §13. TOASTS
   ═══════════════════════════════════════════════════════════════════════════════ */

html[data-theme="light"] .toast {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  border-left: 4px solid var(--gold) !important;
  box-shadow: var(--shadow-md) !important;
  color: var(--t1) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════════
   §14. BADGES & TAGS — solid bg без рамок
   ═══════════════════════════════════════════════════════════════════════════════ */

html[data-theme="light"] .badge,
html[data-theme="light"] .tag {
  background: var(--bg3) !important;
  border-color: transparent !important;
  color: var(--t2) !important;
}

html[data-theme="light"] .badge.draft {
  background: var(--bg4) !important;
  border: 1px dashed var(--brd) !important;
  color: var(--t3) !important;
}

html[data-theme="light"] .status-badge { border-color: transparent !important; }

/* Typed status badges */
html[data-theme="light"] .badge.blue,
html[data-theme="light"] .tag.blue {
  background: rgba(26,63,116,0.10) !important;
  color: var(--blue) !important;
}
html[data-theme="light"] .badge.red,
html[data-theme="light"] .tag.red {
  background: rgba(168,32,48,0.10) !important;
  color: var(--red) !important;
}
html[data-theme="light"] .badge.gold,
html[data-theme="light"] .badge.amber,
html[data-theme="light"] .tag.gold {
  background: rgba(184,132,26,0.11) !important;
  color: var(--gold) !important;
}
html[data-theme="light"] .badge.green,
html[data-theme="light"] .tag.green {
  background: rgba(45,106,79,0.10) !important;
  color: var(--ok) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════════
   §15. TABS — золотое подчёркивание на активном
   ═══════════════════════════════════════════════════════════════════════════════ */

html[data-theme="light"] .tabs {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid var(--brd) !important;
}
html[data-theme="light"] .tab,
html[data-theme="light"] .tab-btn {
  color: var(--t2) !important;
  border: none !important;
  background: transparent !important;
}
html[data-theme="light"] .tab:hover,
html[data-theme="light"] .tab-btn:hover {
  color: var(--t1) !important;
  background: var(--bg3) !important;
}
html[data-theme="light"] .tab.active,
html[data-theme="light"] .tab-btn.active {
  color: var(--gold) !important;
  border: none !important;
  border-bottom: 2px solid var(--gold) !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="light"] .tab-bar { border-bottom-color: var(--brd) !important; }


/* ═══════════════════════════════════════════════════════════════════════════════
   §16. SCROLLBARS — янтарные
   ═══════════════════════════════════════════════════════════════════════════════ */

html[data-theme="light"] ::-webkit-scrollbar-track { background: transparent !important; }
html[data-theme="light"] ::-webkit-scrollbar-thumb {
  background: rgba(139,120,90,0.28) !important;
  border-radius: 3px;
}
html[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
  background: rgba(139,120,90,0.50) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════════
   §17. DIVIDERS & RUNE ELEMENTS
   ═══════════════════════════════════════════════════════════════════════════════ */

html[data-theme="light"] .runesep,
html[data-theme="light"] .rune-divider { opacity: 0.12 !important; }
html[data-theme="light"] .hr {
  background: linear-gradient(90deg, transparent, rgba(184,132,26,0.20), transparent) !important;
}
html[data-theme="light"] hr { border-color: var(--brd-m) !important; }


/* ═══════════════════════════════════════════════════════════════════════════════
   §18. NOTIFICATIONS / BELL POPOVER
   ═══════════════════════════════════════════════════════════════════════════════ */

html[data-theme="light"] .bellpop {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  box-shadow: var(--shadow-lg) !important;
}
html[data-theme="light"] .bellpop-head {
  background: var(--bg3) !important;
  border-bottom: 1px solid var(--brd) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .bellitem {
  border-bottom-color: var(--brd-m) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .bellitem:hover { background: var(--bg3) !important; }
html[data-theme="light"] .bellitem.unread { background: rgba(184,132,26,0.05) !important; }
html[data-theme="light"] .belltt { color: var(--t1) !important; }
html[data-theme="light"] .bellmsg { color: var(--t2) !important; }
html[data-theme="light"] .bellwhen { color: var(--t3) !important; }


/* ═══════════════════════════════════════════════════════════════════════════════
   §19. EMPTY STATES
   ═══════════════════════════════════════════════════════════════════════════════ */

html[data-theme="light"] .empty-state .icon { color: rgba(184,132,26,0.22) !important; }
html[data-theme="light"] .empty-state .title { color: var(--t2) !important; }


/* ═══════════════════════════════════════════════════════════════════════════════
   §20. DROPDOWNS & FLYOUTS
   ═══════════════════════════════════════════════════════════════════════════════ */

html[data-theme="light"] .dropdown-menu,
html[data-theme="light"] .nav-group-items {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  box-shadow: var(--shadow-lg) !important;
}
html[data-theme="light"] .dropdown-menu a,
html[data-theme="light"] .dropdown-menu button { color: var(--t1) !important; }
html[data-theme="light"] .dropdown-menu a:hover,
html[data-theme="light"] .dropdown-menu button:hover { background: var(--bg3) !important; }


/* ═══════════════════════════════════════════════════════════════════════════════
   §21. PILL / USER INFO
   ═══════════════════════════════════════════════════════════════════════════════ */

html[data-theme="light"] .pill {
  background: var(--bg3) !important;
  border: 1px solid var(--brd) !important;
}
html[data-theme="light"] .pill .who { color: var(--t1) !important; }
html[data-theme="light"] .pill .role { color: var(--gold) !important; background: rgba(184,132,26,0.10) !important; }


/* ═══════════════════════════════════════════════════════════════════════════════
   §22. KANBAN / FUNNEL
   ═══════════════════════════════════════════════════════════════════════════════ */

html[data-theme="light"] .kanban-column,
html[data-theme="light"] .funnel-column {
  background: var(--bg3) !important;
  border: 1px solid var(--brd) !important;
}
html[data-theme="light"] .kanban-card {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  box-shadow: var(--shadow-sm) !important;
}
html[data-theme="light"] .kanban-card:hover {
  border-color: rgba(184,132,26,0.30) !important;
  box-shadow: var(--shadow-md) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════════
   §23. CHAT — Huginn Messenger
   ═══════════════════════════════════════════════════════════════════════════════ */

html[data-theme="light"] .chat-container {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
}
html[data-theme="light"] .chat-sidebar {
  background: var(--bg2) !important;
  border-right: 1px solid var(--brd) !important;
}
html[data-theme="light"] .chat-sidebar-header {
  background: var(--bg3) !important;
  border-bottom: 1px solid var(--brd) !important;
}
html[data-theme="light"] .chat-search-input {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .chat-item:hover { background: var(--bg3) !important; }
html[data-theme="light"] .chat-item.active { background: rgba(184,132,26,0.08) !important; }
html[data-theme="light"] .chat-main { background: var(--bg1) !important; }
html[data-theme="light"] .chat-header {
  background: var(--bg2) !important;
  border-bottom: 1px solid var(--brd) !important;
}
html[data-theme="light"] .chat-messages,
html[data-theme="light"] #chat-messages-container { background: var(--bg1) !important; }
html[data-theme="light"] .chat-input-area {
  background: var(--bg2) !important;
  border-top: 1px solid var(--brd) !important;
}
html[data-theme="light"] .chat-input,
html[data-theme="light"] #chat-message-input {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .chat-input:focus,
html[data-theme="light"] #chat-message-input:focus {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 2px rgba(184,132,26,0.12) !important;
}

html[data-theme="light"] .chat-bubble,
html[data-theme="light"] .msg-bubble {
  background: var(--bg3) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .chat-bubble.mine,
html[data-theme="light"] .msg-bubble.mine,
html[data-theme="light"] .chat-bubble--own {
  background: var(--blue) !important;
  color: #fff !important;
}
html[data-theme="light"] .msg-time,
html[data-theme="light"] .chat-time { color: var(--t3) !important; }
html[data-theme="light"] .msg-sender,
html[data-theme="light"] .chat-sender { color: var(--gold) !important; }
html[data-theme="light"] .msg-system,
html[data-theme="light"] .chat-system-msg { color: var(--t3) !important; }
html[data-theme="light"] .chat-date-divider span {
  background: var(--bg3) !important;
  color: var(--t3) !important;
}
html[data-theme="light"] .chat-reply-bar { background: var(--bg3) !important; }
html[data-theme="light"] .chat-username { color: var(--t1) !important; }
html[data-theme="light"] .chat-welcome { color: var(--t2) !important; }
html[data-theme="light"] .ec-card {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════════
   §24. TOOLTIPS, POPOVERS, CONTEXT MENUS
   ═══════════════════════════════════════════════════════════════════════════════ */

html[data-theme="light"] .tooltip,
html[data-theme="light"] [role="tooltip"] {
  background: var(--t1) !important;
  color: #fff !important;
  box-shadow: var(--shadow-md) !important;
}
html[data-theme="light"] .popover {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
  box-shadow: var(--shadow-lg) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .context-menu {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
  box-shadow: var(--shadow-lg) !important;
}
html[data-theme="light"] .context-menu-item:hover { background: var(--bg3) !important; }


/* ═══════════════════════════════════════════════════════════════════════════════
   §25. SEARCH / COMMAND PALETTE
   ═══════════════════════════════════════════════════════════════════════════════ */

html[data-theme="light"] .cmd-palette,
html[data-theme="light"] .command-palette,
html[data-theme="light"] .search-overlay,
html[data-theme="light"] .quick-search {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
  box-shadow: var(--shadow-xl) !important;
}
html[data-theme="light"] .cmd-palette input,
html[data-theme="light"] .search-overlay input,
html[data-theme="light"] .quick-search input {
  background: var(--bg3) !important;
  border-color: var(--brd) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .cmd-item:hover,
html[data-theme="light"] .cmd-item.active,
html[data-theme="light"] .search-result:hover,
html[data-theme="light"] .search-item:hover { background: var(--bg3) !important; }
html[data-theme="light"] .search-result,
html[data-theme="light"] .search-item {
  color: var(--t1) !important;
  border-bottom-color: var(--brd-m) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════════
   §26. PAGINATION, ACCORDION, ALERTS, PROGRESS
   ═══════════════════════════════════════════════════════════════════════════════ */

html[data-theme="light"] .pagination a,
html[data-theme="light"] .pagination button {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
  color: var(--t1) !important;
  box-shadow: var(--shadow-sm) !important;
}
html[data-theme="light"] .pagination .active {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
  color: #fff !important;
}
html[data-theme="light"] .accordion-header {
  background: var(--bg3) !important;
  border-color: var(--brd) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .accordion-body {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
}
html[data-theme="light"] .alert {
  border-color: var(--brd) !important;
  background: var(--bg3) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .skeleton {
  background: linear-gradient(90deg, var(--bg3) 25%, var(--bg4) 50%, var(--bg3) 75%) !important;
  background-size: 200% 100% !important;
}
html[data-theme="light"] .progress-bar { background: var(--bg4) !important; }
html[data-theme="light"] code,
html[data-theme="light"] pre {
  background: var(--bg3) !important;
  color: var(--t1) !important;
  border-color: var(--brd) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════════
   §27. AVATARS, APPROVAL, MISC
   ═══════════════════════════════════════════════════════════════════════════════ */

html[data-theme="light"] .avatar { border-color: transparent !important; }
html[data-theme="light"] .status-dot { box-shadow: 0 0 0 2px var(--bg2) !important; }

html[data-theme="light"] .approval-card {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
}
html[data-theme="light"] .approval-timeline { border-left-color: var(--brd) !important; }

html[data-theme="light"] .filter-bar,
html[data-theme="light"] .toolbar {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
  box-shadow: var(--shadow-sm) !important;
}

html[data-theme="light"] .profile-card {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
  color: var(--t1) !important;
}

html[data-theme="light"] .settings-section {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
}

html[data-theme="light"] .credit { color: var(--t3) !important; }
html[data-theme="light"] .help { color: var(--t3) !important; }


/* ═══════════════════════════════════════════════════════════════════════════════
   §28. MODULE-SPECIFIC OVERRIDES
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ── Mimir ── */
html[data-theme="light"] .ec-mimir-bubble {
  background: var(--bg3) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .mimir-hint {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
  color: var(--t1) !important;
}

/* ── Worker profile ── */
html[data-theme="light"] .wp-desktop-hero {
  background: linear-gradient(135deg, rgba(26,63,116,0.07), rgba(168,32,48,0.04)) !important;
}
html[data-theme="light"] .wp-desktop-icon-btn {
  background: rgba(0,0,0,0.03) !important;
  border-color: var(--brd) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .sr-card {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
}
html[data-theme="light"] .sr-active { border-bottom-color: var(--gold) !important; }
html[data-theme="light"] .widget-form-section { background: var(--bg3) !important; }

/* ── Workers / HR ── */
html[data-theme="light"] .worker-card {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
  box-shadow: var(--shadow-sm) !important;
}
html[data-theme="light"] .worker-card:hover {
  border-color: rgba(184,132,26,0.30) !important;
  box-shadow: var(--shadow-md) !important;
}
html[data-theme="light"] .hr-card {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
}
html[data-theme="light"] .trip-card {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
}

/* ── My-Mail ── */
html[data-theme="light"] .mymail-container { background: var(--bg2) !important; }
html[data-theme="light"] .mymail-sidebar {
  background: var(--bg2) !important;
  border-right-color: var(--brd) !important;
}
html[data-theme="light"] .mymail-sidebar-toggle { background: var(--bg3) !important; }
html[data-theme="light"] .mail-list-item {
  border-bottom-color: var(--brd-m) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .mail-list-item:hover { background: var(--bg3) !important; }
html[data-theme="light"] .mail-viewer {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
}
html[data-theme="light"] .mail-compose {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
}

/* ── Estimate Report ── */
html[data-theme="light"] .er-page { color: var(--t1) !important; }
html[data-theme="light"] .er-header { border-bottom-color: var(--brd) !important; }
html[data-theme="light"] .er-btn--secondary {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .er-btn--secondary:hover {
  background: var(--bg3) !important;
  border-color: var(--gold) !important;
}
html[data-theme="light"] .er-summary-card {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
  box-shadow: var(--shadow-sm) !important;
}
html[data-theme="light"] .er-summary-card__label { color: var(--t2) !important; }
html[data-theme="light"] .er-summary-card__value { color: var(--t1) !important; }
html[data-theme="light"] .er-tbl th {
  background: var(--bg4) !important;
  color: var(--t2) !important;
  border-color: var(--brd) !important;
}
html[data-theme="light"] .er-tbl td {
  background: var(--bg2) !important;
  color: var(--t1) !important;
  border-color: var(--brd-m) !important;
}
html[data-theme="light"] .er-tbl input {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .er-rework-banner {
  background: rgba(184,132,26,0.06) !important;
  border-color: var(--gold) !important;
}
html[data-theme="light"] .er-rework-banner__title { color: var(--gold) !important; }
html[data-theme="light"] .er-rework-banner__text { color: var(--t1) !important; }
html[data-theme="light"] .er-pill {
  border-color: var(--brd) !important;
  background: var(--bg3) !important;
  color: var(--t2) !important;
}
html[data-theme="light"] .er-mimir {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
}
html[data-theme="light"] .er-mimir__header {
  background: var(--bg3) !important;
  border-bottom-color: var(--brd) !important;
}
html[data-theme="light"] .er-mimir__name { color: var(--t1) !important; }
html[data-theme="light"] .er-mimir__body { background: var(--bg2) !important; }
html[data-theme="light"] .er-mimir__input {
  background: var(--bg3) !important;
  border-top-color: var(--brd) !important;
}
html[data-theme="light"] .er-mimir__input input {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .er-mimir__msg--user {
  background: var(--blue) !important;
  color: #fff !important;
}
html[data-theme="light"] .er-mimir__msg--bot {
  background: var(--bg3) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .er-comment__bubble {
  background: var(--bg3) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .er-comment__name { color: var(--t1) !important; }
html[data-theme="light"] .er-comment__time { color: var(--t3) !important; }
html[data-theme="light"] .er-cost-bar { background: var(--bg3) !important; }
html[data-theme="light"] .er-obj-toggle {
  background: var(--bg3) !important;
  border-color: var(--brd) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .er-obj-body {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
}
html[data-theme="light"] .er-mimir-block {
  background: var(--bg3) !important;
  border-color: var(--brd) !important;
}

/* ── Call Reports ── */
html[data-theme="light"] .cr-period-btn--active { color: #fff !important; }
html[data-theme="light"] .call-card {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
  box-shadow: var(--shadow-sm) !important;
}

/* ── Tenders ── */
html[data-theme="light"] .tender-status-badge { border-color: transparent !important; }
html[data-theme="light"] .m-tc {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
  box-shadow: var(--shadow-sm) !important;
}
html[data-theme="light"] .m-tc:hover {
  border-color: rgba(184,132,26,0.30) !important;
  box-shadow: var(--shadow-md) !important;
}
html[data-theme="light"] .m-tc-label { color: var(--t3) !important; }
html[data-theme="light"] .m-tc-title { color: var(--t1) !important; }
html[data-theme="light"] .m-tc-meta { color: var(--t2) !important; }
html[data-theme="light"] .tender-card,
html[data-theme="light"] .pre-tender-card {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
  box-shadow: var(--shadow-sm) !important;
}

/* ── Estimates ── */
html[data-theme="light"] .est-card {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
  box-shadow: var(--shadow-sm) !important;
}

/* ── Procurement ── */
html[data-theme="light"] .proc-card {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
  box-shadow: var(--shadow-sm) !important;
}
html[data-theme="light"] .proc-card:hover {
  border-color: rgba(184,132,26,0.30) !important;
  box-shadow: var(--shadow-md) !important;
}

/* ── File attachments ── */
html[data-theme="light"] .file-card,
html[data-theme="light"] .attachment-card {
  background: var(--bg3) !important;
  border-color: var(--brd) !important;
  color: var(--t1) !important;
}

/* ── Contracts Modal ── */
html[data-theme="light"] #contractModal .cm-card,
html[data-theme="light"] #contractSelectorModal .cm-card,
html[data-theme="light"] #newCustomerModal .cm-card {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
  box-shadow: var(--shadow-xl) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] #contractModal .cm-inp,
html[data-theme="light"] #contractSelectorModal .cm-inp,
html[data-theme="light"] #newCustomerModal .cm-inp {
  background: var(--bg3) !important;
  border-color: var(--brd) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] #contractModal .cm-inp:focus,
html[data-theme="light"] #newCustomerModal .cm-inp:focus {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 3px rgba(184,132,26,0.12) !important;
}
html[data-theme="light"] #contractModal .cm-inp::placeholder,
html[data-theme="light"] #newCustomerModal .cm-inp::placeholder { color: var(--t3) !important; }
html[data-theme="light"] #contractModal select.cm-inp option { background: var(--bg2) !important; }
html[data-theme="light"] #contractModal input[type=date].cm-inp { color-scheme: light !important; }
html[data-theme="light"] .cm-section {
  background: rgba(0,0,0,0.02) !important;
  border-color: var(--brd) !important;
}
html[data-theme="light"] .cm-section-title,
html[data-theme="light"] .cm-label { color: var(--t2) !important; }
html[data-theme="light"] .cm-footer { border-top-color: var(--brd) !important; }
html[data-theme="light"] .cm-btn-ghost {
  color: var(--t2) !important;
  border-color: var(--brd) !important;
}
html[data-theme="light"] .cm-btn-ghost:hover {
  background: var(--bg3) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .cm-toggle { border-color: var(--brd) !important; }
html[data-theme="light"] .cm-toggle-track { background: var(--bg4) !important; }
html[data-theme="light"] .cm-toggle-text { color: var(--t2) !important; }
html[data-theme="light"] .cm-btn-add-customer { border-color: var(--brd) !important; }

/* DaData suggest */
html[data-theme="light"] .ncm-suggest-dropdown {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
  box-shadow: var(--shadow-lg) !important;
}
html[data-theme="light"] .ncm-suggest-item { border-bottom-color: var(--brd-m) !important; }
html[data-theme="light"] .ncm-suggest-item:hover { background: rgba(184,132,26,0.05) !important; }
html[data-theme="light"] .ncm-suggest-item .ncm-s-name { color: var(--t1) !important; }
html[data-theme="light"] .ncm-suggest-item .ncm-s-meta { color: var(--t2) !important; }
html[data-theme="light"] .cm-amount-wrap .cm-suffix { color: var(--t3) !important; }

/* ── Work Report ── */
html[data-theme="light"] .wr-hero-bg {
  background: linear-gradient(135deg, rgba(26,63,116,0.10), rgba(168,32,48,0.06)) !important;
}
html[data-theme="light"] .wr-hero-title { color: var(--t1) !important; }

/* ── Action menu ── */
html[data-theme="light"] .asg-action-menu {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
  box-shadow: var(--shadow-lg) !important;
}
html[data-theme="light"] .asg-action-menu .action-item:hover { background: var(--bg3) !important; }


/* ═══════════════════════════════════════════════════════════════════════════════
   §29. WELCOME / AUTH PAGE — Split-screen Soldag
   ═══════════════════════════════════════════════════════════════════════════════ */

/* Левая панель — тёмная, декоративная. Правая — пергамент с формой */
html[data-theme="light"] .welcome-page {
  background: var(--bg1) !important;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

/* Скрываем тёмные элементы аврора и частицы */
html[data-theme="light"] .welcome-bg,
html[data-theme="light"] .welcome-stars,
html[data-theme="light"] .rune-particles {
  display: none !important;
}

/* Левая панель через псевдоэлемент */
html[data-theme="light"] .welcome-page::before {
  content: '';
  position: fixed;
  left: 0; top: 0; bottom: 0;
  width: 42%;
  background: #16325A;
  /* Геометрический Nordic-паттерн */
  background-image:
    linear-gradient(rgba(184,132,26,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(184,132,26,0.06) 1px, transparent 1px);
  background-size: 32px 32px;
  z-index: 0;
}

/* Декоративный орнамент на левой панели */
html[data-theme="light"] .welcome-page::after {
  content: '';
  position: fixed;
  left: 0; top: 0; bottom: 0;
  width: 42%;
  background:
    radial-gradient(ellipse 60% 50% at 50% 50%, rgba(184,132,26,0.12), transparent 70%),
    radial-gradient(ellipse 40% 60% at 20% 80%, rgba(168,32,48,0.08), transparent 60%);
  z-index: 1;
  pointer-events: none;
}

/* Основной контент — сдвигаем вправо */
html[data-theme="light"] .welcome-content {
  position: relative;
  z-index: 2;
  margin-left: 42%;
  min-height: 100vh;
  background: var(--bg1) !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 80px;
  text-align: left !important;
}

/* Логотип — меньше, деловой */
html[data-theme="light"] .welcome-header {
  justify-content: flex-start !important;
  margin-bottom: 40px !important;
}
html[data-theme="light"] .welcome-logo {
  width: 64px !important;
  height: 64px !important;
  border: 2px solid rgba(184,132,26,0.25) !important;
  background: var(--bg2) !important;
  box-shadow: var(--shadow-sm) !important;
  padding: 8px !important;
}
html[data-theme="light"] .welcome-logo-ring {
  border-color: rgba(184,132,26,0.15) !important;
  animation: none !important;
}
html[data-theme="light"] .welcome-brand { text-align: left !important; }
html[data-theme="light"] .welcome-title {
  font-size: 28px !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: var(--t1) !important;
  background-clip: unset !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .welcome-subtitle {
  color: var(--t3) !important;
  font-size: 11px !important;
  letter-spacing: 2px !important;
}
html[data-theme="light"] .welcome-runes {
  color: rgba(184,132,26,0.40) !important;
  opacity: 1 !important;
}

/* Скрываем декоративный эмблем (он на левой панели) */
html[data-theme="light"] .welcome-emblem { display: none !important; }

html[data-theme="light"] .welcome-motto {
  font-size: 14px !important;
  color: var(--t3) !important;
  font-style: italic !important;
  text-shadow: none !important;
  text-align: left !important;
  margin-bottom: 8px !important;
}
html[data-theme="light"] .welcome-desc {
  justify-content: flex-start !important;
  margin-bottom: 32px !important;
}
html[data-theme="light"] .welcome-desc-item { color: var(--t2) !important; }
html[data-theme="light"] .welcome-desc-sep { color: var(--brd) !important; }

/* Кнопка "Войти" — синяя, деловая */
html[data-theme="light"] .welcome-actions { justify-content: flex-start !important; }
html[data-theme="light"] .welcome-btn {
  background: var(--blue) !important;
  border: none !important;
  color: #fff !important;
  box-shadow: var(--shadow-md) !important;
  font-weight: 700 !important;
}
html[data-theme="light"] .welcome-btn:hover {
  background: var(--blue-h) !important;
  box-shadow: var(--shadow-lg) !important;
  transform: translateY(-1px);
}
html[data-theme="light"] .welcome-btn-glow { display: none !important; }

/* Форма входа — карточка на пергаменте */
html[data-theme="light"] .welcome-form {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  box-shadow: var(--shadow-md) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  text-align: left !important;
  width: 100% !important;
  max-width: 380px !important;
}
html[data-theme="light"] .welcome-form-title {
  color: var(--t1) !important;
  background: none !important;
  -webkit-text-fill-color: var(--t1) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: left !important;
}
html[data-theme="light"] .welcome-form-subtitle {
  color: var(--t3) !important;
  text-align: left !important;
}
html[data-theme="light"] .welcome-form h3 {
  color: var(--t1) !important;
  text-align: left !important;
}
html[data-theme="light"] .welcome-form .field label { color: var(--t2) !important; }
html[data-theme="light"] .welcome-form .btn { width: 100%; }
html[data-theme="light"] .welcome-form .btn#btnDoLogin {
  background: var(--blue) !important;
  border: none !important;
  color: #fff !important;
}

html[data-theme="light"] .welcome-footer {
  width: 100%;
  max-width: 380px;
  margin-top: 24px;
}
html[data-theme="light"] .welcome-runes-bottom {
  color: rgba(184,132,26,0.30) !important;
  font-size: 11px !important;
}

/* ── Левая панель — надпись ASGARD через content (декоративно) ── */
html[data-theme="light"] .welcome-page .welcome-bg {
  /* Используем вместо before для текста через position absolute */
}

/* ── Auth страница ── */
html[data-theme="light"] .welcome-page,
html[data-theme="light"] .welcome-container { background: var(--bg1) !important; }

/* ── Responsive ── */
@media (max-width: 900px) {
  html[data-theme="light"] .welcome-page::before,
  html[data-theme="light"] .welcome-page::after { width: 35%; }
  html[data-theme="light"] .welcome-content {
    margin-left: 35%;
    padding: 40px 40px;
  }
}
@media (max-width: 640px) {
  html[data-theme="light"] .welcome-page::before,
  html[data-theme="light"] .welcome-page::after { display: none; }
  html[data-theme="light"] .welcome-content {
    margin-left: 0;
    padding: 32px 24px;
    align-items: center;
    text-align: center !important;
  }
  html[data-theme="light"] .welcome-header { justify-content: center !important; }
  html[data-theme="light"] .welcome-actions,
  html[data-theme="light"] .welcome-desc { justify-content: center !important; }
  html[data-theme="light"] .welcome-form { max-width: 100% !important; }
}


/* ═══════════════════════════════════════════════════════════════════════════════
   §30. SPLASH SCREEN
   ═══════════════════════════════════════════════════════════════════════════════ */

html[data-theme="light"] #asgard-splash {
  background: var(--bg1) !important;
}
html[data-theme="light"] #asgard-splash div[style*="color:#8E8E93"],
html[data-theme="light"] #asgard-splash div[style*="color:#636366"] {
  color: var(--t3) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════════
   §31. GLOW KILLER — убиваем все остатки glow из тёмной темы
   ═══════════════════════════════════════════════════════════════════════════════ */

html[data-theme="light"] * {
  text-shadow: none !important;
}
html[data-theme="light"] [class*="-glow"],
html[data-theme="light"] [class*="glow-"],
html[data-theme="light"] .neon {
  box-shadow: none !important;
  filter: none !important;
}


/* ═══════════════════════════════════════════════════════════════════════════════
   §32. ICON-ONLY BUTTONS — без рамок и фонов
   ═══════════════════════════════════════════════════════════════════════════════ */

html[data-theme="light"] .icon-btn,
html[data-theme="light"] .btn-icon {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="light"] .icon-btn:hover,
html[data-theme="light"] .btn-icon:hover { background: var(--bg3) !important; }

/* Индивидуальные иконки в навигации */
html[data-theme="light"] .nav-group .navitem .ico {
  border: none !important;
  background: transparent !important;
}

/* Аватары */
html[data-theme="light"] .avatar { border-color: transparent !important; }
html[data-theme="light"] .avatar img { outline: none !important; }


/* ═══════════════════════════════════════════════════════════════════════════════
   §33. PRINT
   ═══════════════════════════════════════════════════════════════════════════════ */

@media print {
  * {
    background: white !important;
    color: black !important;
    box-shadow: none !important;
    border-color: #ccc !important;
  }
}


/* ═══════════════════════════════════════════════════════════════════════════════
   §44. ФИНАЛЬНЫЙ АУДИТ — исправление багов + premium polish
   Устраняет все хардкоженые чужеродные цвета и добавляет финальную полировку.
   ═══════════════════════════════════════════════════════════════════════════════ */


/* ── A. CR-METRIC — убираем нeon-градиентную рамку, ставим физическую тень ── */

html[data-theme="light"] .cr-metric {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  box-shadow: var(--shadow-md) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}
html[data-theme="light"] .cr-metric:hover {
  transform: translateY(-3px) !important;
  box-shadow: var(--shadow-lg) !important;
  border-color: rgba(184,132,26,0.35) !important;
}
/* Убиваем neon-border через pseudo-элемент */
html[data-theme="light"] .cr-metric::before {
  background: none !important;
  opacity: 0 !important;
}
/* Убиваем inner-fill pseudo-элемент (он не нужен без градиентной рамки) */
html[data-theme="light"] .cr-metric::after {
  background: none !important;
  inset: 0 !important;
}
/* cr-insight — убираем neon-border, ставим золотую */
html[data-theme="light"] .cr-insight {
  background: rgba(252,249,243,1) !important;
  border: 1px solid rgba(184,132,26,0.22) !important;
  box-shadow: var(--shadow-sm) !important;
}
html[data-theme="light"] .cr-insight::before,
html[data-theme="light"] .cr-insight::after {
  background: none !important;
  opacity: 0 !important;
}


/* ── B. CR-SELECT — золотой focus вместо хардкоженого #5b8def ── */

html[data-theme="light"] .cr-select--open .cr-select__trigger,
html[data-theme="light"] .cr-select__trigger:focus {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 3px rgba(184,132,26,0.12) !important;
}
html[data-theme="light"] .cr-select__search-input:focus {
  border-color: var(--gold) !important;
  outline: none !important;
}
html[data-theme="light"] .cr-select__option--selected {
  background: rgba(184,132,26,0.09) !important;
  color: var(--gold) !important;
}
/* Checkmark в выбранном пункте — меняем синий на золото */
html[data-theme="light"] .cr-select__option--selected::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23B8841A'%3E%3Cpath d='M6.5 12.5l-4-4 1.4-1.4 2.6 2.6 5.6-5.6 1.4 1.4z'/%3E%3C/svg%3E") !important;
  background-position: center/contain !important;
  background-repeat: no-repeat !important;
}
html[data-theme="light"] .cr-select__trigger {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
}
html[data-theme="light"] .cr-select__dropdown {
  box-shadow: var(--shadow-lg) !important;
  border: 1px solid var(--brd) !important;
}


/* ── C. CR-EMP-PICKER — золотой выбор вместо синего #5b8def ── */

html[data-theme="light"] .cr-emp-picker__row--sel {
  background: rgba(184,132,26,0.10) !important;
}
html[data-theme="light"] .cr-emp-picker__row--sel:hover {
  background: rgba(184,132,26,0.16) !important;
}
html[data-theme="light"] .cr-emp-picker__search:focus,
html[data-theme="light"] .cr-emp-picker__search:focus-visible {
  border-color: var(--gold) !important;
  outline: none !important;
}
html[data-theme="light"] .cr-emp-picker__trigger {
  background: var(--bg2) !important;
  border-color: var(--brd) !important;
}
html[data-theme="light"] .cr-emp-picker__trigger:hover {
  border-color: rgba(139,120,90,0.40) !important;
}
html[data-theme="light"] .cr-emp-picker__modal {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  box-shadow: var(--shadow-xl) !important;
}
html[data-theme="light"] .cr-emp-picker__header {
  background: var(--bg3) !important;
  border-bottom: 1px solid var(--brd) !important;
}
html[data-theme="light"] .cr-emp-picker__filters {
  border-bottom: 1px solid var(--brd) !important;
}
/* Аватары — чуть приглушить яркость для бумажного фона */
html[data-theme="light"] [class^="cr-emp-picker__av--c"],
html[data-theme="light"] [class*=" cr-emp-picker__av--c"] {
  filter: saturate(0.80) brightness(0.90) !important;
}
html[data-theme="light"] .cr-emp-picker__chip {
  background: rgba(184,132,26,0.10) !important;
  color: var(--t1) !important;
}


/* ── D. CR-MODAL — тёплая рамка вместо rgba(white,0.10) ── */

html[data-theme="light"] .cr-m {
  border: 1px solid var(--brd) !important;
  box-shadow: var(--shadow-xl) !important;
}
html[data-theme="light"] .cr-m-overlay {
  background: rgba(28,25,20,0.52) !important;
}
html[data-theme="light"] .cr-m__body-title {
  border-left-color: var(--gold) !important;
  color: var(--gold) !important;
}


/* ── E. MY-MAIL — убираем синие тени, ставим тёплые ── */

html[data-theme="light"] .mymail-compose-btn {
  box-shadow: var(--shadow-md) !important;
}
html[data-theme="light"] .mymail-email-row.selected,
html[data-theme="light"] .mymail-thread-item.current {
  background: rgba(184,132,26,0.09) !important;
  border-color: rgba(184,132,26,0.20) !important;
}
html[data-theme="light"] .mymail-new-mail-banner {
  background: rgba(184,132,26,0.06) !important;
  border-bottom: 1px solid rgba(184,132,26,0.14) !important;
}
html[data-theme="light"] .mymail-new-mail-banner:hover {
  background: rgba(184,132,26,0.12) !important;
}
html[data-theme="light"] .mymail-avatar,
html[data-theme="light"] .mymail-compose-avatar {
  box-shadow: none !important;
}
html[data-theme="light"] .mymail-folder-item.active {
  background: rgba(184,132,26,0.10) !important;
  border-left: 3px solid var(--gold) !important;
  color: var(--gold) !important;
}
html[data-theme="light"] .mymail-folder-item:hover {
  background: var(--bg3) !important;
}
html[data-theme="light"] .mymail-unread-badge {
  background: var(--red) !important;
  color: #fff !important;
}


/* ── F. COMPONENTS — убиваем все neon box-shadow glows ── */

/* Синие/золотые/красные neon glows из components.css */
html[data-theme="light"] [class*="navitem"]:hover,
html[data-theme="light"] [class*="nav-item"]:hover {
  box-shadow: none !important;
}
html[data-theme="light"] .dot-gold,
html[data-theme="light"] .dot--gold {
  box-shadow: none !important;
}
/* Убиваем все glow-анимации */
html[data-theme="light"] * {
  animation-name: none !important;
}
/* Возвращаем нужные анимации (transitions, loading, skeleton) */
html[data-theme="light"] .cr-skeleton,
html[data-theme="light"] .cr-skeleton--card,
html[data-theme="light"] .cr-skeleton--chart,
html[data-theme="light"] .cr-skeleton--row {
  animation-name: cr-shimmer !important;
}
html[data-theme="light"] .cr-wow-card {
  animation-name: cr-slideUp !important;
}
html[data-theme="light"] .cr-chart__line--animate {
  animation-name: cr-pathDraw !important;
}
html[data-theme="light"] .gl-row {
  animation-name: gl-row-in !important;
}
html[data-theme="light"] .mimir-streaming-cursor {
  animation-name: blink !important;
}
html[data-theme="light"] #asgard-splash [style*="animation"] {
  animation-name: unset !important;
}
html[data-theme="light"] #asgard-splash img {
  animation-name: asgard-splash-float !important;
}
html[data-theme="light"] #asgard-splash div[style*="spin"] {
  animation-name: asgard-splash-spin !important;
}


/* ── G. UTILITY — muted, text-muted, help, dot ── */

html[data-theme="light"] .muted,
html[data-theme="light"] .text-muted { color: var(--t3) !important; }
html[data-theme="light"] .help { color: var(--t3) !important; }
html[data-theme="light"] .dot {
  display: inline-block;
  border-radius: 50%;
  box-shadow: none !important;
}
html[data-theme="light"] .mini { font-size: 11px !important; }


/* ── H. WELCOME LEFT PANEL — ASGARD текст и руны (декоративно) ── */

/* Объединяем все радиальные градиенты в ::before */
html[data-theme="light"] .welcome-page::before {
  background: #16325A !important;
  background-image:
    radial-gradient(ellipse 70% 55% at 50% 45%, rgba(184,132,26,0.13), transparent 65%),
    radial-gradient(ellipse 45% 65% at 15% 82%, rgba(168,32,48,0.09), transparent 60%),
    linear-gradient(rgba(184,132,26,0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(184,132,26,0.055) 1px, transparent 1px) !important;
  background-size: 100% 100%, 100% 100%, 32px 32px, 32px 32px !important;
}

/* ::after — декоративный текст "ASGARD" на левой панели */
html[data-theme="light"] .welcome-page::after {
  content: 'ASGARD' !important;
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 42% !important;
  background: none !important;
  z-index: 1 !important;
  pointer-events: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 72px !important;
  font-weight: 900 !important;
  letter-spacing: 14px !important;
  color: rgba(212,168,67,0.10) !important;
  text-indent: 14px !important;
  writing-mode: vertical-rl !important;
  text-orientation: mixed !important;
}

@media (max-width: 900px) {
  html[data-theme="light"] .welcome-page::before {
    width: 35% !important;
  }
  html[data-theme="light"] .welcome-page::after {
    width: 35% !important;
    font-size: 52px !important;
  }
}
@media (max-width: 640px) {
  html[data-theme="light"] .welcome-page::after {
    display: none !important;
  }
}


/* ── I. PREMIUM — детали которые поднимают тему на уровень выше ── */

/* 1. Топбар — тонкая полоска тепла снизу (уже есть бордер, делаем акцент) */
html[data-theme="light"] .topbar,
html[data-theme="light"] .asg-header {
  box-shadow: 0 1px 0 rgba(184,132,26,0.10) !important;
}

/* 2. Золотой глоссированный блик на карточках при hover */
html[data-theme="light"] .card:hover,
html[data-theme="light"] .panel:hover,
html[data-theme="light"] .widget:hover {
  box-shadow:
    3px 4px 0 rgba(0,0,0,0.05),
    0 4px 20px rgba(0,0,0,0.08),
    0 0 0 1px rgba(184,132,26,0.14) !important;
}

/* 3. Section headers — более выразительные, с тонкой золотой линией */
html[data-theme="light"] .card h3,
html[data-theme="light"] .panel h3,
html[data-theme="light"] .section-title {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
html[data-theme="light"] .card h3::before,
html[data-theme="light"] .panel h3::before,
html[data-theme="light"] .section-title::before {
  content: '' !important;
  display: inline-block !important;
  width: 3px !important;
  height: 1em !important;
  background: var(--gold) !important;
  border-radius: 2px !important;
  flex-shrink: 0 !important;
}

/* 4. Форма входа — золотое кольцо при фокусе на любом input */
html[data-theme="light"] .welcome-form input:focus {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 4px rgba(184,132,26,0.10) !important;
}

/* 5. Активная вкладка — плавное появление золотой линии */
html[data-theme="light"] .tab.active,
html[data-theme="light"] .tab-btn.active {
  position: relative !important;
}
html[data-theme="light"] .tab.active::after,
html[data-theme="light"] .tab-btn.active::after {
  content: '' !important;
  position: absolute !important;
  bottom: -1px !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: var(--gold) !important;
  border-radius: 1px 1px 0 0 !important;
}

/* 6. KPI карточки — тонкая золотая рамка справа, создаёт "глубину документа" */
html[data-theme="light"] .kpi .k {
  position: relative !important;
}
html[data-theme="light"] .kpi .k::after {
  content: '' !important;
  position: absolute !important;
  top: 20% !important;
  right: 0 !important;
  bottom: 20% !important;
  width: 1px !important;
  background: var(--brd) !important;
}
html[data-theme="light"] .kpi .k:last-child::after {
  display: none !important;
}

/* 7. Таблица — более выразительные заголовки */
html[data-theme="light"] table th,
html[data-theme="light"] .tbl th,
html[data-theme="light"] table.asg th {
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

/* 8. Breadcrumbs — более живые */
html[data-theme="light"] .breadcrumbs {
  font-size: 12px !important;
}
html[data-theme="light"] .bc-sep {
  color: rgba(139,120,90,0.35) !important;
}

/* 9. Toast — улучшенный вид */
html[data-theme="light"] .toast {
  border-left: 4px solid var(--gold) !important;
  box-shadow: var(--shadow-md) !important;
}
html[data-theme="light"] .toast.error,
html[data-theme="light"] .toast.danger {
  border-left-color: var(--red) !important;
}
html[data-theme="light"] .toast.success {
  border-left-color: var(--ok) !important;
}
html[data-theme="light"] .toast.info {
  border-left-color: var(--blue) !important;
}

/* 10. Скроллбар — тоньше и элегантнее */
html[data-theme="light"] ::-webkit-scrollbar {
  width: 5px !important;
  height: 5px !important;
}

/* 11. Горизонтальные разделители — золотой fade */
html[data-theme="light"] .hr,
html[data-theme="light"] hr {
  border: none !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(184,132,26,0.18), transparent) !important;
  margin: 16px 0 !important;
}

/* 12. Sidebar logo area — более premium */
html[data-theme="light"] .brand img,
html[data-theme="light"] .brand svg {
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.08)) !important;
}

/* 13. User pill в topbar — более деловой */
html[data-theme="light"] .pill {
  background: var(--bg3) !important;
  border: 1px solid var(--brd) !important;
}
html[data-theme="light"] .pill .who {
  color: var(--t1) !important;
  font-weight: 600 !important;
}
html[data-theme="light"] .pill .role {
  background: rgba(184,132,26,0.10) !important;
  color: var(--gold) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
}

/* 14. Pagination — элегантнее */
html[data-theme="light"] .pagination a,
html[data-theme="light"] .pagination button {
  font-weight: 500 !important;
}
html[data-theme="light"] .pagination .active {
  font-weight: 700 !important;
  box-shadow: var(--shadow-sm) !important;
}

/* 15. Progress bar — warm gold */
html[data-theme="light"] .progress-bar-fill,
html[data-theme="light"] [class*="progress-fill"],
html[data-theme="light"] [class*="bar-fill"] {
  background: linear-gradient(90deg, var(--gold), #d4a020) !important;
}

/* 16. Procurement — карточки закупок */
html[data-theme="light"] .procurement.css,
html[data-theme="light"] .tmc-card,
html[data-theme="light"] .pass-card {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  box-shadow: var(--shadow-sm) !important;
}

/* 17. Статусы inline (pill-стиль в таблицах) */
html[data-theme="light"] .pill[style*="border-color"] {
  font-weight: 600 !important;
  font-size: 12px !important;
}

/* 18. Inline gradient кнопки — убираем neon, оставляем цвет */
html[data-theme="light"] [style*="linear-gradient(135deg,#C8293B,#1E4D8C)"] {
  background: var(--blue) !important;
  box-shadow: var(--shadow-sm) !important;
}
html[data-theme="light"] [style*="background:linear-gradient(135deg,#C8293B"] {
  background: var(--blue) !important;
}

/* 19. Инпуты типа .input (альтернативный класс) */
html[data-theme="light"] .input:not([type="checkbox"]):not([type="radio"]):not([type="file"]) {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .input:focus {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 3px rgba(184,132,26,0.12) !important;
}

/* 20. formrow — контейнер полей формы */
html[data-theme="light"] .formrow {
  color: var(--t1) !important;
}
html[data-theme="light"] .formrow label { color: var(--t2) !important; }

/* 21. Tools toolbar — панель фильтров */
html[data-theme="light"] .tools {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  box-shadow: var(--shadow-sm) !important;
}
html[data-theme="light"] .tools .field label { color: var(--t3) !important; font-size: 11px !important; }

/* 22. Kanban column top accent — warm gold для светлой темы */
html[data-theme="light"] .kanban-column::before,
html[data-theme="light"] .funnel-column::before {
  background: rgba(184,132,26,0.25) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .kanban-column {
  background: var(--bg3) !important;
  border: 1px solid var(--brd) !important;
  box-shadow: var(--shadow-sm) !important;
}
html[data-theme="light"] .kanban-column-header {
  color: var(--t1) !important;
  font-weight: 700 !important;
  border-bottom: 1px solid var(--brd) !important;
}
html[data-theme="light"] .kanban-column-count {
  background: var(--bg4) !important;
  color: var(--t2) !important;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 700;
}

/* 23. Кнопка добавить в kanban */
html[data-theme="light"] .kanban-add-btn {
  border: 1px dashed rgba(139,120,90,0.30) !important;
  color: var(--t3) !important;
  background: transparent !important;
  border-radius: 8px;
  transition: all 0.2s;
}
html[data-theme="light"] .kanban-add-btn:hover {
  border-color: var(--gold) !important;
  color: var(--gold) !important;
  background: rgba(184,132,26,0.05) !important;
}

/* 24. Chart tooltip */
html[data-theme="light"] .cr-chart__tooltip {
  background: var(--t1) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: var(--shadow-md) !important;
}

/* 25. CR-Detail (детали отчёта по звонку) */
html[data-theme="light"] .cr-detail__mini {
  background: var(--bg3) !important;
  border: 1px solid var(--brd) !important;
}
html[data-theme="light"] .cr-detail__mini-value { color: var(--gold) !important; }
html[data-theme="light"] .cr-detail__mini-label { color: var(--t3) !important; }
html[data-theme="light"] .cr-detail__summary { color: var(--t2) !important; }
html[data-theme="light"] .cr-detail__recs-list li::marker { color: var(--gold) !important; }
html[data-theme="light"] .cr-detail__recs-list li { color: var(--t2) !important; }
html[data-theme="light"] .cr-html-report {
  background: var(--bg3) !important;
  border: 1px solid var(--brd) !important;
}
html[data-theme="light"] .cr-accordion {
  border: 1px solid var(--brd) !important;
}
html[data-theme="light"] .cr-accordion__head {
  background: var(--bg3) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .cr-accordion__head:hover { background: var(--bg4) !important; }
html[data-theme="light"] .cr-accordion__arrow { color: var(--t3) !important; }
html[data-theme="light"] .cr-accordion__content { color: var(--t1) !important; }

/* 26. cr-list (список отчётов) */
html[data-theme="light"] .cr-list {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
}
html[data-theme="light"] .cr-list__row:hover { background: var(--bg3) !important; }
html[data-theme="light"] .cr-list__table th {
  background: var(--bg4) !important;
  color: var(--t2) !important;
}
html[data-theme="light"] .cr-list__table td { color: var(--t1) !important; }
html[data-theme="light"] .cr-badge--monthly {
  background: rgba(139,92,246,0.10) !important;
  color: #7C3AED !important;
}
html[data-theme="light"] .cr-badge--daily {
  background: rgba(26,63,116,0.10) !important;
  color: var(--blue) !important;
}
html[data-theme="light"] .cr-badge--weekly {
  background: rgba(45,106,79,0.10) !important;
  color: var(--ok) !important;
}
html[data-theme="light"] .cr-badge--manual {
  background: rgba(184,132,26,0.10) !important;
  color: var(--gold) !important;
}

/* 27. Worker profile desktop — улучшение */
html[data-theme="light"] .wp-desktop-hero {
  background: linear-gradient(135deg, rgba(26,63,116,0.06) 0%, rgba(184,132,26,0.04) 50%, rgba(168,32,48,0.04) 100%) !important;
  border-bottom: 1px solid var(--brd) !important;
}
html[data-theme="light"] .wp-desktop-name { color: var(--t1) !important; }
html[data-theme="light"] .wp-desktop-role {
  background: rgba(184,132,26,0.10) !important;
  color: var(--gold) !important;
  font-weight: 700 !important;
  border-radius: 20px;
}

/* 28. Approval timeline — правки */
html[data-theme="light"] .approval-timeline-dot {
  background: var(--bg2) !important;
  border: 2px solid var(--brd) !important;
}
html[data-theme="light"] .approval-timeline-dot.active,
html[data-theme="light"] .approval-timeline-dot.done {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
}

/* 29. Gantt — chart bars */
html[data-theme="light"] .cr-gantt-bar {
  box-shadow: var(--shadow-sm) !important;
}
html[data-theme="light"] .cr-gantt-grid-line {
  stroke: rgba(139,120,90,0.10) !important;
}
html[data-theme="light"] .cr-gantt-today-line {
  stroke: rgba(168,32,48,0.40) !important;
}

/* 30. PROCUREMENT.CSS — карточки закупок */
html[data-theme="light"] .tmc-req-card,
html[data-theme="light"] .pass-req-card {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  box-shadow: var(--shadow-sm) !important;
}
html[data-theme="light"] .tmc-req-card:hover,
html[data-theme="light"] .pass-req-card:hover {
  border-color: rgba(184,132,26,0.30) !important;
  box-shadow: var(--shadow-md) !important;
}


/* ── J. ESTIMATE-REPORT — цветовые pill и статусы ── */

/* Cost-bar segments — делаем чуть приглушённее для пергаментного фона */
html[data-theme="light"] .er-costbar__seg--personnel    { filter: saturate(0.85) !important; }
html[data-theme="light"] .er-costbar__seg--current      { filter: saturate(0.85) !important; }
html[data-theme="light"] .er-costbar__seg--travel       { filter: saturate(0.85) !important; }
html[data-theme="light"] .er-costbar__seg--transport    { filter: saturate(0.85) !important; }
html[data-theme="light"] .er-costbar__seg--chemistry    { filter: saturate(0.85) !important; }
html[data-theme="light"] .er-costbar__seg--contingency  { filter: saturate(0.85) !important; }

/* er-card значения */
html[data-theme="light"] .er-card {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  box-shadow: var(--shadow-sm) !important;
}
html[data-theme="light"] .er-card__label { color: var(--t3) !important; }
html[data-theme="light"] .er-card__value { color: var(--t1) !important; }
html[data-theme="light"] .er-card--green .er-card__value {
  color: var(--ok) !important;
}

/* er-wtype badges */
html[data-theme="light"] .er-wtype--HYDRO {
  background: rgba(26,63,116,0.10) !important;
  color: var(--blue) !important;
}
html[data-theme="light"] .er-wtype--ELEC {
  background: rgba(184,132,26,0.10) !important;
  color: var(--gold) !important;
}
html[data-theme="light"] .er-wtype--HVAC {
  background: rgba(45,106,79,0.10) !important;
  color: var(--ok) !important;
}
html[data-theme="light"] .er-wtype--COMBO {
  background: rgba(139,92,246,0.10) !important;
  color: #7C3AED !important;
}

/* er-comment actions */
html[data-theme="light"] .er-comment__action--approve {
  background: rgba(45,106,79,0.10) !important;
  color: var(--ok) !important;
}
html[data-theme="light"] .er-comment__action--question {
  background: rgba(26,63,116,0.10) !important;
  color: var(--blue) !important;
}
html[data-theme="light"] .er-comment__action--resubmit {
  background: rgba(184,132,26,0.10) !important;
  color: var(--gold) !important;
}
html[data-theme="light"] .er-ok-badge {
  background: rgba(45,106,79,0.10) !important;
  color: var(--ok) !important;
}


/* ── K. ФИНАЛЬНЫЕ МИКРО-ДЕТАЛИ — то что замечают профессионалы ── */

/* Placeholder у всех инпутов — warm tone */
html[data-theme="light"] *::placeholder {
  color: var(--t3) !important;
  opacity: 0.7 !important;
}

/* Selection highlight */
html[data-theme="light"] *::selection {
  background: rgba(184,132,26,0.18) !important;
  color: var(--t1) !important;
}

/* Focus outline — убираем стандартный синий */
html[data-theme="light"] *:focus-visible {
  outline: 2px solid rgba(184,132,26,0.40) !important;
  outline-offset: 2px !important;
}
html[data-theme="light"] input:focus-visible,
html[data-theme="light"] textarea:focus-visible,
html[data-theme="light"] select:focus-visible {
  outline: none !important;
}

/* Disabled элементы */
html[data-theme="light"] [disabled],
html[data-theme="light"] :disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
}

/* Divider между секциями sidebar */
html[data-theme="light"] .nav-group + .nav-group {
  border-top: 1px solid var(--brd-m) !important;
}

/* Страница настроек */
html[data-theme="light"] .settings-nav-item:hover {
  background: var(--bg3) !important;
}
html[data-theme="light"] .settings-nav-item.active {
  background: rgba(184,132,26,0.08) !important;
  border-left: 3px solid var(--gold) !important;
  color: var(--gold) !important;
}

/* Всплывающие окна, которые используют фикс background: var(--bg0) */
html[data-theme="light"] [style*="background: var(--bg0)"],
html[data-theme="light"] [style*="background:var(--bg0)"] {
  background: var(--bg2) !important;
  color: var(--t1) !important;
}

/* Inline badge count в навигации */
html[data-theme="light"] .nav-badge {
  background: var(--red) !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}

/* Switch toggle general */
html[data-theme="light"] input[type="checkbox"].toggle-input:checked + .toggle-track {
  background: var(--gold) !important;
}

/* Sortable drag placeholder */
html[data-theme="light"] .sortable-ghost {
  opacity: 0.4 !important;
  background: rgba(184,132,26,0.06) !important;
  border: 2px dashed rgba(184,132,26,0.30) !important;
}

/* File drop zone */
html[data-theme="light"] .drop-zone,
html[data-theme="light"] .dropzone {
  border: 2px dashed var(--brd) !important;
  background: var(--bg3) !important;
  color: var(--t3) !important;
  transition: border-color 0.2s, background 0.2s;
}
html[data-theme="light"] .drop-zone:hover,
html[data-theme="light"] .dropzone:hover,
html[data-theme="light"] .drop-zone.active,
html[data-theme="light"] .dropzone.active {
  border-color: var(--gold) !important;
  background: rgba(184,132,26,0.05) !important;
  color: var(--gold) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════════
   §34. ТЕНДЕРЫ — детальная проработка
   Страница тендеров — одна из главных. Каждый элемент.
   ═══════════════════════════════════════════════════════════════════════════════ */

/* Вкладки Активные / Архив */
html[data-theme="light"] .tender-tabs {
  display: flex;
  gap: 4px;
  border-bottom: 1px solid var(--brd) !important;
  margin-bottom: 16px;
}
html[data-theme="light"] .tender-tab {
  padding: 8px 18px;
  border-radius: 8px 8px 0 0;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  color: var(--t3) !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  transition: color 0.2s, border-color 0.2s, background 0.2s;
}
html[data-theme="light"] .tender-tab:hover {
  color: var(--t1) !important;
  background: var(--bg3) !important;
}
html[data-theme="light"] .tender-tab.active {
  color: var(--gold) !important;
  border-bottom: 2px solid var(--gold) !important;
  background: transparent !important;
}
html[data-theme="light"] .tab-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  background: rgba(168,32,48,0.12) !important;
  color: var(--red) !important;
  font-size: 10px;
  font-weight: 700;
  margin-left: 4px;
}

/* Статусный бейдж в таблице */
html[data-theme="light"] .cr-status-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  border: none !important;
}

/* Мобильная карточка тендера */
html[data-theme="light"] .m-tender-card {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  box-shadow: var(--shadow-sm) !important;
  border-radius: 12px;
  overflow: hidden;
  transition: border-color 0.2s, box-shadow 0.2s, transform 0.15s;
}
html[data-theme="light"] .m-tender-card:hover {
  border-color: rgba(184,132,26,0.35) !important;
  box-shadow: var(--shadow-md) !important;
  transform: translateY(-1px);
}

/* Шапка карточки тендера */
html[data-theme="light"] .m-tc-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px 8px;
  border-bottom: 1px solid var(--brd-m) !important;
  background: var(--bg3) !important;
}
html[data-theme="light"] .m-tc-customer {
  font-size: 12px;
  font-weight: 600;
  color: var(--t2) !important;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
html[data-theme="light"] .m-tc-title {
  font-size: 14px;
  font-weight: 700;
  color: var(--t1) !important;
  padding: 8px 14px 4px;
  line-height: 1.4;
}
html[data-theme="light"] .m-tc-meta {
  padding: 4px 14px 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
}
html[data-theme="light"] .m-tc-field {
  display: flex;
  align-items: baseline;
  gap: 5px;
  font-size: 12px;
}
html[data-theme="light"] .m-tc-label {
  color: var(--t3) !important;
  font-size: 11px;
  font-weight: 500;
}
html[data-theme="light"] .m-tc-price {
  font-weight: 700;
  color: var(--t1) !important;
}
html[data-theme="light"] .m-tc-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 14px 12px;
  border-top: 1px solid var(--brd-m) !important;
  margin-top: 4px;
}
html[data-theme="light"] .m-tc-period {
  font-size: 11px;
  color: var(--t3) !important;
  font-style: italic;
}

/* Статусные бейджи карточки — тёплые, без рамок */
html[data-theme="light"] .m-tc-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 9px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
  border: none !important;
}
html[data-theme="light"] .m-tc-new {
  background: rgba(26,63,116,0.12) !important;
  color: var(--blue) !important;
}
html[data-theme="light"] .m-tc-process,
html[data-theme="light"] .m-tc-estimation {
  background: rgba(184,132,26,0.12) !important;
  color: var(--gold) !important;
}
html[data-theme="light"] .m-tc-won {
  background: rgba(45,106,79,0.12) !important;
  color: var(--ok) !important;
}
html[data-theme="light"] .m-tc-lost,
html[data-theme="light"] .m-tc-archive {
  background: rgba(139,120,90,0.10) !important;
  color: var(--t3) !important;
}
html[data-theme="light"] .m-tc-urgent {
  background: rgba(168,32,48,0.10) !important;
  color: var(--red) !important;
}

/* Инструменты тендерной страницы */
html[data-theme="light"] .m-tender-tools {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  border-radius: 10px;
  padding: 12px;
  box-shadow: var(--shadow-sm) !important;
  margin-bottom: 12px;
}


/* ═══════════════════════════════════════════════════════════════════════════════
   §35. РАБОТЫ / ОБЪЕКТЫ — карточки и таблица
   ═══════════════════════════════════════════════════════════════════════════════ */

/* Мобильная карточка работы */
html[data-theme="light"] .m-work-card {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  box-shadow: var(--shadow-sm) !important;
  border-radius: 12px;
  overflow: hidden;
  transition: border-color 0.2s, box-shadow 0.2s, transform 0.15s;
}
html[data-theme="light"] .m-work-card:hover {
  border-color: rgba(184,132,26,0.35) !important;
  box-shadow: var(--shadow-md) !important;
  transform: translateY(-1px);
}
html[data-theme="light"] .m-wc-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px 8px;
  border-bottom: 1px solid var(--brd-m) !important;
  background: var(--bg3) !important;
}
html[data-theme="light"] .m-wc-customer {
  font-size: 12px;
  font-weight: 600;
  color: var(--t2) !important;
  letter-spacing: 0.3px;
}
html[data-theme="light"] .m-wc-status {
  font-size: 11px;
  font-weight: 600;
  padding: 3px 9px;
  border-radius: 10px;
  border: 1px solid;
}
html[data-theme="light"] .m-wc-title {
  font-size: 14px;
  font-weight: 700;
  color: var(--t1) !important;
  padding: 8px 14px 6px;
  line-height: 1.4;
}
html[data-theme="light"] .m-wc-money {
  padding: 6px 14px 10px;
}
html[data-theme="light"] .m-wc-contract {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}
html[data-theme="light"] .m-wc-label {
  font-size: 11px;
  color: var(--t3) !important;
}
html[data-theme="light"] .m-wc-val {
  font-size: 15px;
  font-weight: 800;
  color: var(--t1) !important;
}
/* Прогресс-бар оплаты — warm gold */
html[data-theme="light"] .m-wc-progress-bar {
  height: 5px;
  background: var(--bg4) !important;
  border-radius: 3px;
  overflow: hidden;
}
html[data-theme="light"] .m-wc-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding: 8px 14px 12px;
  border-top: 1px solid var(--brd-m) !important;
}

/* Статус-пилюля в таблице работ */
html[data-theme="light"] .pill {
  background: var(--bg3) !important;
  border: 1px solid var(--brd) !important;
  color: var(--t2) !important;
}

/* Grafik / Chart area */
html[data-theme="light"] .chart {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  border-radius: 10px;
  box-shadow: var(--shadow-sm) !important;
}
html[data-theme="light"] .asgcanvas {
  border-radius: 6px;
}


/* ═══════════════════════════════════════════════════════════════════════════════
   §36. МИМИР — AI ассистент
   iPhone-оболочка в светлой теме: кремовый экран, золотые акценты.
   ═══════════════════════════════════════════════════════════════════════════════ */

/* Плавающая кнопка — без изменений (она тёмная, это правильно) */
html[data-theme="light"] .mimir-fab {
  box-shadow: var(--shadow-xl) !important;
}
html[data-theme="light"] .mimir-fab-tooltip {
  background: var(--t1) !important;
  color: #fff !important;
}

/* iPhone корпус */
html[data-theme="light"] .mimir-iphone {
  box-shadow: var(--shadow-xl) !important;
}
html[data-theme="light"] .mimir-iphone-body {
  background: #1C1914 !important;
  border: 1px solid rgba(139,120,90,0.15) !important;
}

/* Экран — кремовый */
html[data-theme="light"] .mimir-iphone-screen {
  background: #FDFAF5 !important;
  border: 1.5px solid rgba(139,120,90,0.20) !important;
}
html[data-theme="light"] .mimir-dynamic-island {
  background: #1C1914 !important;
}
html[data-theme="light"] .mimir-status-bar {
  background: #FDFAF5 !important;
  color: var(--t2) !important;
  border-bottom: 1px solid var(--brd-m) !important;
}
html[data-theme="light"] .mimir-status-bar-time {
  color: var(--t1) !important;
  font-weight: 600;
}
html[data-theme="light"] .mimir-status-bar-icons { color: var(--t2) !important; }

/* Сайдбар Мимира */
html[data-theme="light"] .mimir-sidebar {
  background: var(--bg3) !important;
  border-right: 1px solid var(--brd) !important;
}
html[data-theme="light"] .mimir-sidebar-header {
  background: var(--bg3) !important;
  border-bottom: 1px solid var(--brd) !important;
}
html[data-theme="light"] .mimir-sidebar-new {
  background: var(--gold) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px;
  font-weight: 600;
}
html[data-theme="light"] .mimir-sidebar-item {
  color: var(--t1) !important;
  border-bottom: 1px solid var(--brd-m) !important;
  transition: background 0.15s;
}
html[data-theme="light"] .mimir-sidebar-item:hover {
  background: var(--bg4) !important;
}
html[data-theme="light"] .mimir-sidebar-item.active {
  background: rgba(184,132,26,0.10) !important;
  border-left: 3px solid var(--gold) !important;
  color: var(--gold) !important;
}

/* Шапка чата */
html[data-theme="light"] .mimir-chat-header {
  background: var(--bg2) !important;
  border-bottom: 1px solid var(--brd) !important;
}
html[data-theme="light"] .mimir-back-btn {
  color: var(--blue) !important;
  background: transparent !important;
  border: none !important;
}
html[data-theme="light"] .mimir-chat-name {
  color: var(--t1) !important;
  font-weight: 700;
}
html[data-theme="light"] .mimir-chat-subtitle {
  color: var(--t3) !important;
  font-size: 11px;
}

/* Область сообщений */
html[data-theme="light"] .mimir-messages {
  background: #F4EFE6 !important;
}
html[data-theme="light"] .mimir-drop-overlay {
  background: rgba(244,239,230,0.94) !important;
  border: 2px dashed var(--gold) !important;
  color: var(--gold) !important;
}

/* Сообщение пользователя — синее */
html[data-theme="light"] .mimir-msg.user .mimir-msg-content {
  background: var(--blue) !important;
  color: #fff !important;
  border-radius: 16px 16px 4px 16px;
  box-shadow: var(--shadow-sm) !important;
}
/* Сообщение бота — кремовое */
html[data-theme="light"] .mimir-msg.assistant .mimir-msg-content {
  background: var(--bg2) !important;
  color: var(--t1) !important;
  border: 1px solid var(--brd) !important;
  border-radius: 16px 16px 16px 4px;
  box-shadow: var(--shadow-sm) !important;
}
html[data-theme="light"] .mimir-msg-meta {
  color: var(--t3) !important;
  font-size: 10px;
}
html[data-theme="light"] .mimir-msg-bot-avatar {
  background: rgba(184,132,26,0.12) !important;
  border: 1px solid rgba(184,132,26,0.20) !important;
  border-radius: 50%;
}
html[data-theme="light"] .mimir-msg-copy {
  color: var(--t3) !important;
  background: transparent !important;
  border: none !important;
  opacity: 0.6;
}
html[data-theme="light"] .mimir-msg-copy:hover {
  color: var(--gold) !important;
  opacity: 1;
}

/* Стриминг-курсор — золотой */
html[data-theme="light"] .mimir-streaming-cursor {
  background: var(--gold) !important;
  opacity: 0.7;
}

/* Индикатор печатания */
html[data-theme="light"] .mimir-typing-dots {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  border-radius: 16px;
}
html[data-theme="light"] .mimir-typing-dot {
  background: var(--gold) !important;
}

/* Инпут сообщения */
html[data-theme="light"] .mimir-input-area {
  background: var(--bg2) !important;
  border-top: 1px solid var(--brd) !important;
}
html[data-theme="light"] .mimir-input {
  background: var(--bg3) !important;
  border: 1px solid var(--brd) !important;
  color: var(--t1) !important;
  border-radius: 12px;
}
html[data-theme="light"] .mimir-input:focus {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 2px rgba(184,132,26,0.12) !important;
}
html[data-theme="light"] .mimir-plus-btn {
  background: var(--bg3) !important;
  color: var(--t2) !important;
  border: 1px solid var(--brd) !important;
  border-radius: 50%;
}
html[data-theme="light"] .mimir-plus-btn:hover {
  background: var(--bg4) !important;
  border-color: var(--gold) !important;
  color: var(--gold) !important;
}
html[data-theme="light"] .mimir-send-btn {
  background: var(--blue) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50%;
  box-shadow: var(--shadow-sm) !important;
}
html[data-theme="light"] .mimir-send-btn:hover {
  background: var(--blue-h) !important;
  box-shadow: var(--shadow-md) !important;
}

/* Вложения */
html[data-theme="light"] .mimir-attachments { background: transparent !important; }
html[data-theme="light"] .mimir-attachment {
  background: var(--bg3) !important;
  border: 1px solid var(--brd) !important;
  color: var(--t1) !important;
  border-radius: 8px;
}
html[data-theme="light"] .mimir-attachment-remove {
  color: var(--red) !important;
  background: transparent !important;
  border: none !important;
}

/* Welcome-экран с чипами */
html[data-theme="light"] .mimir-welcome { background: transparent !important; }
html[data-theme="light"] .mimir-welcome-icon { filter: none; }
html[data-theme="light"] .mimir-welcome-chip {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  color: var(--t1) !important;
  border-radius: 20px;
  box-shadow: var(--shadow-sm) !important;
  transition: border-color 0.2s, box-shadow 0.2s, transform 0.15s;
}
html[data-theme="light"] .mimir-welcome-chip:hover {
  border-color: var(--gold) !important;
  background: rgba(184,132,26,0.06) !important;
  box-shadow: var(--shadow-md) !important;
  transform: translateY(-1px);
}

/* Результат-таблица */
html[data-theme="light"] .mimir-result-card {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: var(--shadow-sm) !important;
}
html[data-theme="light"] .mimir-result-card table th {
  background: var(--bg4) !important;
  color: var(--t2) !important;
  border-color: var(--brd) !important;
}
html[data-theme="light"] .mimir-result-card table td {
  background: var(--bg2) !important;
  color: var(--t1) !important;
  border-color: var(--brd-m) !important;
}

/* Блок мудрости */
html[data-theme="light"] .mimir-wisdom {
  background: rgba(184,132,26,0.06) !important;
  border-top: 1px solid rgba(184,132,26,0.15) !important;
  color: var(--t3) !important;
  font-style: italic;
  font-size: 11px;
}

/* Code-блок */
html[data-theme="light"] .mimir-code {
  background: var(--bg4) !important;
  border: 1px solid var(--brd) !important;
  color: var(--t1) !important;
  border-radius: 8px;
}

/* Home indicator */
html[data-theme="light"] .mimir-home-indicator {
  background: var(--t3) !important;
  opacity: 0.4;
}


/* ═══════════════════════════════════════════════════════════════════════════════
   §37. ГЕЙМИФИКАЦИЯ — Лидерборд, Турнир, CRUD
   Каждый элемент геймификации адаптирован под Soldag.
   ═══════════════════════════════════════════════════════════════════════════════ */

/* Обёртка */
html[data-theme="light"] .gl-wrap { /* max-width уже в JS */ }

/* Карточка-контейнер */
html[data-theme="light"] .gl-card {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  border-radius: 14px;
  box-shadow: var(--shadow-md) !important;
}

/* Вкладки Рейтинг / Турнир */
html[data-theme="light"] .gl-tab {
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  border: none !important;
  border-radius: 10px;
  transition: all 0.2s;
}
html[data-theme="light"] .gl-tab.active {
  background: var(--gold) !important;
  color: #fff !important;
  box-shadow: var(--shadow-sm) !important;
}
html[data-theme="light"] .gl-tab:not(.active) {
  background: var(--bg3) !important;
  color: var(--t2) !important;
}
html[data-theme="light"] .gl-tab:not(.active):hover {
  background: var(--bg4) !important;
  color: var(--t1) !important;
}

/* Кнопки сортировки */
html[data-theme="light"] .gl-sort {
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  border-radius: 8px;
  transition: all 0.2s;
}

/* Строка рейтинга */
html[data-theme="light"] .gl-row {
  border-radius: 12px;
  transition: background 0.15s;
}
html[data-theme="light"] .gl-row:hover {
  background: var(--bg3) !important;
}
html[data-theme="light"] .gl-row.self {
  background: rgba(184,132,26,0.08) !important;
  border: 1.5px solid rgba(184,132,26,0.25) !important;
}
/* Топ-1 — золотое мерцание (animation остаётся из JS CSS) */
html[data-theme="light"] .gl-row.top1 {
  background: rgba(184,132,26,0.06) !important;
}

/* Аватар в рейтинге */
html[data-theme="light"] .gl-avatar {
  border-radius: 50%;
}

/* Прогресс-бар в рейтинге */
html[data-theme="light"] .gl-bar {
  background: var(--bg4) !important;
  border-radius: 4px;
}
html[data-theme="light"] .gl-bar-fill {
  background: linear-gradient(90deg, var(--gold), #f59e0b) !important;
}

/* Матч турнира */
html[data-theme="light"] .gl-match {
  background: var(--bg3) !important;
  border: 1px solid var(--brd) !important;
  border-radius: 8px;
}
html[data-theme="light"] .gl-match-row {
  color: var(--t1) !important;
  border-bottom: 1px solid var(--brd-m) !important;
}
html[data-theme="light"] .gl-match-row.winner {
  background: rgba(184,132,26,0.10) !important;
  border-left: 2px solid var(--gold) !important;
  color: var(--gold) !important;
  font-weight: 700;
}

/* Пьедестал */
html[data-theme="light"] .gl-podium {
  background: transparent !important;
}

/* CRUD геймификации */
html[data-theme="light"] .gd-card-body {
  background: var(--bg2) !important;
  border-top: 1px solid var(--brd-m) !important;
  color: var(--t1) !important;
}

/* Shop и Quest кнопки в CRUD */
html[data-theme="light"] .gc-edit-shop,
html[data-theme="light"] .gc-edit-quest {
  background: transparent !important;
  border: 1px solid var(--brd) !important;
  color: var(--t2) !important;
  border-radius: 8px;
  transition: border-color 0.2s, color 0.2s;
}
html[data-theme="light"] .gc-edit-shop:hover,
html[data-theme="light"] .gc-edit-quest:hover {
  border-color: var(--gold) !important;
  color: var(--gold) !important;
}
html[data-theme="light"] .gc-del-shop,
html[data-theme="light"] .gc-del-quest {
  background: transparent !important;
  border: 1px solid rgba(168,32,48,0.25) !important;
  color: var(--red) !important;
  border-radius: 8px;
  transition: background 0.2s, border-color 0.2s;
}
html[data-theme="light"] .gc-del-shop:hover,
html[data-theme="light"] .gc-del-quest:hover {
  background: rgba(168,32,48,0.06) !important;
  border-color: var(--red) !important;
}
html[data-theme="light"] .gc-row {
  border-bottom: 1px solid var(--brd-m) !important;
}
html[data-theme="light"] .gc-row:hover { background: var(--bg3) !important; }


/* ═══════════════════════════════════════════════════════════════════════════════
   §38. ТЕЛЕФОНИЯ — mango.js
   Виджет приёма звонков, попап входящего звонка.
   ═══════════════════════════════════════════════════════════════════════════════ */

/* Виджет переключения */
html[data-theme="light"] .call-toggle-widget {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  border-radius: 12px;
  box-shadow: var(--shadow-sm) !important;
}
html[data-theme="light"] .call-toggle-header {
  color: var(--t1) !important;
}
html[data-theme="light"] .call-toggle-icon { font-size: 18px; }
html[data-theme="light"] .call-toggle-label {
  color: var(--t1) !important;
  font-weight: 600;
}
html[data-theme="light"] .call-toggle-hint {
  color: var(--t3) !important;
  font-size: 11px;
}
html[data-theme="light"] .call-toggle-status {
  color: var(--t3) !important;
  font-size: 12px;
}
html[data-theme="light"] .call-toggle-status.active {
  color: var(--ok) !important;
  font-weight: 600;
}

/* Тумблер */
html[data-theme="light"] .call-toggle-switch {
  position: relative;
  display: inline-block;
}
html[data-theme="light"] .call-toggle-slider {
  background: var(--bg4) !important;
  border-radius: 20px;
  transition: background 0.3s;
}
html[data-theme="light"] input:checked + .call-toggle-slider {
  background: var(--ok) !important;
}

/* Попап входящего звонка — важный элемент, должен быть заметен */
html[data-theme="light"] .incoming-call-popup {
  background: var(--bg2) !important;
  border: 2px solid var(--gold) !important;
  border-radius: 18px;
  box-shadow: var(--shadow-xl) !important;
}
html[data-theme="light"] .call-popup-content { color: var(--t1) !important; }
html[data-theme="light"] .call-popup-header {
  border-bottom: 1px solid var(--brd) !important;
  background: var(--bg3) !important;
  border-radius: 16px 16px 0 0;
}
html[data-theme="light"] .call-avatar {
  background: rgba(26,63,116,0.10) !important;
  border: 2px solid rgba(26,63,116,0.20) !important;
  border-radius: 50%;
  font-size: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[data-theme="light"] .call-title {
  font-size: 13px;
  color: var(--t3) !important;
}
html[data-theme="light"] .call-number {
  font-size: 20px;
  font-weight: 800;
  color: var(--t1) !important;
}
html[data-theme="light"] .call-name {
  font-size: 14px;
  color: var(--t2) !important;
}
html[data-theme="light"] .call-customer {
  background: rgba(26,63,116,0.06) !important;
  border-radius: 10px;
  padding: 8px 12px;
  margin: 8px 0;
}
html[data-theme="light"] .call-customer-label {
  font-size: 11px;
  color: var(--t3) !important;
}
html[data-theme="light"] .call-customer-name {
  font-weight: 700;
  color: var(--t1) !important;
}

/* Кнопки звонка */
html[data-theme="light"] .call-accept {
  background: var(--ok) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50px;
  font-weight: 700;
  box-shadow: 0 4px 12px rgba(45,106,79,0.25) !important;
}
html[data-theme="light"] .call-accept:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}
html[data-theme="light"] .call-reject {
  background: var(--red) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50px;
  font-weight: 700;
  box-shadow: 0 4px 12px rgba(168,32,48,0.25) !important;
}
html[data-theme="light"] .call-reject:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}
html[data-theme="light"] .call-timer {
  font-size: 18px;
  font-weight: 700;
  color: var(--gold) !important;
  font-variant-numeric: tabular-nums;
}


/* ═══════════════════════════════════════════════════════════════════════════════
   §39. ОТЧЁТЫ ПО ЗВОНКАМ (call_reports.js)
   cr-* классы: метрики, график, таблица сотрудников.
   ═══════════════════════════════════════════════════════════════════════════════ */

html[data-theme="light"] .cr-page { color: var(--t1) !important; }
html[data-theme="light"] .cr-header {
  background: var(--bg2) !important;
  border-bottom: 1px solid var(--brd) !important;
}

/* Кнопки периода */
html[data-theme="light"] .cr-period {
  background: var(--bg3) !important;
  border: 1px solid var(--brd) !important;
  border-radius: 10px;
  overflow: hidden;
}
html[data-theme="light"] .cr-period-btn {
  background: transparent !important;
  color: var(--t2) !important;
  border: none !important;
  font-weight: 500;
  transition: background 0.15s, color 0.15s;
}
html[data-theme="light"] .cr-period-btn:hover {
  background: var(--bg4) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .cr-period-btn--active {
  background: var(--gold) !important;
  color: #fff !important;
  font-weight: 700;
}

/* fk-кнопки (используются в call_reports и field) */
html[data-theme="light"] .fk-btn {
  background: var(--bg3) !important;
  border: 1px solid var(--brd) !important;
  color: var(--t1) !important;
  border-radius: 8px;
  font-weight: 500;
  transition: all 0.15s;
}
html[data-theme="light"] .fk-btn:hover {
  background: var(--bg4) !important;
  border-color: rgba(139,120,90,0.40) !important;
}
html[data-theme="light"] .fk-btn--ghost {
  background: transparent !important;
  border: 1px solid var(--brd) !important;
  color: var(--t2) !important;
}
html[data-theme="light"] .fk-btn--ghost:hover {
  background: var(--bg3) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .fk-btn--primary {
  background: var(--blue) !important;
  border: none !important;
  color: #fff !important;
}
html[data-theme="light"] .fk-btn--primary:hover {
  background: var(--blue-h) !important;
  box-shadow: var(--shadow-sm) !important;
}

/* Скелетон */
html[data-theme="light"] .cr-skeleton,
html[data-theme="light"] .cr-skeleton--card,
html[data-theme="light"] .cr-skeleton--chart,
html[data-theme="light"] .cr-skeleton--row {
  background: linear-gradient(90deg, var(--bg3) 25%, var(--bg4) 50%, var(--bg3) 75%) !important;
  background-size: 200% 100% !important;
  border-radius: 8px;
}

/* Метрика-карточка — WOW card */
html[data-theme="light"] .cr-metric,
html[data-theme="light"] .cr-wow-card {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  border-radius: 14px;
  box-shadow: var(--shadow-sm) !important;
  color: var(--t1) !important;
  transition: box-shadow 0.2s, border-color 0.2s;
}
html[data-theme="light"] .cr-metric:hover,
html[data-theme="light"] tr.cr-wow-card:hover {
  border-color: rgba(184,132,26,0.30) !important;
  box-shadow: var(--shadow-md) !important;
}

/* Иконка метрики */
html[data-theme="light"] .cr-metric__icon { color: var(--gold) !important; }
html[data-theme="light"] .cr-metric__icon--missed { color: var(--red) !important; }
html[data-theme="light"] .cr-metric__icon--answered,
html[data-theme="light"] .cr-metric__icon--success { color: var(--ok) !important; }
html[data-theme="light"] .cr-metric__icon--pending { color: var(--blue) !important; }

html[data-theme="light"] .cr-metric__value {
  font-size: 32px;
  font-weight: 800;
  color: var(--t1) !important;
  font-variant-numeric: tabular-nums;
}
html[data-theme="light"] .cr-metric__label {
  color: var(--t2) !important;
  font-size: 12px;
}

/* Инсайт Мимира в отчёте */
html[data-theme="light"] .cr-insight {
  background: rgba(184,132,26,0.06) !important;
  border: 1px solid rgba(184,132,26,0.18) !important;
  border-radius: 14px;
}
html[data-theme="light"] .cr-insight__title {
  color: var(--gold) !important;
  font-weight: 700;
}
html[data-theme="light"] .cr-insight__text { color: var(--t1) !important; }

/* График */
html[data-theme="light"] .cr-chart {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  border-radius: 14px;
  box-shadow: var(--shadow-sm) !important;
}
html[data-theme="light"] .cr-chart__title {
  color: var(--t1) !important;
  font-weight: 700;
}
html[data-theme="light"] .cr-chart__axis-label { fill: var(--t3) !important; }
html[data-theme="light"] .cr-chart__grid-line { stroke: rgba(139,120,90,0.12) !important; }
html[data-theme="light"] .cr-chart__legend { color: var(--t2) !important; }
html[data-theme="light"] .cr-chart__legend-dot--total { background: var(--blue) !important; }
html[data-theme="light"] .cr-chart__legend-dot--target { background: var(--ok) !important; }
html[data-theme="light"] .cr-chart__legend-dot--missed { background: var(--red) !important; }

/* Таблица сотрудников */
html[data-theme="light"] .cr-employees {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  border-radius: 14px;
  box-shadow: var(--shadow-sm) !important;
}
html[data-theme="light"] .cr-employees__title {
  color: var(--t1) !important;
  font-weight: 700;
  border-bottom: 1px solid var(--brd) !important;
}
html[data-theme="light"] .cr-employees__table th {
  color: var(--t2) !important;
  background: var(--bg3) !important;
}
html[data-theme="light"] .cr-employees__rank {
  background: var(--bg4) !important;
  color: var(--t2) !important;
  border-radius: 50%;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
/* Топ-3 ранги */
html[data-theme="light"] .cr-employees__rank--1 {
  background: #D4A843 !important;
  color: #fff !important;
}
html[data-theme="light"] .cr-employees__rank--2 {
  background: #9BA1A8 !important;
  color: #fff !important;
}
html[data-theme="light"] .cr-employees__rank--3 {
  background: #CD7F32 !important;
  color: #fff !important;
}
html[data-theme="light"] .cr-employees__bar {
  background: var(--bg4) !important;
  border-radius: 4px;
  overflow: hidden;
}
html[data-theme="light"] .cr-employees__bar-fill--total { background: var(--blue) !important; }
html[data-theme="light"] .cr-employees__bar-fill--target { background: var(--ok) !important; }
html[data-theme="light"] .cr-employees__bar-fill--missed { background: var(--red) !important; }

html[data-theme="light"] .cr-list__empty { color: var(--t3) !important; }


/* ═══════════════════════════════════════════════════════════════════════════════
   §40. ПОЛЕВОЙ МОДУЛЬ (field-tab.js)
   fk-table, подотчёты, листы сборки, маршруты, выплаты.
   ═══════════════════════════════════════════════════════════════════════════════ */

/* Таблицы полевого модуля */
html[data-theme="light"] .fk-table {
  width: 100%;
  border-collapse: collapse;
}
html[data-theme="light"] .fk-table th {
  background: var(--bg4) !important;
  color: var(--t2) !important;
  border-bottom: 1px solid var(--brd) !important;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  padding: 8px 10px;
}
html[data-theme="light"] .fk-table td {
  background: var(--bg2) !important;
  color: var(--t1) !important;
  border-bottom: 1px solid var(--brd-m) !important;
  padding: 8px 10px;
  font-size: 12px;
}
html[data-theme="light"] .fk-table tbody tr:nth-child(odd) td {
  background: #F8F4EC !important;
}
html[data-theme="light"] .fk-table tbody tr:hover td {
  background: var(--bg3) !important;
}
html[data-theme="light"] .fk-table-small th,
html[data-theme="light"] .fk-table-small td { font-size: 11px; }

/* CR-Form chips в полевом модуле */
html[data-theme="light"] .cr-f-field { color: var(--t1) !important; }
html[data-theme="light"] .cr-f-label { color: var(--t2) !important; font-weight: 500; }
html[data-theme="light"] .cr-f-chip {
  background: var(--bg3) !important;
  border: 1px solid var(--brd) !important;
  color: var(--t2) !important;
  border-radius: 8px;
  transition: all 0.15s;
}
html[data-theme="light"] .cr-f-chip:hover {
  border-color: var(--gold) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .cr-f-chip--active {
  background: rgba(184,132,26,0.10) !important;
  border-color: var(--gold) !important;
  color: var(--gold) !important;
  font-weight: 600;
}

/* Gantt модальный блок */
html[data-theme="light"] .cr-gantt-modal-body {
  background: var(--bg2) !important;
  color: var(--t1) !important;
}

/* Iframe предпросмотра файла */
html[data-theme="light"] .cr-file-preview-frame {
  border: 1px solid var(--brd) !important;
  border-radius: 8px;
  background: var(--bg2) !important;
}
html[data-theme="light"] .cr-file-preview-img-wrap {
  background: var(--bg3) !important;
  border-radius: 8px;
}


/* ═══════════════════════════════════════════════════════════════════════════════
   §41. HR — Запросы на персонал, рейтинг
   sr-* классы: таблица выбора сотрудников, роли, статусы.
   ═══════════════════════════════════════════════════════════════════════════════ */

/* Статусная пилюля */
html[data-theme="light"] .sr-status-pill {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  border: none !important;
}
html[data-theme="light"] .sr-badge--sent {
  background: rgba(26,63,116,0.10) !important;
  color: var(--blue) !important;
}
html[data-theme="light"] .sr-badge--answered {
  background: rgba(184,132,26,0.10) !important;
  color: var(--gold) !important;
}
html[data-theme="light"] .sr-badge--approved {
  background: rgba(45,106,79,0.10) !important;
  color: var(--ok) !important;
}
html[data-theme="light"] .sr-badge--rework {
  background: rgba(168,32,48,0.10) !important;
  color: var(--red) !important;
}

/* Аватар сотрудника — цветные по хэшу */
html[data-theme="light"] .sr-avatar {
  border-radius: 50%;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
}
/* Уменьшить яркость цветных аватаров в светлой теме */
html[data-theme="light"] [class^="sr-avatar--c"] {
  filter: saturate(0.75) brightness(0.88) !important;
}

/* Таблица выбора сотрудников */
html[data-theme="light"] .sr-emp-table-wrap {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: var(--shadow-sm) !important;
}
html[data-theme="light"] .sr-emp-table {
  width: 100%;
  border-collapse: collapse;
}
html[data-theme="light"] .sr-emp-table th {
  background: var(--bg4) !important;
  color: var(--t2) !important;
  border-bottom: 1px solid var(--brd) !important;
  font-size: 11px;
  font-weight: 600;
  padding: 8px 10px;
}
html[data-theme="light"] .sr-emp-row {
  border-bottom: 1px solid var(--brd-m) !important;
  transition: background 0.15s;
}
html[data-theme="light"] .sr-emp-row:hover { background: var(--bg3) !important; }
html[data-theme="light"] .sr-emp-row.selected {
  background: rgba(184,132,26,0.08) !important;
  border-left: 3px solid var(--gold) !important;
}
html[data-theme="light"] .sr-td-name { color: var(--t1) !important; font-weight: 600; }
html[data-theme="light"] .sr-td-pos { color: var(--t2) !important; font-size: 12px; }
html[data-theme="light"] .sr-td-city { color: var(--t3) !important; font-size: 12px; }
html[data-theme="light"] .sr-td-rat { font-weight: 700; }
html[data-theme="light"] .sr-td-ph { color: var(--t2) !important; font-size: 12px; }

/* Группа ролей */
html[data-theme="light"] .sr-role-group {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  border-radius: 10px;
  box-shadow: var(--shadow-sm) !important;
  overflow: hidden;
  margin-bottom: 12px;
}
html[data-theme="light"] .sr-role-header {
  background: var(--bg3) !important;
  border-bottom: 1px solid var(--brd) !important;
  border-left: 3px solid var(--gold) !important;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 6px;
}
html[data-theme="light"] .sr-role-name {
  color: var(--t1) !important;
  font-weight: 700;
}
html[data-theme="light"] .sr-role-need {
  color: var(--t3) !important;
  font-size: 12px;
}
html[data-theme="light"] .sr-role-picked {
  color: var(--gold) !important;
  font-size: 12px;
  font-weight: 600;
}
html[data-theme="light"] .sr-empty-hint {
  color: var(--t3) !important;
  font-style: italic;
  text-align: center;
  padding: 24px;
}

/* Ячейки вахта */
html[data-theme="light"] .sr-td-vachta { color: var(--t2) !important; }


/* ═══════════════════════════════════════════════════════════════════════════════
   §42. ХУГИНН — детальная доработка чата
   Дополняет §23. Реакции, вложения, статусы доставки.
   ═══════════════════════════════════════════════════════════════════════════════ */

/* Список чатов — более детально */
html[data-theme="light"] .chat-item {
  border-bottom: 1px solid var(--brd-m) !important;
  color: var(--t1) !important;
  transition: background 0.15s;
}
html[data-theme="light"] .chat-item.active {
  background: rgba(184,132,26,0.09) !important;
  border-left: 3px solid var(--gold) !important;
}
html[data-theme="light"] .chat-item-name {
  color: var(--t1) !important;
  font-weight: 600;
}
html[data-theme="light"] .chat-item-preview {
  color: var(--t3) !important;
  font-size: 12px;
}
html[data-theme="light"] .chat-item-time { color: var(--t3) !important; font-size: 11px; }
html[data-theme="light"] .chat-unread-badge {
  background: var(--red) !important;
  color: #fff !important;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 700;
}

/* Аватары в чате */
html[data-theme="light"] .chat-avatar,
html[data-theme="light"] .msg-avatar {
  border: 2px solid var(--bg1) !important;
}

/* Реакции на сообщения */
html[data-theme="light"] .msg-reaction,
html[data-theme="light"] .chat-reaction {
  background: var(--bg3) !important;
  border: 1px solid var(--brd) !important;
  border-radius: 12px;
  color: var(--t1) !important;
  font-size: 12px;
  transition: border-color 0.15s, background 0.15s;
}
html[data-theme="light"] .msg-reaction:hover,
html[data-theme="light"] .chat-reaction:hover {
  border-color: var(--gold) !important;
  background: rgba(184,132,26,0.08) !important;
}
html[data-theme="light"] .msg-reaction.active,
html[data-theme="light"] .chat-reaction.active {
  background: rgba(184,132,26,0.12) !important;
  border-color: var(--gold) !important;
  color: var(--gold) !important;
}

/* Вложения в сообщениях */
html[data-theme="light"] .msg-attachment,
html[data-theme="light"] .chat-attachment {
  background: var(--bg3) !important;
  border: 1px solid var(--brd) !important;
  border-radius: 10px;
  color: var(--t1) !important;
  transition: border-color 0.15s;
}
html[data-theme="light"] .msg-attachment:hover,
html[data-theme="light"] .chat-attachment:hover {
  border-color: var(--gold) !important;
}

/* Статус доставки */
html[data-theme="light"] .msg-status,
html[data-theme="light"] .chat-status { color: var(--t3) !important; }
html[data-theme="light"] .msg-status--read,
html[data-theme="light"] .chat-status--read { color: var(--blue) !important; }

/* Форма ввода — расширенная */
html[data-theme="light"] .chat-input-toolbar {
  background: var(--bg3) !important;
  border-top: 1px solid var(--brd-m) !important;
}
html[data-theme="light"] .chat-input-toolbar-btn {
  color: var(--t3) !important;
  background: transparent !important;
  border: none !important;
  border-radius: 8px;
  transition: color 0.15s, background 0.15s;
}
html[data-theme="light"] .chat-input-toolbar-btn:hover {
  color: var(--gold) !important;
  background: rgba(184,132,26,0.08) !important;
}

/* Системное сообщение */
html[data-theme="light"] .msg-system,
html[data-theme="light"] .chat-system-msg {
  color: var(--t3) !important;
  background: transparent !important;
  text-align: center;
  font-size: 12px;
  font-style: italic;
}

/* Reply bar */
html[data-theme="light"] .chat-reply-bar {
  background: rgba(184,132,26,0.06) !important;
  border-left: 3px solid var(--gold) !important;
  color: var(--t2) !important;
}
html[data-theme="light"] .chat-reply-bar-name { color: var(--gold) !important; font-weight: 600; }
html[data-theme="light"] .chat-reply-bar-text { color: var(--t3) !important; font-size: 12px; }


/* ═══════════════════════════════════════════════════════════════════════════════
   §43. ПРОСЧЁТЫ / СМЕТЫ — детально
   Estimate-report уже в §28, здесь — страница списка смет.
   ═══════════════════════════════════════════════════════════════════════════════ */

html[data-theme="light"] .est-card {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  box-shadow: var(--shadow-sm) !important;
  border-radius: 12px;
  transition: border-color 0.2s, box-shadow 0.2s, transform 0.15s;
}
html[data-theme="light"] .est-card:hover {
  border-color: rgba(184,132,26,0.35) !important;
  box-shadow: var(--shadow-md) !important;
  transform: translateY(-1px);
}
html[data-theme="light"] .est-card-header {
  border-bottom: 1px solid var(--brd-m) !important;
  background: var(--bg3) !important;
  border-radius: 12px 12px 0 0;
}
html[data-theme="light"] .est-card-title {
  color: var(--t1) !important;
  font-weight: 700;
}
html[data-theme="light"] .est-card-meta { color: var(--t2) !important; font-size: 12px; }
html[data-theme="light"] .est-status-badge {
  border: none !important;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
}

/* Estimate report — дополнительные элементы */
html[data-theme="light"] .er-section-title {
  color: var(--gold) !important;
  border-bottom: 1px solid rgba(184,132,26,0.20) !important;
  padding-bottom: 6px;
  font-weight: 700;
}
html[data-theme="light"] .er-total-row td {
  font-weight: 700;
  background: rgba(184,132,26,0.06) !important;
  border-top: 2px solid rgba(184,132,26,0.20) !important;
}
html[data-theme="light"] .er-category-header {
  background: var(--bg4) !important;
  color: var(--t1) !important;
  font-weight: 600;
}
html[data-theme="light"] .er-status--draft {
  background: var(--bg4) !important;
  color: var(--t3) !important;
}
html[data-theme="light"] .er-status--review {
  background: rgba(26,63,116,0.10) !important;
  color: var(--blue) !important;
}
html[data-theme="light"] .er-status--approved {
  background: rgba(45,106,79,0.10) !important;
  color: var(--ok) !important;
}
html[data-theme="light"] .er-status--rework {
  background: rgba(168,32,48,0.10) !important;
  color: var(--red) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════════
   §44. ФИНАЛЬНЫЙ АУДИТ — Premium Polish & Bug Fixes
   Устранение хардкодных цветов, анимационных конфликтов, микро-детали.
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ─── §44-A: cr-metric — убираем неоновую рамку ::before ─── */
html[data-theme="light"] .cr-metric::before {
  opacity: 0 !important;
}
html[data-theme="light"] .cr-metric {
  box-shadow: 2px 3px 0 rgba(0,0,0,0.04), 0 1px 6px rgba(0,0,0,0.06) !important;
  border: 1px solid var(--brd) !important;
}
html[data-theme="light"] .cr-metric:hover {
  box-shadow: 3px 4px 0 rgba(184,132,26,0.12), 0 2px 10px rgba(0,0,0,0.08) !important;
  border-color: rgba(184,132,26,0.30) !important;
}

/* ─── §44-B: cr-select — золотой фокус вместо #5b8def ─── */
html[data-theme="light"] .cr-select:focus,
html[data-theme="light"] .cr-select:focus-visible {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 3px rgba(184,132,26,0.18) !important;
  outline: none !important;
}
html[data-theme="light"] .cr-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23B8841A' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
}

/* ─── §44-C: cr-emp-picker — золотой выбранный ряд ─── */
html[data-theme="light"] .cr-emp-picker__row--sel,
html[data-theme="light"] .cr-emp-picker__row--sel:hover {
  background: rgba(184,132,26,0.10) !important;
  border-left: 3px solid var(--gold) !important;
}
html[data-theme="light"] .cr-emp-picker__search:focus {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 3px rgba(184,132,26,0.15) !important;
}

/* ─── §44-D: cr-modal — тёплая рамка (не прозрачная) ─── */
html[data-theme="light"] .cr-modal,
html[data-theme="light"] .cr-dialog,
html[data-theme="light"] [class*="cr-m "],
html[data-theme="light"] [class^="cr-m"] {
  border: 1px solid var(--brd) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.06) !important;
}
html[data-theme="light"] .cr-modal__header,
html[data-theme="light"] .cr-dialog__header {
  border-bottom: 1px solid var(--brd) !important;
  background: var(--bg3) !important;
}
html[data-theme="light"] .cr-modal__footer,
html[data-theme="light"] .cr-dialog__footer {
  border-top: 1px solid var(--brd) !important;
  background: var(--bg3) !important;
}

/* ─── §44-E: my-mail — золотые акценты вместо синих ─── */
html[data-theme="light"] .my-mail__item--active,
html[data-theme="light"] .my-mail__item.active {
  background: rgba(184,132,26,0.08) !important;
  border-left: 3px solid var(--gold) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .my-mail__item:hover {
  background: var(--bg4) !important;
}
html[data-theme="light"] .my-mail__unread-dot {
  background: var(--gold) !important;
}
html[data-theme="light"] .my-mail__tag--primary {
  background: rgba(184,132,26,0.12) !important;
  color: var(--gold) !important;
}

/* ─── §44-F: Глобальное подавление анимаций (неоновых) ─── */
/* Убиваем все анимации типа goldenGlow, countFlash, borderPulse */
html[data-theme="light"] *,
html[data-theme="light"] *::before,
html[data-theme="light"] *::after {
  animation-name: none !important;
}
/* Восстанавливаем нужные анимации */
html[data-theme="light"] .cr-shimmer,
html[data-theme="light"] .cr-shimmer::after {
  animation-name: cr-shimmer !important;
}
html[data-theme="light"] [class*="cr-slide"],
html[data-theme="light"] .cr-slideUp {
  animation-name: cr-slideUp !important;
}
html[data-theme="light"] .gl-row-in,
html[data-theme="light"] .gl-row-in > * {
  animation-name: gl-row-in !important;
}
html[data-theme="light"] .mimir-streaming-cursor {
  animation-name: blink !important;
}
html[data-theme="light"] .asgard-splash__logo {
  animation-name: asgard-splash-float !important;
}
html[data-theme="light"] .asgard-splash__rune {
  animation-name: asgard-splash-spin !important;
}
html[data-theme="light"] .cr-spinner,
html[data-theme="light"] .spinner,
html[data-theme="light"] [class*="spin"] {
  animation-name: spin !important;
}
html[data-theme="light"] .cr-path-draw {
  animation-name: cr-pathDraw !important;
}

/* ─── §44-G: Утилиты текста ─── */
html[data-theme="light"] .text-muted,
html[data-theme="light"] .muted {
  color: var(--t3) !important;
}
html[data-theme="light"] .help-text,
html[data-theme="light"] .form-hint {
  color: var(--t3) !important;
  font-size: 12px;
}
html[data-theme="light"] .dot--online { background: var(--ok) !important; }
html[data-theme="light"] .dot--busy   { background: var(--gold) !important; }
html[data-theme="light"] .dot--offline { background: var(--t3) !important; }

/* ─── §44-H: Welcome — левая панель «АСГАРД» ─── */
html[data-theme="light"] .welcome-page::before {
  background:
    radial-gradient(ellipse 60% 40% at 30% 35%, rgba(184,132,26,0.12) 0%, transparent 65%),
    radial-gradient(ellipse 50% 60% at 70% 70%, rgba(168,32,48,0.08) 0%, transparent 60%),
    radial-gradient(ellipse 80% 80% at 50% 50%, rgba(26,63,116,0.05) 0%, transparent 70%),
    linear-gradient(160deg, #1A0A0F 0%, #0D1117 40%, #0A1828 100%) !important;
}
html[data-theme="light"] .welcome-page::after {
  content: 'ASGARD' !important;
  position: fixed !important;
  left: 0 !important;
  top: 50% !important;
  width: 42% !important;
  transform: translateY(-50%) !important;
  font-family: 'Cinzel', 'Trajan Pro', serif !important;
  font-size: clamp(60px, 8vw, 96px) !important;
  font-weight: 700 !important;
  letter-spacing: 0.25em !important;
  color: rgba(212,168,67,0.08) !important;
  text-align: center !important;
  writing-mode: horizontal-tb !important;
  pointer-events: none !important;
  z-index: 0 !important;
  white-space: nowrap !important;
}

/* ─── §44-I: Премиум детали интерфейса ─── */

/* Топбар: тонкая нижняя тень */
html[data-theme="light"] .topbar,
html[data-theme="light"] .cr-topbar,
html[data-theme="light"] header.main-header {
  box-shadow: 0 1px 0 var(--brd), 0 2px 8px rgba(0,0,0,0.04) !important;
}

/* Карточки: золотое кольцо при hover */
html[data-theme="light"] .cr-card:hover,
html[data-theme="light"] .panel:hover,
html[data-theme="light"] .card:hover {
  outline: 1.5px solid rgba(184,132,26,0.20) !important;
  box-shadow: 2px 4px 0 rgba(184,132,26,0.08), 0 2px 12px rgba(0,0,0,0.07) !important;
}

/* Section заголовки: золотая левая полоса */
html[data-theme="light"] .section-title,
html[data-theme="light"] .cr-section-title,
html[data-theme="light"] h3.page-title {
  position: relative !important;
  padding-left: 14px !important;
}
html[data-theme="light"] .section-title::before,
html[data-theme="light"] .cr-section-title::before,
html[data-theme="light"] h3.page-title::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 3px !important;
  background: linear-gradient(180deg, var(--gold) 0%, rgba(184,132,26,0.3) 100%) !important;
  border-radius: 2px !important;
  animation-name: none !important;
}

/* Tabs: золотая нижняя линия активного */
html[data-theme="light"] .cr-tab--active::after,
html[data-theme="light"] .tab--active::after,
html[data-theme="light"] .nav-tab.active::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  bottom: -1px !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: var(--gold) !important;
  animation-name: none !important;
}

/* KPI: вертикальный разделитель */
html[data-theme="light"] .kpi-row .cr-kpi + .cr-kpi,
html[data-theme="light"] .kpi-group .kpi + .kpi {
  border-left: 1px solid var(--brd) !important;
}

/* Таблицы: заглавные буквы в шапке */
html[data-theme="light"] table thead th,
html[data-theme="light"] .cr-table thead th {
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--t2) !important;
}

/* HR-линия: золотое затухание */
html[data-theme="light"] hr,
html[data-theme="light"] .divider {
  border: none !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent 0%, var(--brd) 20%, var(--brd) 80%, transparent 100%) !important;
}

/* Прогресс-бар: золотой градиент */
html[data-theme="light"] .cr-progress__fill,
html[data-theme="light"] .progress-bar,
html[data-theme="light"] [class*="progress-fill"] {
  background: linear-gradient(90deg, var(--gold) 0%, #D4A843 100%) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .cr-progress,
html[data-theme="light"] .progress-track {
  background: var(--bg4) !important;
  border-radius: 4px !important;
}

/* Канбан-колонки */
html[data-theme="light"] .kanban-col,
html[data-theme="light"] .kanban-column {
  background: var(--bg3) !important;
  border: 1px solid var(--brd) !important;
  border-radius: 8px !important;
}
html[data-theme="light"] .kanban-col__header,
html[data-theme="light"] .kanban-column-header {
  background: var(--bg4) !important;
  border-bottom: 1px solid var(--brd) !important;
  padding: 10px 14px !important;
  font-weight: 700 !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .kanban-card,
html[data-theme="light"] .kanban-item {
  background: var(--bg1) !important;
  border: 1px solid var(--brd) !important;
  box-shadow: 1px 2px 0 rgba(0,0,0,0.04) !important;
  border-radius: 6px !important;
}
html[data-theme="light"] .kanban-card:hover,
html[data-theme="light"] .kanban-item:hover {
  border-color: rgba(184,132,26,0.25) !important;
  box-shadow: 2px 3px 0 rgba(184,132,26,0.08) !important;
}

/* Drop zone при перетаскивании */
html[data-theme="light"] .kanban-col--over,
html[data-theme="light"] .drop-zone--active {
  background: rgba(184,132,26,0.05) !important;
  border-color: rgba(184,132,26,0.30) !important;
}

/* Pagination */
html[data-theme="light"] .pagination .page-btn,
html[data-theme="light"] .cr-page-btn {
  background: var(--bg3) !important;
  border: 1px solid var(--brd) !important;
  color: var(--t2) !important;
}
html[data-theme="light"] .pagination .page-btn:hover,
html[data-theme="light"] .cr-page-btn:hover {
  border-color: var(--gold) !important;
  color: var(--gold) !important;
}
html[data-theme="light"] .pagination .page-btn--active,
html[data-theme="light"] .cr-page-btn--active {
  background: var(--gold) !important;
  color: #fff !important;
  border-color: var(--gold) !important;
}

/* ─── §44-J: Estimate Report дополнительные фиксы ─── */
html[data-theme="light"] .er-card {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  box-shadow: 1px 2px 0 rgba(0,0,0,0.04) !important;
}
html[data-theme="light"] .er-wtype {
  color: var(--t2) !important;
  font-weight: 600;
}
html[data-theme="light"] .er-comment {
  background: var(--bg4) !important;
  border-left: 3px solid var(--gold) !important;
  color: var(--t2) !important;
  font-style: italic;
}
/* Cost bars — убираем насыщенность */
html[data-theme="light"] .er-cost-bar,
html[data-theme="light"] [class*="cost-bar"] {
  filter: saturate(0.6) brightness(1.1) !important;
}

/* ─── §44-K: Финальные микро-детали ─── */

/* Placeholder */
html[data-theme="light"] ::placeholder {
  color: var(--t3) !important;
  opacity: 0.7 !important;
}

/* Выделение текста */
html[data-theme="light"] ::selection {
  background: rgba(184,132,26,0.20) !important;
  color: var(--t1) !important;
}

/* Focus-visible: золотое кольцо */
html[data-theme="light"] :focus-visible {
  outline: 2px solid rgba(184,132,26,0.50) !important;
  outline-offset: 2px !important;
}

/* Задизейбленные элементы */
html[data-theme="light"] :disabled,
html[data-theme="light"] [disabled],
html[data-theme="light"] .disabled {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
}

/* Группы навигации (settings) */
html[data-theme="light"] .nav-group-label,
html[data-theme="light"] .settings-nav-group {
  border-bottom: 1px solid var(--brd) !important;
  color: var(--t3) !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  padding-bottom: 4px !important;
  margin-bottom: 4px !important;
}

/* bg0 — самый тёмный bg в светлой теме = чуть темнее bg1 */
html[data-theme="light"] .bg0,
html[data-theme="light"] [class*="bg0"] {
  background: #EDE8DE !important;
}

/* Sortable ghost */
html[data-theme="light"] .sortable-ghost {
  opacity: 0.35 !important;
  background: rgba(184,132,26,0.06) !important;
  border: 1px dashed rgba(184,132,26,0.30) !important;
}

/* Upload dropzone */
html[data-theme="light"] .dropzone,
html[data-theme="light"] .upload-zone,
html[data-theme="light"] [class*="drop-zone"] {
  background: var(--bg3) !important;
  border: 2px dashed var(--brd) !important;
  color: var(--t3) !important;
}
html[data-theme="light"] .dropzone:hover,
html[data-theme="light"] .dropzone--active,
html[data-theme="light"] .upload-zone:hover {
  border-color: var(--gold) !important;
  background: rgba(184,132,26,0.04) !important;
  color: var(--gold) !important;
}

/* Тонкая золотая черта под логотипом в сайдбаре */
html[data-theme="light"] .sidebar-logo,
html[data-theme="light"] .cr-sidebar__logo {
  border-bottom: 1px solid rgba(184,132,26,0.15) !important;
  padding-bottom: 12px !important;
  margin-bottom: 8px !important;
}

/* Скроллбар-трек: тёплый */
html[data-theme="light"] ::-webkit-scrollbar-track {
  background: var(--bg3) !important;
}
html[data-theme="light"] ::-webkit-scrollbar-thumb {
  background: rgba(184,132,26,0.25) !important;
  border-radius: 4px !important;
}
html[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
  background: rgba(184,132,26,0.40) !important;
}

/* ─── §44 END — Light Theme v2.2.0 complete ─── */

/* ═══════════════════════════════════════════════════════════════════════════════
   §45. АУДИТ CR-COMPONENTS — Скрытые синие цвета и невидимые рамки
   cr-select, cr-ac, cr-datepicker, cr-emp-picker, color-scheme, logout glow.
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ─── §45-A: color-scheme — нативные инпуты в светлом режиме ─── */
/* Без этого браузер рендерит date/time/select в тёмном режиме браузера */
html[data-theme="light"] {
  color-scheme: light !important;
}
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] button {
  color-scheme: light;
}

/* ─── §45-B: cr-select — полный пакет золотых состояний ─── */
/* Trigger border — rgba(255,255,255,0.12) невидима на светлом фоне */
html[data-theme="light"] .cr-select__trigger {
  border: 1px solid var(--brd) !important;
  background: var(--bg2) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .cr-select__trigger:hover {
  border-color: rgba(184,132,26,0.30) !important;
}
html[data-theme="light"] .cr-select--open .cr-select__trigger {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 2px rgba(184,132,26,0.18) !important;
}
/* Dropdown */
html[data-theme="light"] .cr-select__dropdown {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  box-shadow: var(--shadow-md) !important;
}
/* Search внутри dropdown */
html[data-theme="light"] .cr-select__search-input {
  background: var(--bg3) !important;
  border: 1px solid var(--brd) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .cr-select__search-input:focus {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 2px rgba(184,132,26,0.15) !important;
}
/* Опции */
html[data-theme="light"] .cr-select__option:hover,
html[data-theme="light"] .cr-select__option--focused {
  background: rgba(184,132,26,0.06) !important;
}
html[data-theme="light"] .cr-select__option--selected {
  background: rgba(184,132,26,0.10) !important;
  color: var(--t1) !important;
}
/* Галочка выбранного: синяя SVG → золотая */
html[data-theme="light"] .cr-select__option--selected::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23B8841A'%3E%3Cpath d='M6.5 12.5l-4-4 1.4-1.4 2.6 2.6 5.6-5.6 1.4 1.4z'/%3E%3C/svg%3E") !important;
}
/* Group labels */
html[data-theme="light"] .cr-select__group-label {
  color: var(--t3) !important;
  border-bottom: 1px solid var(--brd-m) !important;
}

/* ─── §45-C: cr-ac (Autocomplete) — золотой фокус + тёплый dropdown ─── */
html[data-theme="light"] .cr-ac__input {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .cr-ac__input:hover {
  border-color: rgba(184,132,26,0.30) !important;
}
html[data-theme="light"] .cr-ac__input:focus {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 2px rgba(184,132,26,0.18) !important;
  outline: none !important;
}
html[data-theme="light"] .cr-ac__dropdown {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  box-shadow: var(--shadow-md) !important;
}
html[data-theme="light"] .cr-ac__option:hover,
html[data-theme="light"] .cr-ac__option--focused {
  background: rgba(184,132,26,0.06) !important;
}

/* ─── §45-D: cr-datepicker — ПОЛНЫЙ пакет ─── */
/* Trigger: невидимая рамка rgba(255,255,255,0.12) */
html[data-theme="light"] .cr-datepicker__trigger {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .cr-datepicker__trigger:hover {
  border-color: rgba(184,132,26,0.30) !important;
}
html[data-theme="light"] .cr-datepicker--open .cr-datepicker__trigger {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 2px rgba(184,132,26,0.18) !important;
}
/* Dropdown: невидимая рамка + слишком тёмная тень */
html[data-theme="light"] .cr-datepicker__dropdown {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  box-shadow: var(--shadow-lg) !important;
}
/* Навигация */
html[data-theme="light"] .cr-dp__nav:hover {
  background: var(--bg4) !important;
  color: var(--t1) !important;
}
/* Дни: сегодня — золотая рамка */
html[data-theme="light"] .cr-dp__day:hover {
  background: var(--bg4) !important;
}
html[data-theme="light"] .cr-dp__day--today {
  border: 1px solid var(--gold) !important;
  color: var(--gold) !important;
  font-weight: 700 !important;
}
/* Выбранный день: синий → золотой */
html[data-theme="light"] .cr-dp__day--sel {
  background: var(--gold) !important;
  color: #fff !important;
  font-weight: 700 !important;
}
html[data-theme="light"] .cr-dp__day--sel:hover {
  background: var(--gold-h) !important;
}
/* Footer */
html[data-theme="light"] .cr-dp__footer {
  border-top: 1px solid var(--brd) !important;
}
html[data-theme="light"] .cr-dp__today-btn {
  color: var(--gold) !important;
}
html[data-theme="light"] .cr-dp__today-btn:hover,
html[data-theme="light"] .cr-dp__clear-btn:hover {
  background: var(--bg4) !important;
}

/* ─── §45-E: cr-emp-picker — золотые кнопка и чекбокс ─── */
/* Primary button "Выбрать" — синий → золотой */
html[data-theme="light"] .cr-emp-picker__btn--primary {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
  color: #fff !important;
}
html[data-theme="light"] .cr-emp-picker__btn--primary:hover {
  background: var(--gold-h) !important;
  border-color: var(--gold-h) !important;
}
/* Чекбокс выбранного сотрудника — синий → золотой */
html[data-theme="light"] .cr-emp-picker__row--sel .cr-emp-picker__checkbox {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
}
/* Footer picker */
html[data-theme="light"] .cr-emp-picker__footer {
  border-top: 1px solid var(--brd) !important;
  background: var(--bg3) !important;
}
/* Secondary button */
html[data-theme="light"] .cr-emp-picker__btn--secondary {
  background: var(--bg3) !important;
  border: 1px solid var(--brd) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .cr-emp-picker__btn--secondary:hover {
  background: var(--bg4) !important;
}

/* ─── §45-F: Logout кнопка — убираем неоновый красный glow ─── */
html[data-theme="light"] .sidefoot #btnLogout:hover {
  background: rgba(168,32,48,0.08) !important;
  border-color: rgba(168,32,48,0.25) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .sidefoot #btnLogout:hover::before {
  color: var(--red) !important;
}

/* ─── §45-G: cr-components глобальные рамки (белые → тёплые) ─── */
/* Некоторые компоненты используют rgba(255,255,255,...) напрямую */
html[data-theme="light"] .cr-select__dropdown,
html[data-theme="light"] .cr-ac__dropdown,
html[data-theme="light"] .cr-datepicker__dropdown {
  border-color: var(--brd) !important;
}
/* Теги/chips внутри пикеров */
html[data-theme="light"] .cr-tag,
html[data-theme="light"] .cr-chip {
  background: var(--bg4) !important;
  border: 1px solid var(--brd) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .cr-tag--primary,
html[data-theme="light"] .cr-chip--primary {
  background: rgba(184,132,26,0.12) !important;
  color: var(--gold) !important;
  border-color: rgba(184,132,26,0.25) !important;
}
html[data-theme="light"] .cr-tag--danger,
html[data-theme="light"] .cr-chip--danger {
  background: rgba(168,32,48,0.10) !important;
  color: var(--red) !important;
  border-color: rgba(168,32,48,0.20) !important;
}

/* ─── §45 END — Light Theme v2.2.0 + patch 45 ─── */

/* ═══════════════════════════════════════════════════════════════════════════════
   §46. ФИНАЛЬНЫЕ 5 ПУНКТОВ — Чекбоксы, нативные date, inline-стили, аватары, печать
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ─── §46-1: Чекбоксы и радио — accent-color золото вместо синего ─── */
/* Нативные input[type=checkbox/radio] используют accent-color: var(--blue) */
html[data-theme="light"] input[type="checkbox"],
html[data-theme="light"] input[type="radio"] {
  accent-color: var(--gold) !important;
}
/* Toggle-switch — синий фон при active → золотой */
html[data-theme="light"] .toggle-switch.active,
html[data-theme="light"] .toggle-switch:checked,
html[data-theme="light"] .toggle-switch[data-on="true"] {
  background: var(--gold) !important;
}
/* Нестандартный toggle-track */
html[data-theme="light"] .toggle-track,
html[data-theme="light"] .switch-track {
  background: var(--bg4) !important;
  border: 1px solid var(--brd) !important;
}
html[data-theme="light"] .toggle-track.on,
html[data-theme="light"] .switch-track.on,
html[data-theme="light"] .toggle-track--on,
html[data-theme="light"] .switch-track--active {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
}
/* Thumb (ползунок) */
html[data-theme="light"] .toggle-thumb,
html[data-theme="light"] .switch-thumb {
  background: #fff !important;
  box-shadow: 1px 1px 4px rgba(0,0,0,0.15) !important;
}
/* Custom checkbox-лейблы (визуальные квадратики) */
html[data-theme="light"] .checkbox-custom,
html[data-theme="light"] .cr-checkbox-box,
html[data-theme="light"] .custom-check {
  border: 2px solid var(--brd) !important;
  background: var(--bg2) !important;
}
html[data-theme="light"] input[type="checkbox"]:checked + .checkbox-custom,
html[data-theme="light"] input[type="checkbox"]:checked + .cr-checkbox-box,
html[data-theme="light"] input[type="checkbox"]:checked + .custom-check,
html[data-theme="light"] .checkbox-custom.checked,
html[data-theme="light"] .cr-checkbox-box.checked {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
}
/* Emp-selector чекбокс (кастомный в HR-пикере) */
html[data-theme="light"] .emp-selector-check {
  border: 2px solid var(--brd) !important;
  background: var(--bg2) !important;
}
html[data-theme="light"] input[type="checkbox"]:checked ~ .emp-selector-check {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
}

/* ─── §46-2: Нативные date/time/datetime-local — принудительно светлые ─── */
/* color-scheme: light уже задан в §45-A на html и inputs,
   но некоторые браузеры требуют явного указания на конкретных типах */
html[data-theme="light"] input[type="date"],
html[data-theme="light"] input[type="datetime-local"],
html[data-theme="light"] input[type="time"],
html[data-theme="light"] input[type="month"],
html[data-theme="light"] input[type="week"] {
  color-scheme: light !important;
  background: var(--bg2) !important;
  color: var(--t1) !important;
  border: 1px solid var(--brd) !important;
}
html[data-theme="light"] input[type="date"]:focus,
html[data-theme="light"] input[type="datetime-local"]:focus,
html[data-theme="light"] input[type="time"]:focus,
html[data-theme="light"] input[type="month"]:focus,
html[data-theme="light"] input[type="week"]:focus {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 2px rgba(184,132,26,0.18) !important;
  outline: none !important;
}
/* Иконка-календарь в webkit */
html[data-theme="light"] input[type="date"]::-webkit-calendar-picker-indicator,
html[data-theme="light"] input[type="datetime-local"]::-webkit-calendar-picker-indicator,
html[data-theme="light"] input[type="time"]::-webkit-calendar-picker-indicator {
  filter: invert(0.3) sepia(1) hue-rotate(15deg) saturate(2) !important;
  opacity: 0.7;
  cursor: pointer;
}

/* ─── §46-3: Inline-стили из JS — перекрываем хардкодные градиенты ─── */
/* Самый частый паттерн: linear-gradient(135deg, #C8293B, #1E4D8C) на кнопках */
html[data-theme="light"] [style*="C8293B"][style*="1E4D8C"],
html[data-theme="light"] [style*="C8293B"][style*="4D8C"] {
  background: linear-gradient(135deg, var(--red), var(--blue)) !important;
  box-shadow: var(--shadow-sm) !important;
}
/* Одиночный красный фон из JS */
html[data-theme="light"] button[style*="#C8293B"],
html[data-theme="light"] a[style*="#C8293B"],
html[data-theme="light"] span[style*="background.*C8293B"] {
  background: var(--red) !important;
}
/* Одиночный синий фон из JS */
html[data-theme="light"] button[style*="#1E4D8C"],
html[data-theme="light"] a[style*="#1E4D8C"] {
  background: var(--blue) !important;
}
/* Золотой из JS */
html[data-theme="light"] button[style*="#D4A843"],
html[data-theme="light"] a[style*="#D4A843"] {
  background: var(--gold) !important;
}
/* Тёмный фон из JS (#0D1117, #1A1F2E, #161B27) — заменяем на карточный bg */
html[data-theme="light"] [style*="#0D1117"],
html[data-theme="light"] [style*="#1A1F2E"],
html[data-theme="light"] [style*="#161B27"],
html[data-theme="light"] [style*="#12161F"] {
  background: var(--bg3) !important;
  color: var(--t1) !important;
}
/* Neon text-shadow из inline-стилей */
html[data-theme="light"] [style*="text-shadow"] {
  text-shadow: none !important;
}
/* Neon box-shadow из inline: "0 0 Xpx" паттерн */
html[data-theme="light"] [style*="box-shadow: 0 0 "],
html[data-theme="light"] [style*="box-shadow:0 0 "] {
  box-shadow: var(--shadow-sm) !important;
}

/* ─── §46-4: sr-avatar цвета — категориальные аватары в HR ─── */
/* c0 (#5b8def синий) → используем var(--blue) = #1A3F74 */
html[data-theme="light"] .sr-avatar--c0,
html[data-theme="light"] .cr-emp-picker__av--c0 {
  background: var(--blue) !important;
}
/* Остальные категориальные цвета — проверяем нет ли слишком ярких */
html[data-theme="light"] .sr-avatar--c1 { background: #2D6A4F !important; }  /* зелёный */
html[data-theme="light"] .sr-avatar--c2 { background: var(--red) !important; } /* красный */
html[data-theme="light"] .sr-avatar--c3 { background: var(--gold) !important; } /* золото */
html[data-theme="light"] .sr-avatar--c4 { background: #6B4F9E !important; }  /* фиолет */
html[data-theme="light"] .sr-avatar--c5 { background: #2B7A8C !important; }  /* бирюза */

/* ─── §46-5: @media print — правильная печать из светлой темы ─── */
/* Светлая тема уже близка к идеалу для печати, но нужны точечные правила */
@media print {
  html[data-theme="light"] body {
    background: #fff !important;
    color: #000 !important;
  }
  html[data-theme="light"] .sidenav,
  html[data-theme="light"] .topbar,
  html[data-theme="light"] .cr-topbar,
  html[data-theme="light"] .sidebar,
  html[data-theme="light"] #sidebar,
  html[data-theme="light"] .no-print,
  html[data-theme="light"] .cr-fab,
  html[data-theme="light"] .floating-btn {
    display: none !important;
  }
  html[data-theme="light"] .main-content,
  html[data-theme="light"] #main,
  html[data-theme="light"] .content-area {
    margin-left: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }
  /* Карточки — убираем тени, оставляем рамку */
  html[data-theme="light"] .cr-card,
  html[data-theme="light"] .panel,
  html[data-theme="light"] .card {
    box-shadow: none !important;
    border: 1px solid #ccc !important;
    break-inside: avoid;
  }
  /* Кнопки — скрываем */
  html[data-theme="light"] button:not(.print-show),
  html[data-theme="light"] .btn:not(.print-show) {
    display: none !important;
  }
  /* Таблицы — чёткие рамки */
  html[data-theme="light"] table,
  html[data-theme="light"] th,
  html[data-theme="light"] td {
    border: 1px solid #999 !important;
    background: transparent !important;
    color: #000 !important;
  }
  html[data-theme="light"] thead th {
    background: #f0ece4 !important;
    color: #000 !important;
    font-weight: 700 !important;
  }
  /* Заголовки страниц */
  html[data-theme="light"] h1,
  html[data-theme="light"] h2,
  html[data-theme="light"] h3 {
    color: #000 !important;
    page-break-after: avoid;
  }
  /* Статус-бейджи — убираем яркие фоны */
  html[data-theme="light"] [class*="badge"],
  html[data-theme="light"] [class*="status-pill"],
  html[data-theme="light"] [class*="chip"] {
    background: transparent !important;
    border: 1px solid #999 !important;
    color: #000 !important;
  }
  /* Ссылки — убираем подчёркивание */
  html[data-theme="light"] a {
    color: #000 !important;
    text-decoration: none !important;
  }
  /* Разрывы страниц */
  html[data-theme="light"] .page-break,
  html[data-theme="light"] .print-break {
    page-break-before: always !important;
  }
}

/* ─── §46 END — Light Theme v2.2.0 complete (все пробелы закрыты) ─── */

/* ═══════════════════════════════════════════════════════════════════════════════
   §47. ГЛУБОКИЙ АУДИТ — Невидимые рамки, wp-desktop, прокьюремент, чат
   Найдено в components.css и procurement.css при полном сканировании.
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ─── §47-A: dash-widget — баг в components.css (rgba(255,255,255,0.15)) ─── */
html[data-theme="light"] .dash-widget {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  box-shadow: var(--shadow-sm) !important;
}
html[data-theme="light"] .dash-widget:hover {
  border-color: rgba(184,132,26,0.30) !important;
  box-shadow: var(--shadow-md) !important;
}
html[data-theme="light"] .dash-widget-header {
  background: var(--bg3) !important;
  border-bottom: 1px solid var(--brd) !important;
}

/* ─── §47-B: viking-welcome — убираем неоновый glow из light-theme правила ─── */
html[data-theme="light"] .viking-welcome .vw-rune {
  color: var(--red) !important;
  text-shadow: none !important;
}
html[data-theme="light"] .viking-welcome .vw-saga-wrap {
  background: linear-gradient(135deg, rgba(168,32,48,0.05), rgba(26,63,116,0.03)) !important;
  border-color: rgba(168,32,48,0.12) !important;
}

/* ─── §47-C: stat-card — невидимая рамка ─── */
html[data-theme="light"] .stat-card {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  box-shadow: var(--shadow-sm) !important;
}
html[data-theme="light"] .stat-card:hover {
  border-color: rgba(184,132,26,0.25) !important;
  box-shadow: var(--shadow-md) !important;
}
html[data-theme="light"] .stat-card .stat-value {
  color: var(--t1) !important;
}
html[data-theme="light"] .stat-card .stat-label {
  color: var(--t2) !important;
}

/* ─── §47-D: tag, pill — невидимая рамка ─── */
html[data-theme="light"] .tag,
html[data-theme="light"] .pill {
  background: var(--bg4) !important;
  border: 1px solid var(--brd) !important;
  color: var(--t2) !important;
}
html[data-theme="light"] .tag:hover,
html[data-theme="light"] .pill:hover {
  border-color: rgba(184,132,26,0.25) !important;
  color: var(--t1) !important;
}

/* ─── §47-E: modal-content — невидимая рамка, тяжёлая тень ─── */
html[data-theme="light"] .modal-content {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  box-shadow: var(--shadow-xl) !important;
}
html[data-theme="light"] .modal-content::before {
  opacity: 0 !important;
}

/* ─── §47-F: tab-list — невидимая рамка ─── */
html[data-theme="light"] .tab-list,
html[data-theme="light"] .tabs {
  background: var(--bg3) !important;
  border: 1px solid var(--brd) !important;
}
html[data-theme="light"] .tab,
html[data-theme="light"] .tab-btn {
  color: var(--t2) !important;
}
html[data-theme="light"] .tab.active,
html[data-theme="light"] .tab-btn.active,
html[data-theme="light"] .tab--active {
  background: var(--bg1) !important;
  color: var(--t1) !important;
  box-shadow: var(--shadow-sm) !important;
}

/* ─── §47-G: Чат — реакции, разделители дат, скроллбар ─── */
/* chat-msg-reaction: невидимая рамка + hover */
html[data-theme="light"] .chat-msg-reaction {
  background: var(--bg3) !important;
  border: 1px solid var(--brd) !important;
  color: var(--t2) !important;
}
html[data-theme="light"] .chat-msg-reaction:hover {
  background: var(--bg4) !important;
  border-color: rgba(184,132,26,0.25) !important;
}
html[data-theme="light"] .chat-msg-reaction.active {
  background: rgba(184,132,26,0.12) !important;
  border-color: rgba(184,132,26,0.30) !important;
}
/* chat-date-divider: чёрный фон + белый текст → тёплый */
html[data-theme="light"] .chat-date-divider span {
  background: rgba(139,120,90,0.12) !important;
  color: var(--t2) !important;
  backdrop-filter: none !important;
}
/* Чат скроллбар: белый → тёплый */
html[data-theme="light"] .chat-messages::-webkit-scrollbar-thumb {
  background: rgba(184,132,26,0.20) !important;
}
html[data-theme="light"] .chat-messages::-webkit-scrollbar-thumb:hover {
  background: rgba(184,132,26,0.35) !important;
}
/* Контейнер чата: белая рамка → тёплая */
html[data-theme="light"] .chat-container,
html[data-theme="light"] .chat-wrap {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  box-shadow: var(--shadow-md) !important;
}

/* ─── §47-H: Worker Profile (wp-desktop-*) — полный оверхол ─── */
/* Hero: тёмный градиент → тёплый пергаментный */
html[data-theme="light"] .wp-desktop-hero {
  background: linear-gradient(135deg, #1A3F74 0%, #A82030 100%) !important;
  /* Оставляем тёмный hero как брендовый акцент — светлые элементы внутри уберём */
}
/* Текст внутри hero — оставляем белым (он на тёмном фоне) */
html[data-theme="light"] .wp-desktop-hero-name { color: #fff !important; }
html[data-theme="light"] .wp-desktop-hero-role { color: rgba(255,255,255,0.75) !important; }
html[data-theme="light"] .wp-desktop-hero-meta { color: rgba(255,255,255,0.55) !important; }
html[data-theme="light"] .wp-desktop-hero-progress { color: rgba(255,255,255,0.65) !important; }
/* Avatar border — тёплое золото */
html[data-theme="light"] .wp-desktop-avatar {
  border: 2px solid rgba(212,168,67,0.50) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.20) !important;
}
html[data-theme="light"] .wp-desktop-avatar-placeholder {
  background: rgba(255,255,255,0.15) !important;
  color: rgba(255,255,255,0.80) !important;
}
/* Icon кнопки в hero */
html[data-theme="light"] .wp-desktop-icon-btn {
  background: rgba(255,255,255,0.15) !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  color: #fff !important;
}
html[data-theme="light"] .wp-desktop-icon-btn:hover {
  background: rgba(255,255,255,0.25) !important;
}
/* Progress bar track */
html[data-theme="light"] .wp-desktop-progress-bar {
  background: rgba(255,255,255,0.20) !important;
}
/* Основная сетка — тёплый фон */
html[data-theme="light"] .wp-desktop-grid {
  background: var(--bg1) !important;
}
/* Секции */
html[data-theme="light"] .wp-desktop-section {
  background: var(--bg2) !important;
  border: 1px solid var(--brd) !important;
  border-radius: 8px !important;
  padding: 16px !important;
  box-shadow: var(--shadow-sm) !important;
}
/* Pills (фильтры) */
html[data-theme="light"] .wp-desktop-pill {
  background: var(--bg3) !important;
  border: 1px solid var(--brd) !important;
  color: var(--t2) !important;
}
html[data-theme="light"] .wp-desktop-pill:hover {
  background: var(--bg4) !important;
  border-color: rgba(184,132,26,0.25) !important;
}
html[data-theme="light"] .wp-desktop-pill.selected {
  background: rgba(184,132,26,0.12) !important;
  border-color: rgba(184,132,26,0.35) !important;
  color: var(--gold) !important;
}
/* Скелетон */
html[data-theme="light"] .wp-desktop-skel-hero {
  background: linear-gradient(135deg, rgba(26,63,116,0.15), rgba(168,32,48,0.10)) !important;
}
html[data-theme="light"] .wp-desktop-skel-row {
  border-bottom: 1px solid var(--brd) !important;
}
html[data-theme="light"] .wp-desktop-skel-label {
  background: rgba(139,120,90,0.12) !important;
}
html[data-theme="light"] .wp-desktop-skel-value {
  background: rgba(139,120,90,0.08) !important;
}

/* ─── §47-I: Procurement — хардкодный Tailwind-синий #2563eb ─── */
/* Primary button доставки — синий Tailwind → золотой */
html[data-theme="light"] .proc-deliver__btn--primary {
  background: linear-gradient(135deg, var(--gold), var(--gold-h)) !important;
  color: #fff !important;
  box-shadow: var(--shadow-sm) !important;
}
html[data-theme="light"] .proc-deliver__btn--primary:hover {
  box-shadow: var(--shadow-md) !important;
  transform: translateY(-1px) !important;
}
/* Progress bar доставки */
html[data-theme="light"] .proc-deliver__progress-bar {
  background: linear-gradient(90deg, var(--gold), var(--ok)) !important;
}
/* Transit badge */
html[data-theme="light"] .proc-eq-badge--transit {
  background: rgba(26,63,116,0.09) !important;
  color: var(--blue) !important;
}
/* Card hover glow → физическая тень */
html[data-theme="light"] .proc-deliver-card:hover {
  border-color: rgba(184,132,26,0.25) !important;
  box-shadow: var(--shadow-md) !important;
}
/* Ссылка внутри прокьюремент */
html[data-theme="light"] .proc-deliver__link:hover,
html[data-theme="light"] .proc-deliver-done__link:hover {
  background: var(--gold) !important;
  color: #fff !important;
}

/* ─── §47-J: Кнопка Loading spinner — видимый трек ─── */
/* .btn.loading::after имеет rgba(255,255,255,0.3) трек — на светлых кнопках невидим */
html[data-theme="light"] .btn.loading::after {
  border-color: rgba(139,120,90,0.30) !important;
  border-top-color: var(--t1) !important;
}
/* На первичных кнопках (тёмный фон) — оставляем белый */
html[data-theme="light"] .btn.primary.loading::after,
html[data-theme="light"] .btn.gold.loading::after,
html[data-theme="light"] .btn.red.loading::after {
  border-color: rgba(255,255,255,0.35) !important;
  border-top-color: #fff !important;
}

/* ─── §47 END ─── */

/* ═══════════════════════════════════════════════════════════════════════════════
   §48. WOW-ЭФФЕКТ — Премиум-полировка + оставшиеся баги
   KPI redesign, топбар-лента, поиск, sidebar, типографика, micro-animations.
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ─── §48-A: KPI карточки — ПОЛНЫЙ редизайн под светлую тему ─── */
/* Убиваем тёмный #131929 градиент из app.css v4.0 (высокий приоритет) */
html[data-theme="light"] .kpi .k {
  background: var(--bg2) !important;
  border-radius: 10px !important;
  box-shadow: 2px 3px 0 rgba(0,0,0,0.04), 0 1px 8px rgba(0,0,0,0.06) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  overflow: hidden !important;
  position: relative !important;
}
html[data-theme="light"] .kpi .k:hover {
  transform: translateY(-3px) !important;
  box-shadow: 3px 5px 0 rgba(0,0,0,0.06), 0 4px 20px rgba(0,0,0,0.09) !important;
}
/* Цветная верхняя полоса (::before) — оставляем, убираем neon */
html[data-theme="light"] .kpi .k::before {
  height: 3px !important;
  opacity: 1 !important;
}
/* Цветные фоны — тёплые, не тёмные */
html[data-theme="light"] .kpi .k:nth-child(1) {
  background: linear-gradient(160deg, rgba(168,32,48,0.05) 0%, var(--bg2) 50%) !important;
  border: 1px solid rgba(168,32,48,0.14) !important;
}
html[data-theme="light"] .kpi .k:nth-child(2) {
  background: linear-gradient(160deg, rgba(26,63,116,0.05) 0%, var(--bg2) 50%) !important;
  border: 1px solid rgba(26,63,116,0.14) !important;
}
html[data-theme="light"] .kpi .k:nth-child(3) {
  background: linear-gradient(160deg, rgba(184,132,26,0.06) 0%, var(--bg2) 50%) !important;
  border: 1px solid rgba(184,132,26,0.16) !important;
}
html[data-theme="light"] .kpi .k:nth-child(4) {
  background: linear-gradient(160deg, rgba(45,106,79,0.05) 0%, var(--bg2) 50%) !important;
  border: 1px solid rgba(45,106,79,0.14) !important;
}
html[data-theme="light"] .kpi .k:nth-child(5) {
  background: linear-gradient(160deg, rgba(124,58,237,0.04) 0%, var(--bg2) 50%) !important;
  border: 1px solid rgba(124,58,237,0.12) !important;
}
html[data-theme="light"] .kpi .k:nth-child(6) {
  background: linear-gradient(160deg, rgba(14,116,144,0.04) 0%, var(--bg2) 50%) !important;
  border: 1px solid rgba(14,116,144,0.12) !important;
}
/* KPI значения — тёмные чернильные, премиальный шрифт */
html[data-theme="light"] .kpi .v,
html[data-theme="light"] .kpi .k .v,
html[data-theme="light"] .stat-value {
  color: var(--t1) !important;
  font-variant-numeric: oldstyle-nums !important;
}
html[data-theme="light"] .kpi .t,
html[data-theme="light"] .kpi .k .t {
  color: var(--t3) !important;
  letter-spacing: 0.05em !important;
}
/* KPI hover — убираем тёмный glow */
html[data-theme="light"] .kpi .k:hover {
  box-shadow: 3px 4px 0 rgba(0,0,0,0.06), 0 6px 24px rgba(0,0,0,0.08) !important;
}

/* ─── §48-B: Топбар — трёхцветная лента снизу (как в NYT) ─── */
/* Заменяем body::before из app.css, который применяется глобально */
html[data-theme="light"] .topbar::after,
html[data-theme="light"] .cr-topbar::after,
html[data-theme="light"] header.main-header::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, var(--red) 0%, var(--gold) 50%, var(--blue) 100%) !important;
  opacity: 0.45 !important;
  pointer-events: none !important;
}
html[data-theme="light"] .topbar,
html[data-theme="light"] .cr-topbar,
html[data-theme="light"] header.main-header {
  position: relative !important;
}
/* Убираем body::before (тёмная полоса сверху) в светлой теме */
html[data-theme="light"] body::before {
  display: none !important;
}

/* ─── §48-C: Sidebar — премиум active state (золотой маркер + фон) ─── */
html[data-theme="light"] .navitem.active,
html[data-theme="light"] .nav-item.active,
html[data-theme="light"] .sidenav .active {
  background: rgba(184,132,26,0.10) !important;
  color: var(--gold) !important;
  position: relative !important;
}
/* Золотая левая полоса — только через ::before чтобы не сдвигать контент */
html[data-theme="light"] .navitem.active::before,
html[data-theme="light"] .nav-item.active::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 15% !important;
  bottom: 15% !important;
  width: 3px !important;
  background: var(--gold) !important;
  border-radius: 0 2px 2px 0 !important;
}
/* Иконки в активном элементе — золото */
html[data-theme="light"] .navitem.active svg,
html[data-theme="light"] .navitem.active .nav-icon {
  color: var(--gold) !important;
}
/* Hover — тёплый */
html[data-theme="light"] .navitem:hover,
html[data-theme="light"] .nav-item:hover {
  background: rgba(139,120,90,0.08) !important;
  color: var(--t1) !important;
}

/* ─── §48-D: Search modal — рамка + премиум вид ─── */
html[data-theme="light"] .search-modal {
  background: var(--bg1) !important;
  border: 1px solid var(--brd) !important;
  box-shadow: var(--shadow-xl), 0 0 0 1px rgba(184,132,26,0.08) !important;
}
/* Золотая верхняя полоса уже есть через ::before в app.css — оставляем */
html[data-theme="light"] .search-modal-input,
html[data-theme="light"] .search-input-main {
  background: transparent !important;
  color: var(--t1) !important;
  border-bottom: 1px solid var(--brd) !important;
}
html[data-theme="light"] .search-result-item:hover,
html[data-theme="light"] .search-result-item--focused {
  background: rgba(184,132,26,0.07) !important;
}
html[data-theme="light"] .search-result-item--active {
  background: rgba(184,132,26,0.12) !important;
  border-left: 3px solid var(--gold) !important;
}
html[data-theme="light"] .search-kbd,
html[data-theme="light"] .kbd {
  background: var(--bg4) !important;
  border: 1px solid var(--brd) !important;
  color: var(--t2) !important;
  box-shadow: 0 1px 0 var(--brd) !important;
}

/* ─── §48-E: My-mail оставшиеся невидимые элементы ─── */
html[data-theme="light"] .mymail-sidebar-divider {
  background: var(--brd) !important;
}
html[data-theme="light"] .mymail-account-info {
  border-top-color: var(--brd) !important;
}
html[data-theme="light"] .mymail-list::-webkit-scrollbar-thumb,
html[data-theme="light"] .mymail-folders::-webkit-scrollbar-thumb {
  background: rgba(184,132,26,0.20) !important;
}
html[data-theme="light"] .mymail-btn-icon:hover {
  border-color: var(--brd) !important;
}
/* badge-pulse: убираем синий neon */
html[data-theme="light"] .mymail-folder-badge.pulse {
  animation-name: none !important;
  box-shadow: none !important;
}

/* ─── §48-F: Типографика — премиальные настройки ─── */
html[data-theme="light"] body,
html[data-theme="light"] .main-content,
html[data-theme="light"] #layout {
  font-feature-settings: "kern" 1, "liga" 1 !important;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}
/* Числа в таблицах — oldstyle для кассового вида */
html[data-theme="light"] td,
html[data-theme="light"] .cr-table td,
html[data-theme="light"] .kpi .v,
html[data-theme="light"] .stat-value,
html[data-theme="light"] .cr-metric__value {
  font-variant-numeric: oldstyle-nums !important;
}
/* Заголовки страниц — чуть более контрастные, Cinzel если доступен */
html[data-theme="light"] h1,
html[data-theme="light"] .page-title,
html[data-theme="light"] .cr-page-title {
  letter-spacing: -0.01em !important;
  color: var(--t1) !important;
}

/* ─── §48-G: Анимация появления контента — fade + slide ─── */
@keyframes lt-page-in {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}
html[data-theme="light"] .main-content > *,
html[data-theme="light"] #layout > * {
  animation-name: lt-page-in !important;
  animation-duration: 0.30s !important;
  animation-timing-function: ease-out !important;
  animation-fill-mode: both !important;
}
/* Каскадная задержка для дочерних блоков */
html[data-theme="light"] .main-content > *:nth-child(1),
html[data-theme="light"] #layout > *:nth-child(1) { animation-delay: 0.02s !important; }
html[data-theme="light"] .main-content > *:nth-child(2),
html[data-theme="light"] #layout > *:nth-child(2) { animation-delay: 0.06s !important; }
html[data-theme="light"] .main-content > *:nth-child(3),
html[data-theme="light"] #layout > *:nth-child(3) { animation-delay: 0.10s !important; }
html[data-theme="light"] .main-content > *:nth-child(4),
html[data-theme="light"] #layout > *:nth-child(4) { animation-delay: 0.14s !important; }
html[data-theme="light"] .main-content > *:nth-child(n+5),
html[data-theme="light"] #layout > *:nth-child(n+5) { animation-delay: 0.18s !important; }

/* ─── §48-H: Card hover — золотой shimmer (без neon) ─── */
@keyframes lt-gold-shine {
  0%   { left: -60%; }
  100% { left: 130%; }
}
html[data-theme="light"] .cr-card,
html[data-theme="light"] .card,
html[data-theme="light"] .panel {
  overflow: hidden !important;
}
html[data-theme="light"] .cr-card::after,
html[data-theme="light"] .card::after,
html[data-theme="light"] .panel::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -60% !important;
  width: 40% !important;
  height: 100% !important;
  background: linear-gradient(
    105deg,
    transparent 30%,
    rgba(212,168,67,0.06) 50%,
    transparent 70%
  ) !important;
  opacity: 0 !important;
  transition: opacity 0.2s !important;
  pointer-events: none !important;
  animation-name: none !important;
}
html[data-theme="light"] .cr-card:hover::after,
html[data-theme="light"] .card:hover::after,
html[data-theme="light"] .panel:hover::after {
  opacity: 1 !important;
  animation: lt-gold-shine 0.7s ease !important;
}

/* ─── §48-I: Таблицы — редакционный стиль ─── */
html[data-theme="light"] table thead tr {
  background: var(--bg4) !important;
  border-bottom: 2px solid rgba(184,132,26,0.20) !important;
}
html[data-theme="light"] table tbody tr:last-child td {
  border-bottom: none !important;
}
/* Выбранная строка — тёплый золотой акцент */
html[data-theme="light"] table tbody tr.selected td,
html[data-theme="light"] table tbody tr.active td,
html[data-theme="light"] .cr-table tbody tr.active td {
  background: rgba(184,132,26,0.07) !important;
  border-left: 3px solid var(--gold) !important;
}
/* Hover строки */
html[data-theme="light"] table tbody tr:hover td,
html[data-theme="light"] .cr-table tbody tr:hover td {
  background: rgba(184,132,26,0.04) !important;
}

/* ─── §48-J: Статусные бейджи — финальная консистентность ─── */
/* Убеждаемся что все варианты имён (badge/chip/pill/status) одинаково выглядят */
html[data-theme="light"] .badge.primary,
html[data-theme="light"] .chip.primary {
  background: rgba(26,63,116,0.10) !important;
  color: var(--blue) !important;
  border: 1px solid rgba(26,63,116,0.20) !important;
}
html[data-theme="light"] .badge.gold,
html[data-theme="light"] .chip.gold,
html[data-theme="light"] .badge.vip {
  background: rgba(184,132,26,0.10) !important;
  color: var(--gold) !important;
  border: 1px solid rgba(184,132,26,0.20) !important;
}
html[data-theme="light"] .badge.neutral,
html[data-theme="light"] .chip.neutral,
html[data-theme="light"] .badge.secondary {
  background: var(--bg4) !important;
  color: var(--t2) !important;
  border: 1px solid var(--brd) !important;
}

/* ─── §48-K: Декоративный золотой орнамент для раздела Dashboard ─── */
/* Виджет приветствия — золотой акцент */
html[data-theme="light"] .viking-welcome {
  position: relative !important;
}
html[data-theme="light"] .viking-welcome::before {
  content: 'ᚠ ᚢ ᚦ ᚨ ᚱ ᚲ' !important;
  position: absolute !important;
  bottom: 8px !important;
  right: 16px !important;
  font-size: 11px !important;
  letter-spacing: 0.3em !important;
  color: rgba(184,132,26,0.25) !important;
  pointer-events: none !important;
  animation-name: none !important;
}

/* ─── §48-L: Оверлей модальных окон — тёплый, не чёрный ─── */
html[data-theme="light"] .modal-overlay,
html[data-theme="light"] .overlay,
html[data-theme="light"] .cr-overlay {
  background: rgba(28,25,20,0.45) !important;
  backdrop-filter: blur(2px) !important;
}

/* ─── §48-M: Toast уведомления — пергаментный стиль ─── */
html[data-theme="light"] .toast,
html[data-theme="light"] .notification,
html[data-theme="light"] .cr-toast {
  background: var(--bg1) !important;
  border: 1px solid var(--brd) !important;
  box-shadow: var(--shadow-lg) !important;
  color: var(--t1) !important;
}
html[data-theme="light"] .toast.success,
html[data-theme="light"] .cr-toast--success {
  border-left: 4px solid var(--ok) !important;
}
html[data-theme="light"] .toast.error,
html[data-theme="light"] .toast.danger,
html[data-theme="light"] .cr-toast--error {
  border-left: 4px solid var(--red) !important;
}
html[data-theme="light"] .toast.warning,
html[data-theme="light"] .cr-toast--warning {
  border-left: 4px solid var(--gold) !important;
}
html[data-theme="light"] .toast.info,
html[data-theme="light"] .cr-toast--info {
  border-left: 4px solid var(--blue) !important;
}

/* ─── §48 END — Light Theme v2.2.0 FINAL ─── */

/* ═══════════════════════════════════════════════════════════════════════════════
   §49. CR-MODAL FORMS — Невидимые рамки и синие focus-ring
   cr-f-field, cr-f-search, cr-f-person, hr-разделитель внутри модалок.
   ═══════════════════════════════════════════════════════════════════════════════ */

/* cr-f-field: hover и focus — тёплые рамки вместо rgba(255,255,255,...) и синего */
html[data-theme="light"] .cr-f-field input:hover,
html[data-theme="light"] .cr-f-field textarea:hover,
html[data-theme="light"] .cr-f-field select:hover {
  border-color: rgba(184,132,26,0.30) !important;
}
html[data-theme="light"] .cr-f-field input:focus,
html[data-theme="light"] .cr-f-field textarea:focus,
html[data-theme="light"] .cr-f-field select:focus {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 3px rgba(184,132,26,0.18) !important;
  outline: none !important;
}

/* cr-f-search: focus-within — золотой ring вместо синего */
html[data-theme="light"] .cr-f-search:focus-within {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 3px rgba(184,132,26,0.15) !important;
}

/* cr-f-person: hover — видимая тёплая рамка */
html[data-theme="light"] .cr-f-person:hover {
  border-color: rgba(184,132,26,0.25) !important;
  background: rgba(184,132,26,0.04) !important;
}

/* cr-m__body hr: невидимый разделитель → тёплый */
html[data-theme="light"] .cr-m__body hr,
html[data-theme="light"] .cr-m__body .hr {
  border-top-color: var(--brd) !important;
}

/* cr-m__body .btn.ghost hover: невидимый фон → тёплый */
html[data-theme="light"] .cr-m__body .btn.ghost:hover {
  background: rgba(184,132,26,0.05) !important;
  color: var(--gold) !important;
  border-color: rgba(184,132,26,0.25) !important;
}

/* ─── §49 END ─── */

/* ═══════════════════════════════════════════════════════════════════════════════
   §50 — INK & STONE
   Один акцент — глубокий синий. Тёплый пергамент + чернильная точность.
   Убираем золото из UI-хрома, декоративные анимации, лишние рамки.
   Единообразные скругления. Элементы не перекрываются.
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ── 50-A: Анимации — убираем декоративное ── */

/* Page-entry (§48-G) — контент появляется сразу, без задержек */
html[data-theme="light"] .main-content > *,
html[data-theme="light"] #layout > * {
  animation-name: none !important;
  opacity: 1 !important;
  transform: none !important;
  animation-delay: 0s !important;
}

/* Gold shimmer (§48-H) — убираем ::after-псевдоэлемент */
html[data-theme="light"] .cr-card::after,
html[data-theme="light"] .card::after,
html[data-theme="light"] .panel::after {
  content: none !important;
  display: none !important;
}
/* overflow:hidden был нужен только для shimmer-clip — убираем, чтобы dropdowns не обрезались */
html[data-theme="light"] .cr-card,
html[data-theme="light"] .card,
html[data-theme="light"] .panel {
  overflow: visible !important;
}

/* ── 50-B: Топбар — только тонкая нижняя рамка ── */
html[data-theme="light"] .topbar::after,
html[data-theme="light"] .cr-topbar::after,
html[data-theme="light"] header.main-header::after {
  content: none !important;
  display: none !important;
}
html[data-theme="light"] .topbar,
html[data-theme="light"] .cr-topbar,
html[data-theme="light"] header.main-header {
  border-bottom: 1px solid rgba(0,0,0,0.08) !important;
  box-shadow: 0 1px 0 rgba(0,0,0,0.04) !important;
}

/* ── 50-C: Sidebar — чернильный navy, без золота ── */
html[data-theme="light"] .navitem.active,
html[data-theme="light"] .nav-item.active,
html[data-theme="light"] .sidenav .active {
  background: rgba(26,63,116,0.09) !important;
  color: #1A3F74 !important;
}
html[data-theme="light"] .navitem.active::before,
html[data-theme="light"] .nav-item.active::before {
  background: #1A3F74 !important;
}
html[data-theme="light"] .navitem.active svg,
html[data-theme="light"] .navitem.active .nav-icon,
html[data-theme="light"] .nav-item.active svg,
html[data-theme="light"] .nav-item.active .nav-icon {
  color: #1A3F74 !important;
}
html[data-theme="light"] .navitem:hover,
html[data-theme="light"] .nav-item:hover {
  background: rgba(26,63,116,0.05) !important;
  color: var(--t1) !important;
}

/* ── 50-D: Кнопки — flat navy primary ── */
/* Inline-gradient "Просчитать" и любые другие JS-кнопки с тёмным градиентом */
html[data-theme="light"] button[data-act="auto_estimate"]:not([disabled]),
html[data-theme="light"] [style*="C8293B"][style*="1E4D8C"],
html[data-theme="light"] [style*="background:linear-gradient(135deg,#C8293B"],
html[data-theme="light"] [style*="linear-gradient(135deg,#C8293B"] {
  background: #1A3F74 !important;
  color: #fff !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.14) !important;
}
/* Ghost hover — navy тинт вместо золотого */
html[data-theme="light"] .btn.ghost:hover,
html[data-theme="light"] .cr-m__body .btn.ghost:hover {
  background: rgba(26,63,116,0.07) !important;
  color: #1A3F74 !important;
  border-color: rgba(26,63,116,0.22) !important;
}

/* ── 50-E: Focus rings — navy везде ── */
html[data-theme="light"] input:focus,
html[data-theme="light"] textarea:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] .input:focus {
  border-color: #1A3F74 !important;
  box-shadow: 0 0 0 3px rgba(26,63,116,0.14) !important;
  outline: none !important;
}
html[data-theme="light"] .cr-f-field input:hover,
html[data-theme="light"] .cr-f-field textarea:hover {
  border-color: rgba(26,63,116,0.32) !important;
}
html[data-theme="light"] .cr-f-field input:focus,
html[data-theme="light"] .cr-f-field textarea:focus,
html[data-theme="light"] .cr-f-field select:focus {
  border-color: #1A3F74 !important;
  box-shadow: 0 0 0 3px rgba(26,63,116,0.14) !important;
}
html[data-theme="light"] .cr-f-search:focus-within {
  border-color: #1A3F74 !important;
  box-shadow: 0 0 0 3px rgba(26,63,116,0.12) !important;
}
html[data-theme="light"] .cr-f-person:hover {
  border-color: rgba(26,63,116,0.20) !important;
  background: rgba(26,63,116,0.03) !important;
}
html[data-theme="light"] .cr-m__body .btn.ghost:hover {
  background: rgba(26,63,116,0.07) !important;
  color: #1A3F74 !important;
  border-color: rgba(26,63,116,0.22) !important;
}

/* ── 50-F: cr-select — navy состояния ── */
html[data-theme="light"] .cr-select__trigger:hover {
  border-color: rgba(26,63,116,0.30) !important;
}
html[data-theme="light"] .cr-select--open .cr-select__trigger {
  border-color: #1A3F74 !important;
  box-shadow: 0 0 0 3px rgba(26,63,116,0.12) !important;
}
html[data-theme="light"] .cr-select__search-input:focus {
  border-color: #1A3F74 !important;
  box-shadow: 0 0 0 2px rgba(26,63,116,0.12) !important;
}
html[data-theme="light"] .cr-select__option:hover,
html[data-theme="light"] .cr-select__option--focused {
  background: rgba(26,63,116,0.06) !important;
}
html[data-theme="light"] .cr-select__option--selected {
  background: rgba(26,63,116,0.09) !important;
  color: #1A3F74 !important;
}
/* Галочка выбранного: gold SVG → navy */
html[data-theme="light"] .cr-select__option--selected::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231A3F74'%3E%3Cpath d='M6.5 12.5l-4-4 1.4-1.4 2.6 2.6 5.6-5.6 1.4 1.4z'/%3E%3C/svg%3E") !important;
}

/* ── 50-G: cr-datepicker — navy ── */
html[data-theme="light"] .cr-dp__day--sel,
html[data-theme="light"] .cr-dp__day--sel:hover {
  background: #1A3F74 !important;
  color: #fff !important;
}
html[data-theme="light"] .cr-dp__today-btn {
  color: #1A3F74 !important;
  border-color: rgba(26,63,116,0.25) !important;
}

/* ── 50-H: KPI — чистые белые карточки, без цветных градиентов ── */
html[data-theme="light"] .kpi .k,
html[data-theme="light"] .kpi .k:nth-child(1),
html[data-theme="light"] .kpi .k:nth-child(2),
html[data-theme="light"] .kpi .k:nth-child(3),
html[data-theme="light"] .kpi .k:nth-child(4),
html[data-theme="light"] .kpi .k:nth-child(5),
html[data-theme="light"] .kpi .k:nth-child(6) {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.07) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}
html[data-theme="light"] .kpi .k:hover {
  box-shadow: 0 4px 14px rgba(0,0,0,0.08) !important;
  transform: translateY(-1px) !important;
  border-color: rgba(0,0,0,0.10) !important;
}
/* Числа — обычные (без oldstyle, слишком декоративно) */
html[data-theme="light"] .kpi .v,
html[data-theme="light"] .kpi .k .v,
html[data-theme="light"] td,
html[data-theme="light"] .cr-table td,
html[data-theme="light"] .stat-value,
html[data-theme="light"] .cr-metric__value {
  font-variant-numeric: normal !important;
}

/* ── 50-I: Таблицы — редакционный заголовок, navy акценты ── */
html[data-theme="light"] table thead tr {
  border-bottom: 1px solid rgba(26,63,116,0.14) !important;
}
html[data-theme="light"] table tbody tr:hover td,
html[data-theme="light"] .cr-table tbody tr:hover td {
  background: rgba(26,63,116,0.03) !important;
}
html[data-theme="light"] table tbody tr.selected td,
html[data-theme="light"] table tbody tr.active td,
html[data-theme="light"] .cr-table tbody tr.active td {
  background: rgba(26,63,116,0.06) !important;
  border-left-color: #1A3F74 !important;
}

/* ── 50-J: Hover-акценты — gold → navy ── */
html[data-theme="light"] .stat-card:hover { border-color: rgba(26,63,116,0.18) !important; }
html[data-theme="light"] .tag:hover,
html[data-theme="light"] .pill:hover        { border-color: rgba(26,63,116,0.22) !important; color: #1A3F74 !important; }
html[data-theme="light"] .chat-msg-reaction:hover { border-color: rgba(26,63,116,0.22) !important; }
html[data-theme="light"] .chat-msg-reaction.active {
  background: rgba(26,63,116,0.09) !important;
  border-color: rgba(26,63,116,0.25) !important;
  color: #1A3F74 !important;
}
html[data-theme="light"] .dash-widget:hover      { border-color: rgba(26,63,116,0.18) !important; }
html[data-theme="light"] .wp-desktop-pill:hover  { border-color: rgba(26,63,116,0.22) !important; }
html[data-theme="light"] .wp-desktop-pill.selected {
  background: rgba(26,63,116,0.09) !important;
  border-color: rgba(26,63,116,0.25) !important;
  color: #1A3F74 !important;
}
html[data-theme="light"] .proc-deliver-card:hover { border-color: rgba(26,63,116,0.18) !important; }

/* ── 50-K: Search modal — navy ── */
html[data-theme="light"] .search-modal {
  box-shadow: 0 16px 48px rgba(0,0,0,0.10), 0 0 0 1px rgba(0,0,0,0.06) !important;
}
html[data-theme="light"] .search-result-item:hover,
html[data-theme="light"] .search-result-item--focused {
  background: rgba(26,63,116,0.05) !important;
}
html[data-theme="light"] .search-result-item--active {
  background: rgba(26,63,116,0.09) !important;
  border-left-color: #1A3F74 !important;
}

/* ── 50-L: Scrollbar — navy, тонкий и ненавязчивый ── */
html[data-theme="light"] ::-webkit-scrollbar-thumb {
  background: rgba(26,63,116,0.18) !important;
}
html[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
  background: rgba(26,63,116,0.32) !important;
}
html[data-theme="light"] .chat-messages::-webkit-scrollbar-thumb,
html[data-theme="light"] .mymail-list::-webkit-scrollbar-thumb,
html[data-theme="light"] .mymail-folders::-webkit-scrollbar-thumb {
  background: rgba(26,63,116,0.15) !important;
}

/* ── 50-M: Checkbox, toggle — navy accent ── */
html[data-theme="light"] input[type="checkbox"],
html[data-theme="light"] input[type="radio"] {
  accent-color: #1A3F74 !important;
}
html[data-theme="light"] .toggle-switch.active,
html[data-theme="light"] .switch.active,
html[data-theme="light"] .cr-toggle.active {
  background: #1A3F74 !important;
}

/* ── 50-N: Procurement — navy вместо gold ── */
html[data-theme="light"] .proc-deliver__btn--primary {
  background: #1A3F74 !important; color: #fff !important;
}
html[data-theme="light"] .proc-deliver__btn--primary:hover { background: #142E58 !important; }
html[data-theme="light"] .proc-deliver__link:hover,
html[data-theme="light"] .proc-deliver-done__link:hover {
  background: #1A3F74 !important; color: #fff !important;
}
html[data-theme="light"] .proc-deliver__progress-bar {
  background: linear-gradient(90deg, #1A3F74, #2D6A4F) !important;
}

/* ── 50-O: Tab active — navy underline ── */
html[data-theme="light"] .tab.active,
html[data-theme="light"] .tab-btn.active,
html[data-theme="light"] .tab--active {
  color: #1A3F74 !important;
}
html[data-theme="light"] .tab.active::after,
html[data-theme="light"] .tab--active::after {
  background: #1A3F74 !important;
}

/* ── 50-P: Единообразные скругления ── */
/* Крупные контейнеры */
html[data-theme="light"] .card,
html[data-theme="light"] .cr-card,
html[data-theme="light"] .panel,
html[data-theme="light"] .modal-content,
html[data-theme="light"] .cr-select__dropdown,
html[data-theme="light"] .dash-widget,
html[data-theme="light"] .stat-card,
html[data-theme="light"] .kpi .k,
html[data-theme="light"] .wp-desktop-section,
html[data-theme="light"] .search-modal,
html[data-theme="light"] .dropdown-menu {
  border-radius: 10px !important;
}
/* Поля ввода и кнопки */
html[data-theme="light"] .btn,
html[data-theme="light"] .cr-select__trigger,
html[data-theme="light"] .cr-f-field input,
html[data-theme="light"] .cr-f-field textarea,
html[data-theme="light"] .cr-f-field select,
html[data-theme="light"] .cr-ac__input,
html[data-theme="light"] .cr-f-search {
  border-radius: 8px !important;
}
/* Мелкие элементы */
html[data-theme="light"] .tag,
html[data-theme="light"] .pill,
html[data-theme="light"] .badge,
html[data-theme="light"] .kbd,
html[data-theme="light"] .search-kbd,
html[data-theme="light"] .wp-desktop-pill,
html[data-theme="light"] .cr-select__option {
  border-radius: 6px !important;
}

/* ── 50-Q: Аудит-фиксы — пропущенные gold и проблемы специфичности ── */

/* 1. nav-group .navitem.active имеет бо́льшую специфичность (4 класса) — перебиваем явно */
html[data-theme="light"] .nav-group .navitem.active {
  background: rgba(26,63,116,0.09) !important;
  border-left-color: #1A3F74 !important;
}
html[data-theme="light"] .nav-group .navitem.active .ico,
html[data-theme="light"] .nav-group .navitem.active svg {
  color: #1A3F74 !important;
}
/* Родительский заголовок группы с активным потомком */
html[data-theme="light"] .nav-group.has-active > .nav-group-header {
  background: rgba(26,63,116,0.06) !important;
  border-color: rgba(26,63,116,0.18) !important;
  color: var(--t1) !important;
}

/* 2. toggle-switch:checked — отсутствовал в §50-M (была только .active) */
html[data-theme="light"] .toggle-switch:checked {
  background: #1A3F74 !important;
}

/* 3. tab.active border-bottom — цвет менялся, но сама линия оставалась gold */
html[data-theme="light"] .tab.active,
html[data-theme="light"] .tab-btn.active {
  border-bottom-color: #1A3F74 !important;
}

/* 4. dash-widget-header — заголовки виджетов оставались gold */
html[data-theme="light"] .dash-widget-header {
  color: var(--t2) !important;
}

/* 5. cr-emp-picker primary button и чекбокс — gold не перекрыт в §50 */
html[data-theme="light"] .cr-emp-picker__btn--primary {
  background: #1A3F74 !important;
  border-color: #1A3F74 !important;
  color: #fff !important;
}
html[data-theme="light"] .cr-emp-picker__btn--primary:hover {
  background: #142E58 !important;
  border-color: #142E58 !important;
}
html[data-theme="light"] .cr-emp-picker__row--sel .cr-emp-picker__checkbox {
  background: #1A3F74 !important;
  border-color: #1A3F74 !important;
}

/* 6. cr-datepicker: --selected (не --sel) и today-border */
html[data-theme="light"] .cr-dp__day--selected,
html[data-theme="light"] .cr-dp__day--selected:hover {
  background: #1A3F74 !important;
  color: #fff !important;
}

/* 7. brand:hover — логотип в сайдбаре при hover оставался gold */
html[data-theme="light"] .brand:hover {
  border-color: rgba(26,63,116,0.28) !important;
  background: rgba(26,63,116,0.04) !important;
}

/* 8. chat-sender — имя отправителя в золоте смотрится как тёмная тема */
html[data-theme="light"] .msg-sender,
html[data-theme="light"] .chat-sender {
  color: #1A3F74 !important;
}

/* ── 50-R: Session Guard — PIN экран в светлой теме ── */
/* session-guard.js инжектит <style> с #060a14 — перекрываем через !important */
html[data-theme="light"] .sg-overlay {
  background: #F0ECE4 !important;
}
html[data-theme="light"] .sg-wave {
  opacity: 0.05 !important;
}
html[data-theme="light"] .sg-logo {
  filter: none !important;
}
html[data-theme="light"] .sg-dot.filled {
  background: #1A3F74 !important;
  border-color: #1A3F74 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .sg-dot.success {
  box-shadow: none !important;
}
html[data-theme="light"] .sg-key:active {
  border-color: rgba(26,63,116,0.30) !important;
}
html[data-theme="light"] .sg-key.biometric {
  border-color: rgba(26,63,116,0.22) !important;
  background: rgba(26,63,116,0.06) !important;
}
html[data-theme="light"] .sg-key.biometric svg {
  fill: #1A3F74 !important;
}

/* ─── §50 END — Ink & Stone ─── */