/* ===== Win11 Fluent Design: Global Additions ===== */

/* Win11 focus ring */
button:focus-visible, input:focus-visible, select:focus-visible {
  outline: 2px solid #0078D4;
  outline-offset: 2px;
}

/* Win11 scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--card-border); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--text-tertiary); }
* { scrollbar-width: thin; scrollbar-color: var(--card-border) transparent; }

/* Win11 selection */
::selection { background: rgba(0,120,212,0.25); color: var(--text); }

/* Win11: card hover lift */
.card { transition: box-shadow 0.15s ease; }
.card:hover { box-shadow: var(--card-shadow), 0 4px 16px rgba(0,0,0,0.08); }
[data-theme="dark"] .card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.35); }

/* Win11 action bar (filter row) — no border */
.filter-bar {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
}

/* Win11 table header — subtle uppercase */
.data-table thead th {
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
  font-size: 12px;
}

/* Win11: today row accent — left border only */
.rate-row.today::before { background: #0078D4; }
.rate-row.today .label-name { color: #0078D4; }

/* Win11: anomaly badge */
.anomaly-badge { border-radius: 3px; }

/* Win11: sidebar toggle */
.sidebar-toggle-btn:hover { color: #0078D4; }

/* Win11: user menu */
.user-menu {
  border-radius: 6px;
}

/* Win11: bell badge */
.bell-badge { background: #C42B1C; }

/* Win11: filter badge */
.filter-badge { border-radius: 4px; width: 16px; height: 16px; font-size: 9px; }

/* Win11: watch btn */
.watch-btn.active { color: #FF9500; }
.watch-btn:hover { color: #FF9500; }

/* Win11: reset btn */
.reset-btn { color: #C42B1C; }

/* Win11: pd-delta colors (up = red = price increase, down = green = price decrease) */
.pd-delta.up { color: #C42B1C; }
.pd-delta.down { color: #107C10; }
.anomaly-badge { color: #C42B1C; background: rgba(196,43,28,0.10); }
.usd-delta { color: #C42B1C; }

/* Win11: chart buttons */
.pd-chart-btn {
  border-radius: 4px;
  font-weight: 400;
}
.pd-chart-btn:hover { background: var(--row-hover); color: var(--text); }

/* Win11 background — чистый цвет, без градиента */
[data-theme="light"] body { background: #F3F3F3; }
[data-theme="dark"] body { background: #202020; }

/* Win11: input fields */
.cab-field input, .auth-field input, .report-modal__field input,
.report-modal__field select, .report-modal__field textarea {
  border-radius: 4px;
  font-family: 'Segoe UI Variable', 'Segoe UI', 'Inter', sans-serif;
}
.cab-field input:focus {
  border-color: #0078D4;
}

/* Win11: notification panel dot style */
.bell-badge { border-radius: 50%; }

/* Win11: logo icon — square tiles */
.logo-icon { opacity: 0.9; }

/* Win11 title bar padding fix */
.page-wrapper { padding-top: 0; }

/* ===== Стиль интерфейса: Square (Win11) / Circle (Apple) ===== */

/* ── SQUARE (Win11) — default, всё уже задано выше ── */
[data-style="square"],
:root:not([data-style]) {
  --accent: #0078D4;
  --accent-hover: #106EBE;
  --accent-light: rgba(0,120,212,0.10);
}

/* ── CIRCLE (Apple) — точное соответствие v13-apple ── */

/* Цветовые токены Apple */
[data-style="circle"][data-theme="light"] {
  --bg: #F2F2F7; --card-bg: #FFFFFF; --card-border: rgba(0,0,0,0.06);
  --card-shadow: 0 2px 12px rgba(0,0,0,0.04); --text: #000000;
  --text-secondary: #8E8E93; --text-tertiary: #AEAEB2;
  --divider: rgba(0,0,0,0.07); --row-hover: rgba(0,0,0,0.025);
  --row-alt: rgba(0,0,0,0.015); --today-bg: rgba(0,122,255,0.06);
  --dropdown-bg: #FFFFFF; --dropdown-shadow: 0 8px 32px rgba(0,0,0,0.18);
  --filter-border: rgba(0,0,0,0.14); --dashed-border: rgba(0,0,0,0.18);
  --header-icon: #8E8E93; --header-icon-active: #000;
  --table-header: #8E8E93; --table-border: rgba(0,0,0,0.06);
  --header-bg: rgba(242,242,247,0.85);
  --accent: #007AFF; --accent-hover: #0066D6; --accent-light: rgba(0,122,255,0.10);
}
[data-style="circle"][data-theme="dark"] {
  --bg: #000000; --card-bg: #1C1C1E; --card-border: rgba(255,255,255,0.08);
  --card-shadow: none; --text: #FFFFFF;
  --text-secondary: #8E8E93; --text-tertiary: #636366;
  --divider: rgba(255,255,255,0.06); --row-hover: rgba(255,255,255,0.05);
  --row-alt: rgba(255,255,255,0.02); --today-bg: rgba(0,122,255,0.12);
  --dropdown-bg: #2C2C2E; --dropdown-shadow: 0 8px 32px rgba(0,0,0,0.55);
  --filter-border: rgba(255,255,255,0.13); --dashed-border: rgba(255,255,255,0.15);
  --header-icon: #636366; --header-icon-active: #fff;
  --table-header: #8E8E93; --table-border: rgba(255,255,255,0.05);
  --header-bg: rgba(0,0,0,0.85);
  --accent: #007AFF; --accent-hover: #0A84FF; --accent-light: rgba(0,122,255,0.14);
}

/* Шрифт */
/* Circle: Apple шрифт и размеры — точная копия v13-apple */
html[data-style="circle"],
[data-style="circle"] body {
  font-family: 'Segoe UI Variable', 'Segoe UI', 'Inter', system-ui, sans-serif !important;
  font-size: 13.5px !important;
  line-height: 1.45 !important;
}
[data-style="circle"] button,
[data-style="circle"] input,
[data-style="circle"] select,
[data-style="circle"] textarea {
  font-family: 'Segoe UI Variable', 'Segoe UI', 'Inter', system-ui, sans-serif !important;
}
/* Circle: exact font sizes from v13 */
[data-style="circle"] .logo-text .logo-title { font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0 !important; }
[data-style="circle"] .logo-text .logo-subtitle { font-size: 11px !important; }
[data-style="circle"] .card-title { font-size: 13px !important; font-weight: 600 !important; }
[data-style="circle"] .card-subtitle { font-size: 11px !important; }
[data-style="circle"] .rate-value { font-size: 17px !important; font-weight: 600 !important; letter-spacing: -0.5px !important; }
[data-style="circle"] .search-input { font-size: 13px !important; }
[data-style="circle"] .filter-btn { font-size: 13px !important; }
[data-style="circle"] .data-table thead th { font-size: 12px !important; }
[data-style="circle"] .data-table tbody td { font-size: 13px !important; }
[data-style="circle"] .cabinet-tab { font-size: 13px !important; }
[data-style="circle"] .cab-setting-label { font-size: 13px !important; font-weight: 400 !important; }
[data-style="circle"] .cab-save-btn { font-size: 13px !important; font-weight: 600 !important; }
[data-style="circle"] .watch-item__name { font-size: 13px !important; font-weight: 500 !important; }
[data-style="circle"] .pos-count { font-size: 13px !important; }
[data-style="circle"] .anomaly-name { font-size: 12px !important; }
[data-style="circle"] .watch-item__tag { font-size: 11px !important; }
[data-style="circle"] .watch-item__changed { font-size: 11px !important; }
[data-style="circle"] .td-art { font-size: 12px !important; }
[data-style="circle"] .td-hash { font-size: 12px !important; }
[data-style="circle"] body {
  background: var(--bg) !important;
  background-image: none !important;
  background-size: initial !important;
}
[data-style="circle"] .logo-text .logo-title {
  font-weight: 600 !important;
  letter-spacing: -0.2px !important;
}

/* Header — Apple оригинал (62px, без sticky/blur) */
[data-style="circle"] .header {
  height: 48px !important;
  position: static !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* CARD */
[data-style="circle"] .card,
[data-style="circle"] .table-card { border-radius: 16px !important; }

/* icon-circle — круглые */
[data-style="circle"] .icon-circle { border-radius: 50% !important; }
[data-style="circle"] .icon-circle.green  { background: #34C759 !important; }
[data-style="circle"] .icon-circle.blue   { background: #007AFF !important; }
[data-style="circle"] .icon-circle.purple { background: #AF52DE !important; }

/* Акцентные цвета — Apple iOS */
[data-style="circle"] .pd-period-btn.active { background: #007AFF !important; border-color: #007AFF !important; }
[data-style="circle"] .pd-chart-btn { border-radius: 8px !important; }
[data-style="circle"] .anomaly-limit-btn.active { background: #007AFF !important; border-color: #007AFF !important; }
[data-style="circle"] .density-btn.active { background: #007AFF !important; color: #fff !important; border-color: #007AFF !important; border-radius: 7px !important; }
[data-style="circle"] .density-btn { border-radius: 7px !important; border: 1px solid var(--card-border) !important; }
[data-style="circle"] .sort-price-btn { border-radius: 7px !important; border: 1px solid var(--card-border) !important; }
[data-style="circle"] .filter-btn { border-radius: 10px !important; background: transparent !important; }
[data-style="circle"] .filter-btn.active { border-color: #007AFF !important; }
[data-style="circle"] .filter-badge { background: #007AFF !important; border-radius: 50% !important; width: 18px !important; height: 18px !important; font-size: 10px !important; }
[data-style="circle"] .search-input { border-radius: 10px !important; background: transparent !important; }
[data-style="circle"] .search-input:focus { border-color: #007AFF !important; box-shadow: none !important; }
[data-style="circle"] .search-clear { border-radius: 50% !important; }
[data-style="circle"] .table-empty-btn { border-radius: 10px !important; background: #007AFF !important; }
[data-style="circle"] .col-vis-label input[type="checkbox"]:checked { background: #007AFF !important; border-color: #007AFF !important; }
[data-style="circle"] .dd-item input[type="checkbox"]:checked { background: #007AFF !important; border-color: #007AFF !important; }
[data-style="circle"] .sidebar-toggle-btn:hover { color: #007AFF !important; }
[data-style="circle"] .data-table thead th.col-drag-over-left  { box-shadow: inset 3px 0 0 #007AFF !important; }
[data-style="circle"] .data-table thead th.col-drag-over-right { box-shadow: inset -3px 0 0 #007AFF !important; }
[data-style="circle"] .dropzone:hover { border-color: #007AFF !important; background: rgba(0,122,255,0.04) !important; }
[data-style="circle"] .rate-row.today::before { background: #007AFF !important; }
[data-style="circle"] .rate-row.today .rate-value { font-size: 17px !important; font-weight: 600 !important; }
[data-style="circle"] .rate-row.today .label-name { color: #007AFF !important; font-weight: 500 !important; }

/* Dropdown */
[data-style="circle"] .dd-list { border-radius: 12px !important; }
[data-style="circle"] .user-menu { border-radius: 14px !important; }

/* Chart modal */
[data-style="circle"] .chart-modal { border-radius: 16px !important; box-shadow: none !important; }
[data-style="circle"] .chart-modal-close { border-radius: 8px !important; }

/* anomaly badge */
[data-style="circle"] .anomaly-badge { border-radius: 4px !important; color: #FF3B30 !important; background: rgba(255,59,48,0.12) !important; }
[data-style="circle"] .usd-delta { color: #FF3B30 !important; }
[data-style="circle"] .pd-delta.up { color: #FF3B30 !important; }
[data-style="circle"] .pd-delta.down { color: #34C759 !important; }
[data-style="circle"] .reset-btn { color: #FF3B30 !important; }

/* Bell — круглая, Apple-стиль */
[data-style="circle"] .bell-btn { border-radius: 50% !important; }
[data-style="circle"] .bell-badge { background: #FF3B30 !important; border-radius: 50% !important; width: 8px !important; height: 8px !important; border: none !important; }

/* User button — круглый */
[data-style="circle"] .user-btn { border-radius: 50% !important; }
[data-style="circle"] .user-btn.logged-in { background: #007AFF !important; }
[data-style="circle"] .user-btn.logged-in:hover { background: #0066d6 !important; }

/* Watch btn */
[data-style="circle"] .watch-btn { border-radius: 5px !important; }
[data-style="circle"] .watch-btn.active { color: #FF9500 !important; }
[data-style="circle"] .watch-btn:hover { color: #FF9500 !important; }
[data-style="circle"] .watch-item { border-radius: 12px !important; }
[data-style="circle"] .watch-item__tag { border-radius: 5px !important; }
[data-style="circle"] .watch-item__changed { border-radius: 5px !important; }
/* Watch card — circle style sync */
[data-style="circle"] .watch-card { border-radius: 12px !important; }
[data-style="circle"] .watch-card__accent { border-radius: 12px 0 0 12px !important; }
[data-style="circle"] .watch-card__del { border-radius: 6px !important; }
[data-style="circle"] .watch-card__tag { border-radius: 4px !important; }
[data-style="circle"] .watch-card__metric-label.price svg { color: #007AFF !important; }
[data-style="circle"] .watch-clear-btn { background: rgba(255,59,48,0.08) !important; color: #FF3B30 !important; border: 1px solid rgba(255,59,48,0.28) !important; }
/* Circle: alternating row colors — stronger contrast than default */
[data-style="circle"][data-theme="light"] .watch-card__body { background: rgba(0,0,0,0.04) !important; }
[data-style="circle"][data-theme="light"] .watch-card--rows3 .watch-card__row2 { background: rgba(0,0,0,0.04) !important; }
[data-style="circle"][data-theme="dark"] .watch-card__body { background: rgba(255,255,255,0.06) !important; }
[data-style="circle"][data-theme="dark"] .watch-card--rows3 .watch-card__row2 { background: rgba(255,255,255,0.06) !important; }
[data-style="circle"] .watch-card--rows3 .watch-card__row3 { background: transparent !important; }

/* Auth modal */
[data-style="circle"] .auth-modal { border-radius: 20px !important; box-shadow: 0 24px 64px rgba(0,0,0,0.35) !important; }
[data-style="circle"] .auth-modal__close { border-radius: 50% !important; }
[data-style="circle"] .auth-tab.active { color: #007AFF !important; border-bottom-color: #007AFF !important; }
[data-style="circle"] .auth-submit { border-radius: 12px !important; background: #007AFF !important; font-size: 14px !important; }
[data-style="circle"] .auth-submit:hover { opacity: 0.88 !important; background: #007AFF !important; }
[data-style="circle"] .auth-field input { border-radius: 10px !important; }

/* Report modal */
[data-style="circle"] .report-modal { border-radius: 16px !important; box-shadow: 0 16px 48px rgba(0,0,0,0.3) !important; }
[data-style="circle"] .report-modal__submit { border-radius: 12px !important; background: #007AFF !important; }
[data-style="circle"] .report-modal__cancel { border-radius: 12px !important; }
[data-style="circle"] .report-modal__field input,
[data-style="circle"] .report-modal__field select,
[data-style="circle"] .report-modal__field textarea { border-radius: 10px !important; }

/* Footer */
[data-style="circle"] .site-footer { background: var(--card-bg) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }

/* Overlay blur — Apple vibrancy */
[data-style="circle"] .cabinet-overlay {
  backdrop-filter: blur(12px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(180%) !important;
  background: rgba(0,0,0,0.40) !important;
}

/* Cabinet panel */
[data-style="circle"] .cabinet-panel {
  border-radius: 12px 0 0 12px !important;
  transition: transform 0.46s cubic-bezier(0.32,0.72,0,1) !important;
  box-shadow: none !important;
  border-left: 1px solid var(--card-border) !important;
}
[data-style="circle"] .cabinet-close { border-radius: 50% !important; background: rgba(142,142,147,0.15) !important; }
/* Watchlist panel icon — circle */
[data-style="circle"] #watchlist-panel .cabinet-header > div:first-child { border-radius: 50% !important; }
[data-style="circle"] .cabinet-header__title { font-size: 18px !important; letter-spacing: -0.3px !important; }
[data-style="circle"] .cabinet-header { padding: 16px 24px 12px !important; }

/* Cab nav — Apple sidebar */
[data-style="circle"][data-theme="dark"] .cab-nav { background: rgba(28,28,30,0.95) !important; }
[data-style="circle"][data-theme="light"] .cab-nav {
  background: rgba(242,242,247,0.90) !important;
  backdrop-filter: blur(20px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(160%) !important;
}
[data-style="circle"] .cabinet-tab { border-radius: 10px !important; font-weight: 400 !important; }
[data-style="circle"] .cabinet-tab.active { background: rgba(0,122,255,0.14) !important; color: var(--text) !important; font-weight: 500 !important; }
[data-style="circle"][data-theme="dark"] .cabinet-tab.active { background: rgba(0,122,255,0.22) !important; }
[data-style="circle"] .cabinet-tab.active::before { display: none !important; }
[data-style="circle"] .cab-tab-icon {
  width: 28px !important; height: 28px !important;
  border-radius: 7px !important;
  background: var(--divider) !important;
}
[data-style="circle"] .cab-tab-icon svg { width: 15px !important; height: 15px !important; color: var(--text-secondary) !important; }
[data-style="circle"] .cabinet-tab.active .cab-tab-icon { background: #007AFF !important; }
[data-style="circle"] .cabinet-tab.active .cab-tab-icon svg { color: #fff !important; }
[data-style="circle"] .cab-nav-section-label { display: block !important; }

/* SF Symbols icon colors — by data-tab attribute */
[data-style="circle"] #cabinet-tabs .cabinet-tab[onclick*="profile"] .cab-tab-icon { background: rgba(0,122,255,0.12) !important; }
[data-style="circle"] #cabinet-tabs .cabinet-tab[onclick*="profile"] .cab-tab-icon svg { color: #007AFF !important; }
[data-style="circle"] #cabinet-tabs .cabinet-tab[onclick*="interface"] .cab-tab-icon { background: rgba(88,86,214,0.12) !important; }
[data-style="circle"] #cabinet-tabs .cabinet-tab[onclick*="interface"] .cab-tab-icon svg { color: #5856D6 !important; }
[data-style="circle"] #cabinet-tabs .cabinet-tab[onclick*="suppliers"] .cab-tab-icon { background: rgba(52,199,89,0.12) !important; }
[data-style="circle"] #cabinet-tabs .cabinet-tab[onclick*="suppliers"] .cab-tab-icon svg { color: #34C759 !important; }
[data-style="circle"] #cabinet-tabs .cabinet-tab[onclick*="vendors"] .cab-tab-icon { background: rgba(255,149,0,0.12) !important; }
[data-style="circle"] #cabinet-tabs .cabinet-tab[onclick*="vendors"] .cab-tab-icon svg { color: #FF9500 !important; }
/* Footer close button icon */
[data-style="circle"] .cab-nav-footer .cabinet-tab .cab-tab-icon { background: rgba(255,59,48,0.10) !important; }
[data-style="circle"] .cab-nav-footer .cabinet-tab .cab-tab-icon svg { color: #FF3B30 !important; }

/* Avatar */
[data-style="circle"] .cabinet-avatar {
  border-radius: 50% !important;
  background: linear-gradient(145deg, #007AFF 0%, #5AC8FA 100%) !important;
  box-shadow: 0 2px 12px rgba(0,122,255,0.45), inset 0 1px 1px rgba(255,255,255,0.3) !important;
}

/* Cab content forms */
[data-style="circle"] .cab-type-toggle { border-radius: 10px !important; padding: 3px !important; background: var(--bg) !important; border: 1px solid var(--card-border) !important; }
[data-style="circle"] .cab-type-btn.active { background: var(--card-bg) !important; color: var(--text) !important; box-shadow: 0 1px 4px rgba(0,0,0,0.15), inset 0 0 0 0.5px var(--card-border) !important; }
[data-style="circle"] .cab-type-btn { border-radius: 8px !important; }
[data-style="circle"] .cab-field input { border-radius: 10px !important; padding: 10px 14px !important; font-size: 14px !important; border: 1px solid var(--card-border) !important; }
[data-style="circle"] .cab-field input:focus { border-color: #007AFF !important; box-shadow: 0 0 0 3.5px rgba(0,122,255,0.18) !important; }
[data-style="circle"] .cab-setting-row:first-of-type { border-radius: 10px 10px 0 0 !important; }
[data-style="circle"] .cab-setting-row:last-of-type { border-radius: 0 0 10px 10px !important; border-bottom: none !important; }
[data-style="circle"] .cab-setting-row:only-of-type { border-radius: 10px !important; border-bottom: none !important; }
/* Fix: explicit first/last classes for sections where :first-of-type is broken by sibling divs */
[data-style="circle"] .cab-setting-row--first { border-radius: 10px 10px 0 0 !important; }
[data-style="circle"] .cab-setting-row--last { border-radius: 0 0 10px 10px !important; border-bottom: none !important; }
[data-style="circle"] .cab-setting-row--first.cab-setting-row--last { border-radius: 10px !important; border-bottom: none !important; }
[data-style="circle"] .cab-setting-label { font-size: 13px !important; font-weight: 400 !important; }
/* Circle toggle: same size as Square, just green accent */
[data-style="circle"] .cab-toggle.on { background: #34C759 !important; }
[data-style="circle"] .cab-save-btn { border-radius: 14px !important; height: 50px !important; font-size: 13px !important; background: #007AFF !important; letter-spacing: 0 !important; font-family: 'Segoe UI Variable', 'Segoe UI', 'Inter', system-ui, sans-serif !important; }
[data-style="circle"] .cab-save-btn:hover { opacity: 0.88 !important; background: #007AFF !important; }
[data-style="circle"] .cab-density-group { border-radius: 10px !important; padding: 3px !important; background: var(--bg) !important; border: 1px solid var(--card-border) !important; }
[data-style="circle"] .cab-density-pill { border-radius: 8px !important; }
[data-style="circle"] .cab-density-pill.active { background: var(--card-bg) !important; color: var(--text) !important; box-shadow: 0 1px 4px rgba(0,0,0,0.15), inset 0 0 0 0.5px var(--card-border) !important; border-color: transparent !important; }
[data-style="circle"] .cab-theme-group { border-radius: 10px !important; padding: 3px !important; background: var(--bg) !important; border: 1px solid var(--card-border) !important; }
[data-style="circle"] .cab-theme-pill { border-radius: 8px !important; }
[data-style="circle"] .cab-theme-pill.active { background: var(--card-bg) !important; color: var(--text) !important; box-shadow: 0 1px 4px rgba(0,0,0,0.15), inset 0 0 0 0.5px var(--card-border) !important; border-color: transparent !important; }
[data-style="circle"] .cab-style-group { border-radius: 10px !important; padding: 3px !important; background: var(--bg) !important; border: 1px solid var(--card-border) !important; }
[data-style="circle"] .cab-style-pill { border-radius: 8px !important; }
[data-style="circle"] .cab-style-pill.active { background: var(--card-bg) !important; color: var(--text) !important; box-shadow: 0 1px 4px rgba(0,0,0,0.15), inset 0 0 0 0.5px var(--card-border) !important; border-color: transparent !important; border-radius: 8px !important; }

/* Square Win11: глобальные перезаписи, если нужно явно */
[data-style="square"] .bell-btn { border-radius: 50% !important; }
[data-style="square"] .rate-row.today .rate-value { font-weight: 600 !important; font-size: 17px !important; }
[data-style="square"] .bell-badge { border: none !important; }
[data-style="square"] .user-btn { border-radius: 4px !important; }
[data-style="square"] .cab-nav-section-label { display: none !important; }
[data-style="square"] .cabinet-tab.active { background: var(--accent-light) !important; color: #0078D4 !important; }
/* Square: иконки без фона — минималистичный Win11 */
[data-style="square"] .cab-tab-icon { background: none !important; border-radius: 0 !important; }
[data-style="square"] .cabinet-tab.active .cab-tab-icon { background: none !important; }
[data-style="square"] .cabinet-tab.active .cab-tab-icon svg { color: #0078D4 !important; }
[data-style="square"] .cabinet-tab:not(.active) .cab-tab-icon svg { color: var(--text-secondary) !important; }

/* Style pills */
.cab-style-group { display: flex; gap: 6px; }
.cab-style-pill {
  flex: 1; padding: 8px 0; font-size: 13px; font-weight: 500;
  color: var(--text-secondary); background: var(--bg);
  border: 1px solid var(--filter-border); border-radius: 8px;
  cursor: pointer; text-align: center; transition: all 0.15s;
  font-family: inherit;
}
.cab-style-pill.active {
  background: #0078D4; color: #fff; border-color: #0078D4;
}
.cab-style-pill:not(.active):hover { background: var(--row-hover); color: var(--text); }

/* Col-vis group: Вендор+Транзит в одной рамке */
.cab-colvis-group {
  border: 1px solid var(--filter-border);
  border-radius: 6px;
  overflow: hidden;
  background: var(--bg);
}
.cab-colvis-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  gap: 12px;
}
.cab-colvis-divider {
  height: 1px;
  background: var(--divider);
  margin: 0;
}
[data-style="circle"] .cab-colvis-group {
  border-radius: 10px !important;
  border-color: var(--card-border) !important;
}
[data-style="circle"] .cab-colvis-row {
  padding: 12px 14px !important;
}

/* ===== NOTIF DROPDOWN (v2) ===== */
.notif-dropdown-wrap { position: relative; }