/* «Claude»: the fourth workspace appearance, matching the Claude Code desktop app.
   The root carries `crm-glass crm-violet crm-claude`, so every component already
   adapted to the violet appearance follows it; this file swaps the violet palette
   for Claude's warm greys (light and dark), its clay brand colour and blue links,
   and replaces the few colours the violet rules hard-code for a purple navigation.
   Palette: Claude design tokens v2 (bg-000…400, text-000…400, border at 15%).
   Fonts: Claude's own fallback chain — the Anthropic fonts are licensed to Anthropic,
   so the UI uses system sans (Segoe UI on Windows), Georgia for large titles and
   the system monospace, exactly as Claude shows when its fonts are unavailable. */
html.crm-glass.crm-violet.crm-claude.crm-claude:root {
  color-scheme: light;
  --violet-scheme: light;
  --claude-font-sans: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --claude-font-serif: Georgia, 'Times New Roman', Times, serif;
  --claude-font-mono: ui-monospace, 'Cascadia Mono', 'Segoe UI Mono', Consolas, monospace;
  --claude-clay: #d97757;
  --claude-clay-hover: #c96442;
  --claude-clay-ink: #a04d33;
  --claude-clay-strong: #b2553a;
  --claude-clay-text: #9e4a32;
  --claude-bg-000: #ffffff;
  --claude-bg-100: #f9f9f7;
  --claude-bg-200: #f3f3f0;
  --claude-bg-300: #f0efec;
  --claude-bg-400: #e7e6e1;
  --claude-text-000: #131313;
  --claude-text-200: #383835;
  --claude-text-400: #66645f;
  --claude-border: rgb(30 30 29 / 15%);
  --claude-border-strong: rgb(30 30 29 / 25%);
  --claude-border-soft: rgb(30 30 29 / 8%);
  --claude-nav-ink: var(--claude-text-200);
  --claude-nav-active: #e7e6e1;
  --claude-nav-hover: rgb(30 30 29 / 6%);
  --claude-shadow: 0 1px 2px rgb(19 19 19 / 5%), 0 4px 16px rgb(19 19 19 / 4%);
  --feed-scene-base: var(--claude-bg-100);
  --feed-scene: linear-gradient(var(--claude-bg-100), var(--claude-bg-100));
  --slate-card: var(--claude-bg-000);
  --slate-card-solid: var(--claude-bg-000);
  --slate-field: var(--claude-bg-100);
  --slate-ink: var(--claude-text-000);
  --slate-muted: var(--claude-text-400);
  --slate-edge: var(--claude-border);
  --slate-positive: #b05230; /* money in and success: clay ink instead of green (user, 15.11.2026) */
  --slate-negative: #b93333;
  --slate-link: #256abf;
  --slate-warning: #8a5700;
  --violet-action: var(--claude-text-000);
  --violet-action-hover: var(--claude-text-200);
  --violet-action-ink: var(--claude-bg-100);
  --violet-success-fill: #e6f4e4;
  --violet-danger-fill: #fcebeb;
  --violet-info-fill: #e8f1fd;
  --violet-warning-fill: #fdf1dc;
  --violet-purple-fill: var(--claude-bg-300);
  --violet-purple-ink: var(--claude-text-200);
  --violet-nav: var(--claude-bg-200);
  --violet-nav-solid: var(--claude-bg-200);
  --violet-canvas: var(--claude-bg-100);
  --violet-chat-wallpaper: var(--claude-bg-100);
  --violet-chat-outgoing: #ece9e1;
  --violet-custom-shadow: var(--claude-shadow);
  --violet-custom-ring: rgb(37 106 191 / 18%);
  --dk-bg: var(--claude-bg-100);
  --dk-bg-solid: var(--claude-bg-000);
  --dk-bg-deep: var(--claude-bg-200);
  --dk-nav: var(--claude-bg-200);
  --dk-surface: var(--claude-bg-000);
  --dk-surface-2: var(--claude-bg-100);
  --dk-surface-3: var(--claude-bg-200);
  --dk-surface-4: var(--claude-bg-300);
  --dk-surface-5: var(--claude-bg-400);
  --dk-surface-6: #d9d7cf;
  --dk-surface-raised: var(--claude-bg-200);
  --dk-popover: var(--claude-bg-000);
  --dk-surface-solid: var(--claude-bg-000);
  --dk-surface-opaque: var(--claude-bg-000);
  --dk-input: var(--claude-bg-000);
  --dk-input-opaque: var(--claude-bg-000);
  --dk-hover: rgb(30 30 29 / 5%);
  --dk-hover-2: rgb(30 30 29 / 8%);
  --dk-hover-3: rgb(30 30 29 / 11%);
  --dk-active: var(--claude-bg-400);
  --dk-selected: var(--claude-bg-300);
  --dk-overlay: rgb(19 19 19 / 40%);
  --dk-border-soft: var(--claude-border-soft);
  --dk-border: var(--claude-border);
  --dk-border-strong: var(--claude-border-strong);
  --dk-border-x: var(--claude-border-strong);
  --dk-accent-border: #256abf;
  --dk-ring: rgb(37 106 191 / 18%);
  --dk-text-primary: var(--claude-text-000);
  --dk-text-body: var(--claude-text-000);
  --dk-text-secondary: var(--claude-text-200);
  --dk-text-muted: var(--claude-text-400);
  --dk-text-faint: var(--claude-text-400);
  --dk-text-disabled: #97958d;
  --dk-link: var(--slate-link);
  --dk-success: var(--slate-positive);
  --dk-warning: var(--slate-warning);
  --dk-error: var(--slate-negative);
  --dk-info: var(--slate-link);
  --crm-glass-surface: var(--claude-bg-000);
  --crm-glass-solid: var(--claude-bg-000);
  --crm-glass-edge: var(--claude-border);
  --crm-glass-ink: var(--claude-text-000);
  --crm-glass-hover: var(--dk-hover);
  --crm-glass-control: var(--claude-bg-100);
  --crm-glass-active: var(--claude-bg-300);
  --crm-glass-active-edge: var(--claude-border-strong);
  --crm-glass-accent: var(--slate-link);
  --crm-glass-danger: var(--slate-negative);
  --crm-glass-shadow: rgb(19 19 19 / 8%);
  --crm-dialog-surface: var(--claude-bg-000);
  --crm-dialog-solid: var(--claude-bg-000);
  --crm-dialog-ink: var(--claude-text-000);
  --crm-dialog-muted: var(--claude-text-400);
  --crm-dialog-edge: var(--claude-border);
  --crm-dialog-card: var(--claude-bg-100);
  --crm-dialog-hover: var(--dk-hover);
  --crm-dialog-active: var(--claude-bg-300);
  --crm-dialog-accent: var(--slate-link);
  --crm-dialog-warning: var(--slate-warning);
  --crm-dialog-warning-fill: var(--violet-warning-fill);
  --crm-dialog-danger: var(--slate-negative);
  --crm-dialog-scroll: #c3c2b7;
  scrollbar-color: #c3c2b7 transparent;
}
/* Doubled class: the violet dark tokens load later in a lazy chunk and must not win the tie. */
html.crm-glass.crm-violet.crm-claude.crm-claude.dark:root {
  color-scheme: dark;
  --violet-scheme: dark;
  --claude-bg-000: #20201f;
  --claude-bg-100: #151515;
  --claude-bg-200: #111111;
  --claude-bg-300: #0d0d0d;
  --claude-bg-400: #0b0b0b;
  --claude-text-000: #f9f9f7;
  --claude-text-200: #c3c2b7;
  --claude-text-400: #a3a198;
  --claude-border: rgb(225 224 217 / 15%);
  --claude-border-strong: rgb(225 224 217 / 25%);
  --claude-border-soft: rgb(225 224 217 / 8%);
  --claude-nav-active: rgb(225 224 217 / 10%);
  --claude-nav-hover: rgb(225 224 217 / 6%);
  --claude-shadow: 0 1px 2px rgb(0 0 0 / 30%), 0 4px 16px rgb(0 0 0 / 25%);
  --claude-clay-ink: #d97757;
  --claude-clay-text: #e8957a;
  --claude-clay-text: #e8957a;
  --claude-clay-text: #e8957a;
  --slate-positive: #e8946f;
  --slate-negative: #ef7a7a;
  --slate-link: #5598e7;
  --slate-warning: #fab219;
  --violet-success-fill: #10270e;
  --violet-danger-fill: #3a1515;
  --violet-info-fill: #0d2440;
  --violet-warning-fill: #352207;
  --violet-chat-outgoing: #2a2925;
  --violet-custom-ring: rgb(85 152 231 / 25%);
  --dk-surface-6: #2c2c2a;
  --dk-hover: rgb(225 224 217 / 5%);
  --dk-hover-2: rgb(225 224 217 / 8%);
  --dk-hover-3: rgb(225 224 217 / 11%);
  --dk-active: rgb(225 224 217 / 12%);
  --dk-selected: rgb(225 224 217 / 9%);
  --dk-overlay: rgb(0 0 0 / 62%);
  --dk-accent-border: #5598e7;
  --dk-ring: rgb(85 152 231 / 25%);
  --dk-text-disabled: #7b7974;
  --crm-glass-shadow: rgb(0 0 0 / 35%);
  --crm-dialog-scroll: #4a4945;
  scrollbar-color: #4a4945 transparent;
}

/* Type: Claude's sans for the interface, serif for large page titles, mono for code. */
html.crm-claude:root body,
html.crm-claude:root :is(button, input, textarea, select) { font-family: var(--claude-font-sans); }
html.crm-claude:root .crm-route-content :is(h1, .text-3xl, .text-4xl) { font-family: var(--claude-font-serif); font-weight: 500; letter-spacing: -.01em; }
html.crm-claude:root :is(code, pre, kbd, samp, .font-mono) { font-family: var(--claude-font-mono); }
html.crm-claude:root ::selection { background: rgb(217 119 87 / 28%); }

/* Flat canvas: no glass blur, no scenic background. */
html.crm-glass.crm-violet.crm-claude:root :is(body, .crm-workspace, .transactions-page.container),
html.crm-glass.crm-violet.crm-claude:root .crm-route-content > :is(.feed-page, .h-dvh:has(.warehouse-header)) {
  background: var(--claude-bg-100) !important;
  background-attachment: scroll;
}
html.crm-glass.crm-violet.crm-claude:root :is(.desktop-sidebar-panel, [data-testid='sticky-navigation-root'], .crm-workspace header, [role='dialog'], [role='menu'], [role='listbox']) {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

/* Sidebar like Claude's: a calm grey rail, dark ink, rounded grey selection. */
html.crm-glass.crm-violet.crm-claude:root :is(.desktop-sidebar-panel, [data-testid='sticky-navigation-root']) {
  --crm-glass-surface: var(--claude-bg-200); --crm-glass-solid: var(--claude-bg-200);
  --crm-glass-edge: var(--claude-border); --crm-glass-ink: var(--claude-nav-ink);
  --crm-glass-hover: var(--claude-nav-hover); --crm-glass-control: var(--claude-nav-hover);
  --crm-glass-active: var(--claude-nav-active); --crm-glass-active-edge: transparent;
  --crm-glass-accent: var(--claude-text-000); --crm-glass-danger: var(--slate-negative);
}
html.crm-glass.crm-violet.crm-claude:root .desktop-sidebar-rail .desktop-sidebar-panel { background: var(--claude-bg-200); border-color: var(--claude-border); box-shadow: none; }
html.crm-glass.crm-violet.crm-claude:root .desktop-sidebar-panel .sidebar-footer { background: transparent; }
html.crm-glass.crm-violet.crm-claude:root .desktop-sidebar-panel :is(.sidebar-nav-icon, .sidebar-nav-label, .sidebar-pin-button, .sidebar-brand > span) { color: var(--claude-nav-ink); }
html.crm-glass.crm-violet.crm-claude:root .mobile-quick-menu-toggle { background: var(--claude-bg-000); color: var(--claude-text-000); border-color: var(--claude-border); }
html.crm-glass.crm-violet.crm-claude:root .mobile-quick-menu-toggle[aria-expanded='true'] { background: var(--claude-text-000); color: var(--claude-bg-100); }

/* Buttons: Claude's primary is ink-on-paper (inverted); danger keeps its meaning. */
html.crm-glass.crm-violet.crm-claude:root :is(button, a):is(.bg-emerald-500, .bg-emerald-600, .bg-green-500, .bg-green-600, .bg-blue-500, .bg-blue-600, .bg-indigo-500, .bg-indigo-600, .bg-purple-500, .bg-purple-600),
html.crm-glass.crm-violet.crm-claude:root button[style*='background: rgb(34, 197, 94)'] { box-shadow: none; }
html.crm-glass.crm-violet.crm-claude:root .android-download { background: var(--violet-action); color: var(--violet-action-ink); border-color: transparent; }
html.crm-glass.crm-violet.crm-claude:root .android-download:hover { background: var(--violet-action-hover); }
html.crm-glass.crm-violet.crm-claude:root :is(.bg-black, .bg-gray-700, .bg-gray-800, .bg-gray-900, .bg-slate-700, .bg-slate-800, .bg-slate-900).text-white { background: var(--claude-text-000); color: var(--claude-bg-100); }
html.crm-glass.crm-violet.crm-claude:root :is(button, a, input, select, textarea):focus-visible { outline-color: var(--slate-link); }
html.crm-glass.crm-violet.crm-claude:root ::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--claude-text-400) 45%, transparent); }
html.crm-glass.crm-violet.crm-claude:root ::-webkit-scrollbar-thumb:hover { background: color-mix(in srgb, var(--claude-text-400) 70%, transparent); }
html.crm-glass.crm-violet.crm-claude:root:not(.dark) .shadow-sm { box-shadow: 0 1px 2px rgb(19 19 19 / 5%); }
html.crm-glass.crm-violet.crm-claude:root:not(.dark) :is(.shadow, .shadow-md) { box-shadow: var(--claude-shadow); }
html.crm-glass.crm-violet.crm-claude:root:not(.dark) .shadow-lg { box-shadow: 0 8px 24px rgb(19 19 19 / 8%); }
html.crm-glass.crm-violet.crm-claude:root:not(.dark) :is(.shadow-xl, .shadow-2xl) { box-shadow: 0 14px 40px rgb(19 19 19 / 12%); }
html.crm-glass.crm-violet.crm-claude:root:not(.dark) .deal-card:hover { box-shadow: 0 6px 18px rgb(19 19 19 / 9%); }
html.crm-glass.crm-violet.crm-claude:root .crm-assistant-panel { box-shadow: 0 22px 75px -28px rgb(19 19 19 / 35%); }
html.crm-glass.crm-violet.crm-claude:root :is(.booking-dialog, .wv-service) input[type='checkbox'],
html.crm-glass.crm-violet.crm-claude:root input:is([type='checkbox'], [type='radio'], [type='range']) { accent-color: var(--claude-clay); }

/* The clay brand colour marks send, the avatar and unread counters, as in Claude. */
html.crm-glass.crm-violet.crm-claude:root .chat-composer .right-icons > button:has(.lucide-send):not(:disabled) { background: var(--claude-clay); color: #fff; }
html.crm-glass.crm-violet.crm-claude:root .chat-composer .right-icons > button:has(.lucide-send):not(:disabled):hover { background: var(--claude-clay-hover); }
html.crm-glass.crm-violet.crm-claude:root .profile-avatar,
html.crm-glass.crm-violet.crm-claude:root .wa-chat-row .wa-chat-row-status > .wa-chat-count { background: var(--claude-clay); color: #fff; }
html.crm-glass.crm-violet.crm-claude:root .wa-chat-row.wa-chat-unread .wa-chat-time { color: var(--claude-clay); }
html.crm-glass.crm-violet.crm-claude:root .wa-chat-row-wrap .wa-chat-selected,
html.crm-glass.crm-violet.crm-claude:root .wa-chat-row-wrap .wa-chat-selected:hover { background: var(--claude-nav-active); box-shadow: none; }
html.crm-glass.crm-violet.crm-claude:root .profile-card .appearance-option.is-selected { border-color: var(--claude-clay); box-shadow: 0 0 0 1px var(--claude-clay); }

/* Green text on buttons and links is the CRM brand, not a money/status colour:
   in Claude actions are ink. Status chips and amounts keep their semantic green. */
html.crm-glass.crm-violet.crm-claude.crm-claude:root :is(button, a):is(.text-emerald-500, .text-emerald-600, .text-emerald-700, .text-green-500, .text-green-600, .text-green-700, .text-teal-600),
html.crm-glass.crm-violet.crm-claude.crm-claude:root :is(button, a):is(.text-emerald-500, .text-emerald-600, .text-emerald-700, .text-green-500, .text-green-600, .text-green-700, .text-teal-600) :is(svg, span) { color: var(--claude-text-000) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(button, a):is(.hover\:bg-emerald-50\/90, .hover\:bg-emerald-50, .hover\:bg-green-50):hover { background: var(--dk-hover-2); }
html.crm-glass.crm-violet.crm-claude:root .desktop-sidebar-panel .sidebar-nav-item[aria-current],
html.crm-glass.crm-violet.crm-claude:root .desktop-sidebar-panel .sidebar-nav-item[aria-current] :is(svg, span, .sidebar-nav-icon, .sidebar-nav-label) { color: var(--claude-text-000) !important; }
html.crm-glass.crm-violet.crm-claude:root .desktop-sidebar-panel .sidebar-nav-item[aria-current] { background: var(--claude-nav-active) !important; }

/* Claude has no purple: violet/indigo accents become ink and warm grey. */
html.crm-glass.crm-violet.crm-claude:root :is(.bg-violet-100, .bg-violet-200, .bg-indigo-100, .bg-purple-100) { background-color: var(--claude-bg-300) !important; }
html.crm-glass.crm-violet.crm-claude:root :is([class*='border-violet-'], [class*='border-indigo-'], [class*='border-purple-']) { border-color: var(--claude-border) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(button, a):is(.bg-violet-500, .bg-violet-600, .bg-violet-700) { background: var(--violet-action) !important; color: var(--violet-action-ink) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(button, a):is(.bg-violet-500, .bg-violet-600, .bg-violet-700):hover:not(:disabled) { background: var(--violet-action-hover) !important; }

html.crm-glass.crm-violet.crm-claude:root .training-page article button > div > span:last-child { color: var(--claude-text-000) !important; }

/* Decorative icon tiles and icons (not amounts): Claude's clay instead of brand green. */
html.crm-glass.crm-violet.crm-claude:root :is(.bg-emerald-50, .bg-emerald-100, .bg-green-50, .bg-green-100):is(.w-8, .w-9, .w-10, .w-11, .w-12, .w-14):is(.rounded-lg, .rounded-xl, .rounded-2xl, .rounded-full) { background: rgb(217 119 87 / 12%) !important; color: var(--claude-clay) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(.bg-emerald-50, .bg-emerald-100, .bg-green-50, .bg-green-100):is(.w-8, .w-9, .w-10, .w-11, .w-12, .w-14):is(.rounded-lg, .rounded-xl, .rounded-2xl, .rounded-full) svg,
html.crm-glass.crm-violet.crm-claude:root svg.lucide:is(.text-emerald-400, .text-emerald-500, .text-emerald-600, .text-green-500, .text-green-600):not(:is(.lucide-check, .lucide-check-check, .lucide-check-circle, .lucide-check-circle-2, .lucide-circle-check, .lucide-circle-check-big, .lucide-badge-check, .lucide-square-check, .lucide-check-square)),
html.crm-glass.crm-violet.crm-claude:root :is(.text-emerald-500, .text-emerald-600):is(.uppercase, .tracking-widest, .tracking-wide),
html.crm-glass.crm-violet.crm-claude:root div.text-emerald-600:has(> svg.lucide) { color: var(--claude-clay) !important; }
html.crm-glass.crm-violet.crm-claude:root [class*='bg-violet-50'] { background-color: var(--claude-bg-000) !important; }

/* Charts: the brand-green series (leads by day, sums) in Claude's clay; income/expense
   lines and categorical pie colours keep their meaning. */
html.crm-glass.crm-violet.crm-claude:root .recharts-area :is(path, circle)[stroke='#10b981'] { stroke: var(--claude-clay); }
html.crm-glass.crm-violet.crm-claude:root .recharts-area :is(path, circle)[fill='#10b981'] { fill: var(--claude-clay); }
html.crm-glass.crm-violet.crm-claude:root .recharts-bar-rectangle path[fill='#059669'] { fill: var(--claude-clay); }

/* Chat toolbar and composer: neutral icons like Claude's, clay for the voice action. */
html.crm-glass.crm-violet.crm-claude:root :is(.whatsapp-header, .chat-header) :is(.text-green-500, .text-green-600, .text-green-700, .text-emerald-500, .text-emerald-600, .text-emerald-700),
html.crm-glass.crm-violet.crm-claude:root :is(.whatsapp-header, .chat-header) button:is(.booking-trigger, .reminder-inbox:not(.reminder-inbox-due)),
html.crm-glass.crm-violet.crm-claude:root .whatsapp-header button.rounded-lg.border { color: var(--claude-text-200) !important; }
html.crm-glass.crm-violet.crm-claude:root .whatsapp-header button.rounded-lg.border { background: var(--claude-bg-000); border-color: var(--claude-border); }
html.crm-glass.crm-violet.crm-claude:root .chat-voice-trigger { background: var(--claude-bg-000); color: var(--claude-text-200); border-color: var(--claude-border); }
html.crm-glass.crm-violet.crm-claude:root .chat-voice-trigger:hover { background: var(--dk-hover-2); }
html.crm-glass.crm-violet.crm-claude:root .voice-record-button { background: var(--claude-clay); color: #fff; }
html.crm-glass.crm-violet.crm-claude:root .voice-record-button:hover { background: var(--claude-clay-hover); }
html.crm-glass.crm-violet.crm-claude:root .wa-ai-badge { background: var(--claude-bg-300); color: var(--claude-text-200); }

/* Colours the violet rules fix for a purple background, back to readable ink. */
html.crm-glass.crm-violet.crm-claude:root .transactions-category-grid :is(.text-gray-700, .text-gray-600, .text-gray-400) { color: var(--claude-text-200); }
html.crm-glass.crm-violet.crm-claude:root .transactions-category-grid .text-center { text-shadow: none; }
html.crm-glass.crm-violet.crm-claude:root .transactions-category-grid .text-emerald-500 { color: var(--slate-positive) !important; }
html.crm-glass.crm-violet.crm-claude:root .transactions-category-grid .text-red-500 { color: var(--slate-negative) !important; }
html.crm-glass.crm-violet.crm-claude:root .training-page article button > span:first-child > span,
html.crm-glass.crm-violet.crm-claude:root .crm-workspace a[aria-label^='Смотреть видеоурок:'] > span:first-child > span { background: rgb(19 19 19 / 82%) !important; }
html.crm-glass.crm-violet.crm-claude:root dialog[data-training-player]::backdrop,
html.crm-glass.crm-violet.crm-claude:root .booking-dialog::backdrop { background: rgb(19 19 19 / 50%); }
html.crm-glass.crm-violet.crm-claude:root:not(.dark) :is(.wa-transcribe-button) { color: #006300; }
html.crm-glass.crm-violet.crm-claude:root:not(.dark) :is(.wa-voice-play, .wa-voice-details) { color: var(--claude-text-400); }
html.crm-glass.crm-violet.crm-claude:root .org-canvas { background-color: var(--claude-bg-100); }

/* HouseKit connect page: its hero sat on the violet scene; on Claude paper it is ink. */
html.crm-violet.crm-claude :is(.hk-topbar, .hero, .hero > p, .hero .eyebrow, .hk-topbar a, footer, footer a) { color: var(--claude-text-000) !important; }
html.crm-violet.crm-claude .benefits span { background: var(--claude-bg-000); color: var(--claude-text-200); border-color: var(--claude-border); }
html.crm-violet.crm-claude .consent-guide > summary { color: var(--claude-text-000); }
:root.crm-violet.crm-claude { --hk-accent: var(--claude-clay); --hk-accent-ink: #fff; }

/* Start-up screen: shown before the CRM mounts; the boot class comes from a tiny
   inline script that reads the cached appearance (data-workspace-claude-boot). */
html:is(.crm-claude, .crm-claude-boot) #app-preloader { background: #f9f9f7; }
html:is(.crm-claude, .crm-claude-boot) #app-preloader .ring.bg { border-color: #e7e6e1; }
html:is(.crm-claude, .crm-claude-boot) #app-preloader .ring.outer { border-top-color: #d97757; border-right-color: #d97757; }
html:is(.crm-claude, .crm-claude-boot) #app-preloader .ring.inner { border-bottom-color: #c3c2b7; border-left-color: #c3c2b7; }
html:is(.crm-claude, .crm-claude-boot) #app-preloader .brand { font-family: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; }
html:is(.crm-claude, .crm-claude-boot) #app-preloader .brand-name { background: none; color: #131313; -webkit-text-fill-color: currentColor; font-family: Georgia, 'Times New Roman', serif; font-weight: 500; }
html:is(.crm-claude, .crm-claude-boot) #app-preloader :is(.brand-company, .brand-sub) { color: #7b7974; }
html.dark:is(.crm-claude, .crm-claude-boot) #app-preloader { background: #151515; }
html.dark:is(.crm-claude, .crm-claude-boot) #app-preloader .ring.bg { border-color: rgb(225 224 217 / 12%); }
html.dark:is(.crm-claude, .crm-claude-boot) #app-preloader .brand-name { color: #f9f9f7; }
html.dark:is(.crm-claude, .crm-claude-boot) #app-preloader :is(.brand-company, .brand-sub) { color: #97958d; }

/* Appearance picker: four styles in a row on wide screens, and the Claude preview. */
@media (min-width: 1100px) { .profile-card .appearance-options { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 621px) and (max-width: 1099px) { .profile-card .appearance-options { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.appearance-preview--claude { background: #f9f9f7; border-color: #e1e0d9; }
.appearance-preview--claude .appearance-preview-nav { background: #f3f3f0; border-right: 1px solid #e7e6e1; }
.appearance-preview--claude .appearance-preview-nav i { background: #c3c2b7; }
.appearance-preview--claude .appearance-preview-nav i:first-child { background: #d97757; }
.appearance-preview--claude .appearance-preview-content > i { background: linear-gradient(to right, #131313 30%, #fff 30%); }
.appearance-preview--claude .appearance-preview-content > span > i { background: #fff; border-color: #e7e6e1; }

/* ── Pass 2: leftovers found page by page (light, dark, mobile). ── */
/* Shared settings palette: «positive» doubles as the brand accent in calls, chips and
   panels; in Claude that accent is ink on warm grey. Real success states get green back below. */
html.crm-glass.crm-violet.crm-claude.crm-claude:root {
  --settings-positive: var(--claude-text-200);
  --settings-positive-fill: color-mix(in srgb, var(--claude-text-000) 6%, var(--claude-bg-000));
  --mobile-chat-search-focus: var(--slate-link);
  --crm-accent: var(--claude-text-000);
}
html.crm-glass.crm-violet.crm-claude:root :is(.wc-connected, .wc-status.is-active, .cc-success-icon, .calc-settings-success, .desktop-call-ready, .wa-status.is-active, .housekit-status.is-saved, .hk-tech-ok) { color: var(--slate-positive) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(.wc-connected, .cc-success-icon) { background: var(--violet-success-fill); }
html.crm-glass.crm-violet.crm-claude:root .housekit-page { --hk-positive: var(--slate-positive); }
html.crm-glass.crm-violet.crm-claude:root body :is(.calculator-sync-status, .calculator-sync-loading) { color: var(--slate-positive); background: var(--violet-success-fill); }
html.crm-glass.crm-violet.crm-claude:root body .calculator-resume { color: var(--claude-text-000); background: var(--claude-bg-000); }
/* Channel chips keep the messenger's own colour. */
html.crm-glass.crm-violet.crm-claude:root body .chat-contact-header .chat-channel-chip:not([data-channel^='telegram']) { color: var(--slate-positive); background: var(--violet-success-fill); }

/* Tailwind green tints that only decorate: neutral warm grey. Small status pills keep theirs. */
html.crm-glass.crm-violet.crm-claude:root :is(.bg-emerald-50, .bg-emerald-100, .bg-green-50, .bg-green-100, .bg-teal-50, [class*='bg-emerald-50/'], [class*='bg-green-50/']):is(.p-3, .p-4, .p-5, .p-6, .sm\:p-4, .mt-4, .mt-12, .my-5):not(.rounded-full, [role=status], [role=alert]) { background-color: var(--claude-bg-100) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(.bg-emerald-50, .bg-emerald-100, .bg-green-50, .bg-green-100, .bg-teal-50):is(.p-3, .p-4, .p-5, .p-6, .mt-4, .mt-12, .my-5):not(.rounded-full, [role=status], [role=alert]) :is(.text-emerald-600, .text-emerald-700, .text-emerald-800, .text-emerald-900, .text-green-700, .text-green-800, .text-green-900, h3, h4, p, li) { color: var(--claude-text-200) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(.bg-emerald-50, .bg-emerald-100, .bg-green-50, .bg-green-100, .bg-teal-50):is(.p-3, .p-4, .p-5, .p-6, .mt-4, .mt-12, .my-5):not(.rounded-full, [role=status], [role=alert]) :is(h3, h4, .font-semibold) { color: var(--claude-text-000) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(.text-emerald-500, .text-emerald-600, .text-emerald-700, .text-emerald-800, .text-green-600, .text-green-700, .text-green-800):is(.uppercase, .tracking-widest, .tracking-wide) { color: var(--claude-clay) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(.bg-gradient-to-br, .bg-gradient-to-r, .bg-gradient-to-b):is(.from-emerald-50, .from-green-50, .from-teal-50, [class*='from-emerald-'], [class*='from-green-']) { background: var(--claude-bg-100) !important; }
html.crm-glass.crm-violet.crm-claude:root :is([class*='border-emerald-'], [class*='border-green-'], [class*='border-teal-']):not(.animate-spin, .border-b-2, [class*='border-t-transparent']) { border-color: var(--claude-border) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(.ring-emerald-100, .ring-emerald-200, .ring-emerald-500, .ring-green-500, .focus\:ring-emerald-500, .focus\:ring-green-500) { --tw-ring-color: var(--dk-ring); }
html.crm-glass.crm-violet.crm-claude:root :is(.hover\:bg-emerald-50, .hover\:bg-emerald-100, .hover\:bg-green-50, .hover\:bg-green-100, .hover\:bg-teal-50, .group-hover\:bg-emerald-50, [class*='hover:bg-emerald-50/']):hover { background-color: var(--dk-hover-2) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(.hover\:text-emerald-600, .hover\:text-emerald-700, .hover\:text-green-600, .hover\:text-green-700):hover { color: var(--claude-text-000) !important; }
/* Selected pale-green toggles (mode switches, tool buttons): Claude's grey selection. */
html.crm-glass.crm-violet.crm-claude.crm-claude:root button:is(.bg-emerald-50, .bg-emerald-100, .bg-green-50, .bg-green-100, .bg-teal-50, [class*='bg-emerald-50/'], [class*='bg-emerald-100/']) { background-color: var(--claude-nav-active) !important; color: var(--claude-text-000) !important; }
html.crm-glass.crm-violet.crm-claude.crm-claude:root button:is(.bg-emerald-50, .bg-emerald-100, .bg-green-50, .bg-green-100, .bg-teal-50) :is(span, svg) { color: var(--claude-text-000) !important; }
/* Avatars on a green disc and decorative solid tiles: clay, as Claude's own avatar. */
html.crm-glass.crm-violet.crm-claude:root .rounded-full.bg-emerald-100:is(.w-9, .w-10, .w-11, .w-12, .h-11, .h-12) { background-color: rgb(217 119 87 / 14%) !important; color: var(--claude-clay) !important; box-shadow: none !important; }
html.crm-glass.crm-violet.crm-claude:root .rounded-full.bg-emerald-100:is(.w-9, .w-10, .w-11, .w-12, .h-11, .h-12) svg { color: var(--claude-clay) !important; }
html.crm-glass.crm-violet.crm-claude:root span:is(.bg-emerald-500, .bg-emerald-600, .bg-green-500):is(.w-8, .w-9, .w-10, .w-11, .w-12):is(.rounded-lg, .rounded-xl) { background: var(--claude-clay) !important; color: #fff !important; }
html.crm-glass.crm-violet.crm-claude:root div.rounded-full:is(.bg-green-100, .bg-emerald-100):is(.p-2, .p-3) { background-color: rgb(217 119 87 / 14%) !important; color: var(--claude-clay) !important; }
html.crm-glass.crm-violet.crm-claude:root div.rounded-full:is(.bg-green-100, .bg-emerald-100):is(.p-2, .p-3) svg { color: var(--claude-clay) !important; }
html.crm-glass.crm-violet.crm-claude:root .android-app-card .android-icon { background: var(--claude-clay); }
/* Progress bars and spinners in the brand colour. */
html.crm-glass.crm-violet.crm-claude:root :is(.h-1, .h-1\.5, .h-2, .h-2\.5, .h-3) > :is(.bg-emerald-500, .bg-emerald-600, .bg-green-500, .bg-green-600, .bg-teal-500).h-full { background: var(--claude-clay) !important; }
html.crm-glass.crm-violet.crm-claude:root .animate-spin:is(.border-emerald-500, .border-emerald-600, .border-green-500, .border-green-600, .border-teal-500, [class*='border-emerald-'], [class*='border-green-']) { border-color: var(--claude-clay) !important; border-top-color: transparent !important; }
html.crm-glass.crm-violet.crm-claude:root .animate-spin:is(.border-b-2, .border-t-2):is(.border-emerald-500, .border-emerald-600, .border-green-500, .border-green-600) { border-color: transparent !important; border-bottom-color: var(--claude-clay) !important; }
html.crm-glass.crm-violet.crm-claude:root :is([class*='border-t-emerald-'], [class*='border-r-emerald-'], [class*='border-t-green-'], [class*='border-r-green-']).rounded-full { border-top-color: var(--claude-clay) !important; border-right-color: var(--claude-clay) !important; }
html.crm-glass.crm-violet.crm-claude:root :is([class*='border-b-emerald-'], [class*='border-l-emerald-'], [class*='border-b-green-'], [class*='border-l-green-']).rounded-full { border-bottom-color: #c3c2b7 !important; border-left-color: #c3c2b7 !important; }
html.crm-glass.crm-violet.crm-claude:root div:is(.bg-emerald-100, .bg-emerald-50, .bg-green-100):is(.p-1, .p-1\.5, .p-2, .p-2\.5).rounded-lg { background-color: rgb(217 119 87 / 12%) !important; color: var(--claude-clay) !important; }
html.crm-glass.crm-violet.crm-claude:root div:is(.bg-emerald-100, .bg-emerald-50, .bg-green-100):is(.p-1, .p-1\.5, .p-2, .p-2\.5).rounded-lg svg { color: var(--claude-clay) !important; }
html.crm-glass.crm-violet.crm-claude:root a[aria-label^='Смотреть видеоурок:'] span[style*='uppercase'] { color: var(--claude-clay) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(.focus-visible\:outline-emerald-600, .focus-visible\:outline-emerald-500, .focus-visible\:outline-green-600):focus-visible { outline-color: var(--slate-link) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(.focus\:border-emerald-500, .focus\:border-green-500, .focus\:border-emerald-400):focus { border-color: var(--slate-link) !important; }
/* Underlined tabs: ink underline instead of green. */
html.crm-glass.crm-violet.crm-claude:root :is(button, a).border-b-2:is(.border-emerald-500, .border-emerald-600, .border-green-500, .border-green-600, .border-teal-500) { border-bottom-color: var(--claude-text-000) !important; color: var(--claude-text-000) !important; }

/* Primary buttons in every green shade, inline green fills included: ink on paper. */
html.crm-glass.crm-violet.crm-claude.crm-claude:root :is(button, a, label):is(.bg-emerald-500, .bg-emerald-600, .bg-emerald-700, .bg-emerald-800, .bg-green-500, .bg-green-600, .bg-green-700, .bg-teal-500, .bg-teal-600, .bg-sf-primary, .bg-sf-primaryHover),
html.crm-glass.crm-violet.crm-claude.crm-claude:root :is(button, a):is([style*='rgb(34, 197, 94)'], [style*='rgb(16, 185, 129)'], [style*='rgb(5, 150, 105)'], [style*='rgb(22, 163, 74)'], [style*='#10b981' i], [style*='#22c55e' i], [style*='#059669' i]) {
  background: var(--violet-action) !important; color: var(--violet-action-ink) !important; border-color: transparent !important; box-shadow: none !important;
}
html.crm-glass.crm-violet.crm-claude.crm-claude:root :is(button, a, label):is(.bg-emerald-500, .bg-emerald-600, .bg-emerald-700, .bg-emerald-800, .bg-green-500, .bg-green-600, .bg-green-700, .bg-teal-500, .bg-teal-600, .bg-sf-primary, .bg-sf-primaryHover) :is(svg, span) { color: inherit !important; }
html.crm-glass.crm-violet.crm-claude.crm-claude:root :is(button, a, label):is(.bg-emerald-500, .bg-emerald-600, .bg-emerald-700, .bg-emerald-800, .bg-green-500, .bg-green-600, .bg-green-700, .bg-teal-500, .bg-teal-600, .bg-sf-primary, .bg-sf-primaryHover):hover:not(:disabled) { background: var(--violet-action-hover) !important; }
html.crm-glass.crm-violet.crm-claude.crm-claude:root body .h-dvh:has(.warehouse-header) > .sticky button:is([style*='34, 197, 94'], .bg-emerald-500) { color: var(--violet-action-ink) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(button, a):is(.bg-amber-500, .bg-orange-500, .bg-cyan-600, .bg-sky-500, .bg-sky-600).text-white { background: var(--violet-action) !important; color: var(--violet-action-ink) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(button, a):is(.bg-amber-500, .bg-orange-500, .bg-cyan-600, .bg-sky-500, .bg-sky-600).text-white:hover:not(:disabled) { background: var(--violet-action-hover) !important; }
/* Outlined green buttons: Claude's quiet outline. */
html.crm-glass.crm-violet.crm-claude:root :is(button, a):is(.border-green-500, .border-green-600, .border-emerald-500, .border-emerald-600, .border-emerald-300, .border-sf-primary):not(.border-b-2) { border-color: var(--claude-border-strong) !important; color: var(--claude-text-000) !important; background-color: transparent; }
html.crm-glass.crm-violet.crm-claude:root :is(button, a):is(.border-green-500, .border-green-600, .border-emerald-500, .border-emerald-600, .border-emerald-300, .border-sf-primary):not(.border-b-2):hover { background-color: var(--dk-hover-2) !important; }
/* The brand «sf» palette (Tailwind tokens from the green design file). */
html.crm-glass.crm-violet.crm-claude.crm-claude:root :is(.text-sf-primary, .text-sf-accent, .text-sf-text-accent, .text-sf-primaryHover) { color: var(--claude-text-000) !important; }
html.crm-glass.crm-violet.crm-claude.crm-claude:root :is(.text-sf-text-link, .hover\:text-sf-text-linkHover:hover, .text-sf-text-linkHover) { color: var(--slate-link) !important; }
html.crm-glass.crm-violet.crm-claude.crm-claude:root :is(.hover\:text-sf-primary, .hover\:text-sf-accent):hover { color: var(--claude-text-000) !important; }
html.crm-glass.crm-violet.crm-claude.crm-claude:root :is(.bg-sf-primaryLight, .bg-sf-accentLight, [class*='bg-sf-primaryLight/'], [class*='bg-sf-accentLight/']) { background-color: var(--claude-bg-300) !important; }
html.crm-glass.crm-violet.crm-claude.crm-claude:root :is(.hover\:bg-sf-primaryLight, [class*='hover:bg-sf-primaryLight/']):hover { background-color: var(--dk-hover-2) !important; }
html.crm-glass.crm-violet.crm-claude.crm-claude:root :is(.border-sf-primary, .border-sf-borderFocus, .hover\:border-sf-primary:hover) { border-color: var(--claude-border-strong) !important; }
html.crm-glass.crm-violet.crm-claude.crm-claude:root :is(.from-sf-primaryLight, .to-sf-primaryLight, .via-sf-primaryLight) { --tw-gradient-from: var(--claude-bg-100) var(--tw-gradient-from-position) !important; --tw-gradient-to: var(--claude-bg-100) var(--tw-gradient-to-position) !important; --tw-gradient-via: var(--claude-bg-100) var(--tw-gradient-via-position) !important; }
html.crm-glass.crm-violet.crm-claude.crm-claude:root .ring-sf-primary { --tw-ring-color: var(--dk-ring); }

/* Messenger: call log, filters, reminders, booking, calls and voice. */
html.crm-glass.crm-violet.crm-claude:root .call-log-nav > [aria-current=page] { color: var(--claude-text-000); }
html.crm-glass.crm-violet.crm-claude:root .call-log-nav > [aria-current=page] .call-log-tab-icon { background: var(--claude-nav-active); }
html.crm-glass.crm-violet.crm-claude:root .call-log-nav > button:hover .call-log-tab-icon { background: var(--dk-hover-2); }
html.crm-glass.crm-violet.crm-claude:root :is(.chat-call-redial-hint, .chat-call-icon, .chat-call-notice button) { color: var(--claude-text-200); }
html.crm-glass.crm-violet.crm-claude:root .call-log-dialog { --cl-green: var(--slate-positive); }
html.crm-glass.crm-violet.crm-claude:root :is(.cf-fields, .cf-mobile-quick, .cf-mobile-toolbar, .cf-mobile-body .cf-fields) { --cf-accent: var(--claude-text-000); --cf-selected: var(--claude-nav-active); --cf-status-all: var(--claude-text-200); }
html.crm-glass.crm-violet.crm-claude:root .cf-mobile-done { background: var(--violet-action); color: var(--violet-action-ink); }
html.crm-glass.crm-violet.crm-claude:root :is(.cf-mobile-toolbar, .cf-mobile-quick, .cf-mobile-sheet) button:focus-visible { outline-color: var(--slate-link); }
html.crm-glass.crm-violet.crm-claude:root .cf-mobile-open { border-color: var(--claude-border-strong); background: var(--claude-nav-active); }
html.crm-glass.crm-violet.crm-claude:root body :is(.cf-summary, .cf-mobile-open) { color: var(--claude-text-000); }
html.crm-glass.crm-violet.crm-claude:root body .chat-filters-toolbar button[aria-label^='Сбросить'] { color: var(--claude-text-000) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(.chat-filters-toggle:hover, .chat-filters-toggle[aria-expanded='true'], .chat-filters-toggle.is-active, .chat-filter-modes > button[aria-pressed='true']) { background: var(--claude-nav-active); color: var(--claude-text-000); }
html.crm-glass.crm-violet.crm-claude:root :is(.chat-filters-toggle, .chat-filters-toggle *) { stroke: currentColor; }
html.crm-glass.crm-violet.crm-claude:root .chat-filter-field > select[data-active='true'] { background: var(--claude-nav-active); color: var(--claude-text-000); border-color: var(--claude-border-strong); }
html.crm-glass.crm-violet.crm-claude:root :is(.reminder-client, .reminder-empty) { color: var(--claude-text-000); }
html.crm-glass.crm-violet.crm-claude:root .reminder-presets button[aria-pressed='true'] { color: var(--claude-text-000); border-color: var(--claude-border-strong); background: var(--claude-nav-active); }
html.crm-glass.crm-violet.crm-claude:root .reminder-new { background: var(--violet-action); color: var(--violet-action-ink); }
html.crm-glass.crm-violet.crm-claude:root .reminder-new:hover { background: var(--violet-action-hover); }
html.crm-glass.crm-violet.crm-claude:root :is(.booking-trigger, .booking-toolbar, .booking-toolbar label, .booking-toolbar button) { color: var(--claude-text-200); }
html.crm-glass.crm-violet.crm-claude:root .booking-card strong { color: var(--claude-text-000); }
html.crm-glass.crm-violet.crm-claude:root .wa-message-bubble .wa-message-text a { color: var(--slate-link); }
html.crm-glass.crm-violet.crm-claude:root .wa-transcribe-button { color: var(--slate-link) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(.chat-call-links a, .chat-voice-icon, .chat-voice-heading button:hover, .chat-voice-agent, .chat-voice-progress, .chat-voice-receive-status, .chat-app-ai-symbol, .chat-app-ai-card > button, .chat-voice-secondary, .chat-call-status) { color: var(--claude-text-200); }
html.crm-glass.crm-violet.crm-claude:root .chat-voice-secondary { border-color: var(--claude-border); }
html.crm-glass.crm-violet.crm-claude:root .chat-voice-trigger.is-active { background: var(--claude-clay); color: #fff; }
html.crm-glass.crm-violet.crm-claude:root .chat-voice-panel.chat-call-compact :is(.chat-call-attention button, .chat-call-settings-toggle[aria-expanded=true]) { color: var(--claude-text-000); }
html.crm-glass.crm-violet.crm-claude:root .is-outgoing .chat-call-bubble { background: var(--violet-chat-outgoing); }
html.crm-glass.crm-violet.crm-claude:root :is(.chat-input.chat-composer:focus-within) { box-shadow: 0 0 0 2px var(--dk-ring); }
html.crm-glass.crm-violet.crm-claude:root .crm-assistant-panel .crm-assistant-compose button[type='submit']:not(:disabled) { background: var(--claude-clay); color: #fff; }
html.crm-glass.crm-violet.crm-claude:root :is(.client-form-autofilled input, .client-form-autofilled select) { background-color: var(--violet-info-fill); }
html.crm-glass.crm-violet.crm-claude:root .profile-card input:not([type='checkbox']):focus { box-shadow: 0 0 0 3px var(--dk-ring); }

/* Profile: work activity, notifications, section picker, account switcher. */
html.crm-glass.crm-violet.crm-claude:root .work-activity { --wa-accent: var(--claude-clay); }
html.crm-glass.crm-violet.crm-claude:root .work-activity :is(.wa-card a, .wa-card a svg) { color: var(--slate-link); }
html.crm-glass.crm-violet.crm-claude:root .work-activity :is(.wa-presets button[aria-pressed=true], .wa-person > span) { color: var(--claude-text-000); }
html.crm-glass.crm-violet.crm-claude:root .work-activity button:hover:not(:disabled) { border-color: var(--claude-border-strong); }
html.crm-glass.crm-violet.crm-claude:root .work-activity :is(button, a, input, select, summary):focus-visible { outline-color: var(--slate-link); }
html.crm-glass.crm-violet.crm-claude:root .dn-heading-icon { background: rgb(217 119 87 / 12%); color: var(--claude-clay); }
html.crm-glass.crm-violet.crm-claude:root .dn-switch { background: var(--claude-bg-400); }
html.crm-glass.crm-violet.crm-claude.dark:root .dn-switch { background: #4a4945; }
html.crm-glass.crm-violet.crm-claude:root .dn-switch[aria-checked=true] { background: var(--claude-clay); }
html.crm-glass.crm-violet.crm-claude:root label:is(.border-emerald-500, .border-emerald-400, [class*='border-emerald-']):has(input:checked) { border-color: var(--claude-text-400) !important; background-color: var(--claude-bg-300) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(.text-emerald-700, .text-emerald-800).bg-white { color: var(--claude-text-200) !important; }
html.crm-glass.crm-violet.crm-claude:root body .account-switcher-row[data-active=true] { border-color: var(--claude-border-strong); background: var(--claude-nav-active); }
html.crm-glass.crm-violet.crm-claude:root body .account-switcher-avatar { background: var(--claude-clay); color: #fff; }
html.crm-glass.crm-violet.crm-claude:root body :is(.account-switcher-label em, .account-switcher-label strong, .account-switcher-choice svg) { color: var(--claude-text-000); }
html.crm-glass.crm-violet.crm-claude:root body .account-switcher-label em { color: var(--claude-text-400); }

/* Team, structure, instructions, knowledge, WatsyVoice: accents were green ink. */
html.crm-glass.crm-violet.crm-claude:root :is(.team-overview strong, .team-person-heading p) { color: var(--claude-text-000); }
html.crm-glass.crm-violet.crm-claude:root :is(.team-emblem, .team-avatar, .org-detail-avatar, .org-edit-avatar, .instruction-avatar, .wv-call-avatar) { background: rgb(217 119 87 / 14%) !important; color: var(--claude-clay) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(.team-badges .linked, .team-person-tabs button.active, .org-view-tabs button.active, .org-expand-all, .org-expand-all.is-expanded, .org-list-row.selected, .org-search-results button, .org-detail-symbol, .org-list-symbol, .instruction-person:hover, .instruction-person.active, .instruction-contents, .instruction-section h2 span, .knowledge-audit button[aria-pressed='true'], .wv-phone .wv-tabs button[aria-current='page'], .wv-badge, .wv-service-notice) { background: var(--claude-nav-active) !important; color: var(--claude-text-000) !important; border-color: var(--claude-border) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(.org-text-button, .org-breadcrumb button, .org-focus-bar button, .wv-service a, .wv-catalog a) { color: var(--slate-link); }
html.crm-glass.crm-violet.crm-claude:root :is(.instruction-kicker, .wv-eyebrow, .wv-setup-grid span) { color: var(--claude-clay-ink); }
html.crm-glass.crm-violet.crm-claude:root .instructions-notice { background: var(--claude-bg-300); color: var(--claude-text-200); }
html.crm-glass.crm-violet.crm-claude:root .instruction-status.approved { background: var(--violet-success-fill); color: var(--slate-positive); }
html.crm-glass.crm-violet.crm-claude:root :is(.org-button-primary, .wv-phone .wv-primary) { background: var(--violet-action); border-color: transparent; color: var(--violet-action-ink); }
html.crm-glass.crm-violet.crm-claude:root :is(.org-button-primary, .wv-phone .wv-primary):hover { background: var(--violet-action-hover); }
html.crm-glass.crm-violet.crm-claude:root .wv-knowledge-stats strong { color: var(--claude-text-000); }
html.crm-glass.crm-violet.crm-claude:root .wv-meter span { background: var(--claude-clay); }
html.crm-glass.crm-violet.crm-claude:root .knowledge-base-workspace { --kb-accent: var(--claude-text-000); --kb-active: var(--claude-nav-active); }

/* Feed, warehouse. */
html.crm-glass.crm-violet.crm-claude:root body .feed-page .feed-quick-filters > button[aria-pressed='true'] { background: var(--claude-nav-active); color: var(--claude-text-000); border-color: var(--claude-border-strong); }
html.crm-glass.crm-violet.crm-claude:root .feed-page .feed-content > :is([role='status'], .justify-center) button { color: var(--claude-text-000); }
html.crm-glass.crm-violet.crm-claude:root body .h-dvh:has(.warehouse-header) > .sticky :is(.text-emerald-600, [style*='color: rgb(22, 163, 74)']) { color: var(--claude-text-000) !important; }

html.crm-glass.crm-violet.crm-claude:root .feed-page .feed-content > .text-center > h3 { color: var(--claude-text-000); }
html.crm-glass.crm-violet.crm-claude:root .feed-page .feed-content > .text-center > p,
html.crm-glass.crm-violet.crm-claude:root .feed-page .feed-content h2.text-gray-500 + span { color: var(--claude-text-400); }
html.crm-glass.crm-violet.crm-claude:root .feed-page .feed-content h2.text-gray-500 { color: var(--claude-text-200); }
/* Messenger source badges on the light paper: the light inks, not the glass ones. */
html.crm-glass.crm-violet.crm-claude:root:not(.dark) .wa-chat-row .wa-chat-source { --source-ink: #0f766e; --source-fill: rgba(13,148,136,.09); }
html.crm-glass.crm-violet.crm-claude:root:not(.dark) .wa-chat-row .wa-chat-source[data-source-tone='wazzup'] { --source-ink: #2563b0; --source-fill: rgba(59,130,246,.09); }
html.crm-glass.crm-violet.crm-claude:root:not(.dark) .wa-chat-row .wa-chat-source[data-source-tone='instagram'] { --source-ink: #b0358b; --source-fill: rgba(217,70,156,.10); }
html.crm-glass.crm-violet.crm-claude:root:not(.dark) .wa-chat-row .wa-chat-source[data-source-tone='telegram'] { --source-ink: #087eae; --source-fill: rgba(14,165,233,.10); }
html.crm-glass.crm-violet.crm-claude:root:not(.dark) .wa-chat-row .wa-chat-source[data-source-tone='max'] { --source-ink: #7654bb; --source-fill: rgba(139,92,246,.10); }
html.crm-glass.crm-violet.crm-claude:root:not(.dark) .wa-chat-row .wa-chat-source[data-source-tone='website'] { --source-ink: #5969a6; --source-fill: rgba(99,102,241,.10); }
html.crm-glass.crm-violet.crm-claude:root:not(.dark) :is(.text-emerald-500, .text-emerald-600, .text-emerald-700, .text-emerald-800, .text-green-600, .text-green-700, .text-green-800):is(.uppercase, .tracking-widest, .tracking-wide) { color: var(--claude-clay-ink) !important; }
/* Component stylesheets with their own green (each checked against its states):
   focus rings blue, primaries ink, active items ink on grey, send/record and avatars clay. */
html.crm-glass.crm-violet.crm-claude:root :is(.crm-assistant-panel button, .crm-assistant-nudge, .crm-assistant-trigger, .crm-assistant-nav-button, .assistant-speech .assistant-speech-button, .account-switcher-dialog button, .account-switcher-trigger, .desktop-sidebar-panel button, .mobile-quick-menu-toggle, .calculator-markup-toggle, .calculator-markup-presets button, .calc-settings-dialog button, .feed-operation-filter-row button, .knowledge-audit :is(button, input, textarea, select), .booking-dialog button, .wa-attachment-composer button, .chat-ai-toolbar__button, .call-log-nav > button, .chat-call-redial, .cc-menu, .cc-content :is(button, summary, input), .reminder-sheet *, .chat-reminders *, .reminder-inbox, .wa-video-viewer :is(button, a), .wa-video-message-preview, .wa-document-forward, .wa-selection-bar button, .wa-reaction-picker button, .mobile-chat-composer__icon, .mobile-composer-sheet__close, .mobile-composer-sheet button, .mobile-client-screen__back, .reply-suggestions__toggle, .voice-record-button, .calculator-review-details > summary, .calculator-drawer-actions button, .calculator-resume, .calculator-minimize, .wa-youtube-preview :is(button, a), .wc-dialog *, .wc-connect :is(button, input, summary), .wc-dashboard a, .chat-call-center :is(button, summary), .chat-voice-trigger, .chat-voice-panel button, .chat-voice-settings, .chat-voice-mini button, .chat-voice-options summary, .chat-voice-inbound button, .wv-duration-picker input, .org-expand-all, :is(.org-page, .org-editor) :is(button, input, select, textarea), .profile-tabs [role=tab], .profile-panel, .profile-card button, .profile-page header button, .profit-sum-widget button, .profit-sum-cell, .profit-sum-dock-button):focus-visible { outline-color: var(--slate-link) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(.wa-attachment-footer textarea, .calculator-markup-input):is(:focus, :focus-within) { outline-color: var(--slate-link) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(.calc-settings-field input, .calc-settings-field select, .profile-card input:not([type='checkbox']), .org-input):focus { border-color: var(--slate-link) !important; outline-color: var(--dk-ring) !important; }
html.crm-glass.crm-violet.crm-claude:root body .chat-filters-toolbar .cf-search:focus-within { border-color: var(--slate-link) !important; }
html.crm-glass.crm-violet.crm-claude:root .reminder-item:focus-within { border-color: var(--claude-border-strong); }
/* Primary actions. */
html.crm-glass.crm-violet.crm-claude:root :is(.account-switcher-add, .calc-settings-primary-actions .calc-settings-save, .calc-settings-confirm button:first-of-type, .dn-primary, .booking-actions button:first-child, .reminder-actions .reminder-primary, .cc-content button.cc-primary, .wc-dialog-actions .wc-primary, .wc-primary, .chat-voice-start, .profile-card button[type=submit], .profile-company button) { background: var(--violet-action) !important; border-color: transparent !important; color: var(--violet-action-ink) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(.account-switcher-add, .calc-settings-primary-actions .calc-settings-save, .calc-settings-confirm button:first-of-type, .dn-primary, .booking-actions button:first-child, .reminder-actions .reminder-primary, .cc-content button.cc-primary, .wc-dialog-actions .wc-primary, .wc-primary, .chat-voice-start, .profile-card button[type=submit], .profile-company button):hover:not(:disabled) { background: var(--violet-action-hover) !important; }
/* Clay: Claude's send, record, the assistant's own button and counters. */
html.crm-glass.crm-violet.crm-claude:root :is(.crm-assistant-trigger, .crm-assistant-nav-button, .wa-attachment-send, .mobile-chat-composer__send > button, .mobile-chat-composer .voice-record-control > .voice-record-button, .chat-composer .voice-record-control > .voice-record-button, .wa-attachment-number, .cf-mobile-count, .profit-sum-dock-count) { background: var(--claude-clay) !important; color: #fff !important; }
html.crm-glass.crm-violet.crm-claude:root :is(.crm-assistant-trigger, .crm-assistant-nav-button, .wa-attachment-send, .mobile-chat-composer__send > button):hover { background: var(--claude-clay-hover) !important; }
html.crm-glass.crm-violet.crm-claude:root .crm-assistant-head { background: var(--claude-bg-200) !important; color: var(--claude-text-000) !important; }
html.crm-glass.crm-violet.crm-claude:root .crm-assistant-root .crm-assistant-panel { --assistant-accent: var(--claude-clay); }
/* Active, selected and accent ink. */
html.crm-glass.crm-violet.crm-claude:root :is(.crm-assistant-tabs button[aria-pressed=true], .calc-settings-tabs button[aria-current], .calculator-markup-presets button[aria-pressed='true'], .feed-operation-filter-row .feed-flag-filter[aria-pressed='true'], .wv-duration-picker .wv-duration-presets button[aria-pressed=true], .mobile-composer-sheet__tabs button[aria-selected='true'], .desktop-sidebar-panel[data-pinned='true'] .sidebar-pin-button, .org-list-row.selected) { color: var(--claude-text-000) !important; border-color: var(--claude-border-strong) !important; }
html.crm-glass.crm-violet.crm-claude:root [aria-pressed='true'] > .feed-flag-check { background: var(--claude-text-000); border-color: var(--claude-text-000); color: var(--claude-bg-100); }
html.crm-glass.crm-violet.crm-claude:root :is(.crm-assistant-footer a, .crm-assistant-checks-heading button, .crm-assistant-check button, .cc-content button:not(.cc-primary), .wc-chat-link, .wc-text-button, .chat-call-links a, .wa-video-viewer-error :is(button, a)) { color: var(--slate-link) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(.crm-assistant-welcome > span, .calc-settings-symbol, .instructions-directory-title, .instructions-welcome > svg, .profit-sum-title > svg, .profit-sum-cell > svg, .cc-empty > svg, .wc-eyebrow) { color: var(--claude-clay) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(.feed-filter-count, .calc-settings-add, .mobile-composer-menu__panel .chat-ai-toolbar__toggle[aria-pressed='false'], .voice-record-lock-hint, .chat-voice-mini, .chat-voice-mini-action, .chat-voice-settings:hover, .wc-trust svg, .wc-free, .cc-content .cc-notice, .wc-alert, .account-switcher-trigger, .crm-assistant-check-icon) { color: var(--claude-text-200) !important; }
html.crm-glass.crm-violet.crm-claude:root .wc-free { background: var(--claude-bg-300); }
html.crm-glass.crm-violet.crm-claude:root .wc-channel.is-selected { border-color: var(--claude-text-400) !important; background: var(--claude-nav-active) !important; }
html.crm-glass.crm-violet.crm-claude:root .wc-connect { --wc-accent: var(--violet-action); }
html.crm-glass.crm-violet.crm-claude:root :is(.calc-settings-check input, .wv-check input, .booking-dialog input[type=checkbox], .calculator-review-confirmation input) { accent-color: var(--claude-clay); }
html.crm-glass.crm-violet.crm-claude:root .chat-call-switch[aria-checked=true]::before { background: var(--claude-clay); }
html.crm-glass.crm-violet.crm-claude:root .org-node-leadership { border-top-color: var(--claude-clay) !important; }
html.crm-glass.crm-violet.crm-claude:root .hk-cat-thumb em.hk-cat-3d { background: var(--claude-text-000); color: var(--claude-bg-100); }
html.crm-glass.crm-violet.crm-claude:root .cr-result { background: var(--claude-bg-100); border-color: var(--claude-border); }
html.crm-glass.crm-violet.crm-claude:root :is(.cr-scope > div:last-child strong, .cr-result > strong) { color: var(--claude-text-000); }
html.crm-glass.crm-violet.crm-claude:root :is(.swc-trigger, .swc-dialog) { --swc-accent: var(--slate-link); --swc-ring: var(--dk-ring); }
html.crm-glass.crm-violet.crm-claude:root .hk-estimate-controls { --he-accent: var(--slate-link); }
html.crm-glass.crm-violet.crm-claude:root :is(.housekit-page, .housekit-editor) { --hk-accent: var(--slate-link); }
/* Profit selection widget: a tool, so clay and ink rather than money green. */
html.crm-glass.crm-violet.crm-claude:root .profit-sum-mode { border-color: var(--claude-border-strong); }
html.crm-glass.crm-violet.crm-claude:root .profit-sum-mode.is-active { background: var(--violet-action); border-color: var(--violet-action); color: var(--violet-action-ink); }
html.crm-glass.crm-violet.crm-claude:root :is(.profit-sum-dock-button:hover, .profit-sum-dock-button[aria-expanded='true']) { color: var(--claude-text-000); }
html.crm-glass.crm-violet.crm-claude:root .profit-sum-dock-button.is-selecting { box-shadow: inset 0 0 0 2px var(--claude-clay); }
html.crm-glass.crm-violet.crm-claude:root .profit-sum-dock-dot { background: var(--claude-clay); }
html.crm-glass.crm-violet.crm-claude:root .profit-sum-cell { box-shadow: inset 0 0 0 1px rgb(217 119 87 / 35%); }
html.crm-glass.crm-violet.crm-claude:root .profit-sum-selected { box-shadow: inset 0 0 0 2px var(--claude-clay); }
/* Mobile sheets, quick menu, feed header. */
html.crm-glass.crm-violet.crm-claude:root .mobile-composer-sheet__backdrop { background: var(--dk-overlay); }
html.crm-glass.crm-violet.crm-claude:root body .feed-page-header button.bg-emerald-500 { background: var(--violet-action) !important; color: var(--violet-action-ink) !important; }
html.crm-glass.crm-violet.crm-claude:root body .feed-content .transform > .rounded-xl.bg-emerald-50 { border-color: var(--claude-border); }
html.crm-glass.crm-violet.crm-claude:root .call-log-filters button[aria-pressed=true] { background: var(--claude-nav-active); color: var(--claude-text-000); border-color: var(--claude-border-strong); }
html.crm-glass.crm-violet.crm-claude:root:not(.dark) .wa-chat-row.wa-chat-unread .wa-chat-time { color: var(--claude-clay-ink); }
/* Report KPI tiles painted in rainbow gradients: Claude shows plain cards, clay icons. */
html.crm-glass.crm-violet.crm-claude:root .crm-route-content div.text-white.bg-gradient-to-br:is([class*='from-cyan-'], [class*='from-blue-'], [class*='from-indigo-'], [class*='from-violet-'], [class*='from-purple-'], [class*='from-fuchsia-'], [class*='from-pink-'], [class*='from-rose-'], [class*='from-teal-'], [class*='from-emerald-'], [class*='from-green-'], [class*='from-lime-'], [class*='from-amber-'], [class*='from-orange-'], [class*='from-sky-'], [class*='from-slate-']) { background: var(--claude-bg-000) !important; color: var(--claude-text-000) !important; border: 1px solid var(--claude-border); box-shadow: none !important; }
html.crm-glass.crm-violet.crm-claude:root .crm-route-content div.text-white.bg-gradient-to-br[class*='from-'] > svg { color: var(--claude-clay); opacity: 1; }
html.crm-glass.crm-violet.crm-claude:root .crm-route-content div.text-white.bg-gradient-to-br[class*='from-'] p:is(.uppercase, .opacity-85, .opacity-90):not(.font-black) { color: var(--claude-text-400); opacity: 1; }
html.crm-glass.crm-violet.crm-claude:root .crm-route-content h2.uppercase.tracking-widest:is([class*='text-cyan-'], [class*='text-lime-'], [class*='text-emerald-'], [class*='text-violet-'], [class*='text-indigo-'], [class*='text-fuchsia-'], [class*='text-rose-'], [class*='text-teal-'], [class*='text-sky-'], [class*='text-blue-'], [class*='text-purple-']) { color: var(--claude-text-400) !important; }
/* No frosted glass anywhere: Claude's panels and overlays are flat. */
html.crm-glass.crm-violet.crm-claude:root *, html.crm-glass.crm-violet.crm-claude:root *::before, html.crm-glass.crm-violet.crm-claude:root *::after { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html.crm-glass.crm-violet.crm-claude:root ::backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html.crm-glass.crm-violet.crm-claude:root :is(.crm-assistant-eyebrow, .wv-eyebrow) { color: var(--claude-clay-ink); }
html.crm-glass.crm-violet.crm-claude.crm-claude:root .crm-workspace a[aria-label^='Смотреть видеоурок:'] > span:last-child > span:first-child { color: var(--claude-clay-ink) !important; }
html.crm-glass.crm-violet.crm-claude.crm-claude:root .crm-workspace a[aria-label^='Смотреть видеоурок:'] > span:last-child > span:last-child:not(:first-child) { color: var(--slate-link) !important; }
html.crm-glass.crm-violet.crm-claude:root button :is(.truncate, .min-w-0) > :is(.text-emerald-600, .text-emerald-700, .text-green-600, .text-green-700) { color: var(--claude-text-000) !important; }
/* The 4wix mark and the menu's active bar: clay and ink, like Claude's own mark. */
html.crm-glass.crm-violet.crm-claude:root .brand-mark__face { background: var(--claude-clay) !important; background-image: none !important; box-shadow: none !important; color: #fff !important; }
html.crm-glass.crm-violet.crm-claude:root .sidebar-nav-item > .absolute.w-1:is(.bg-emerald-500, .bg-emerald-600, .bg-green-500) { background: var(--claude-text-000) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(.cf-mobile-toolbar, .cf-mobile-quick, .cf-fields) { --cf-status-ai: var(--claude-text-200); }
html.crm-glass.crm-violet.crm-claude:root .brand-mark__face::after, html.crm-glass.crm-violet.crm-claude:root .brand-mark__face::before { opacity: 0 !important; }
/* Deals header: the «new today» pill is a counter, not money. */
html.crm-glass.crm-violet.crm-claude:root .rounded-lg.bg-emerald-50.border-emerald-100 { background: var(--claude-bg-300) !important; }
html.crm-glass.crm-violet.crm-claude:root .rounded-lg.bg-emerald-50.border-emerald-100 :is(.text-emerald-800, .text-emerald-900) { color: var(--claude-text-000) !important; }

/* Clay instead of the rainbow and the green (user, 15.11.2026). Transactions: matte orbs without the glass highlight —
   people, houses and cars solid clay with white icons, projects (blue) a soft clay tint, as Claude's chips.
   Unread counters are clay as in Claude's own list; money in and accounting greens follow --slate-positive. */
html.crm-glass.crm-violet.crm-claude:root .category-orb { background-color: var(--claude-clay) !important; background-image: none !important; color: #fff !important; box-shadow: none !important; }
html.crm-glass.crm-violet.crm-claude:root .category-orb:is([class*='bg-blue-'], [class*='bg-sky-'], [class*='bg-indigo-'], [class*='bg-cyan-']) { background-color: rgb(217 119 87 / 14%) !important; color: var(--claude-clay-ink) !important; box-shadow: inset 0 0 0 1px rgb(217 119 87 / 24%) !important; }
html.crm-glass.crm-violet.crm-claude:root .category-orb svg { color: inherit !important; filter: none !important; }
html.crm-glass.crm-violet.crm-claude:root body .category-orb > [style*='rgb(16, 185, 129)'] { background: var(--claude-text-000) !important; }
html.crm-glass.crm-violet.crm-claude:root.dark body .category-orb > [style*='rgb(16, 185, 129)'] { background: var(--claude-bg-400) !important; color: var(--claude-text-000) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(span, div).rounded-full.text-white:is(.bg-red-500, .bg-red-600) { background-color: var(--claude-clay) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(.text-emerald-500, .text-emerald-600, .text-emerald-700, .text-green-500, .text-green-600, .text-green-700):not(:is(.lucide-check, .lucide-check-check, .lucide-check-circle, .lucide-check-circle-2, .lucide-circle-check, .lucide-circle-check-big, .lucide-badge-check, .lucide-square-check, .lucide-check-square)) { color: var(--slate-positive) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(span, div).rounded-full:is(.bg-emerald-500, .bg-emerald-600, .bg-green-500, .bg-green-600):not(button *) { background-color: var(--claude-clay) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(span, div).rounded-full:is(.bg-emerald-50, .bg-emerald-100, .bg-green-50, .bg-green-100):is(.px-1\.5, .px-2, .px-2\.5, .px-3) { background-color: rgb(217 119 87 / 12%) !important; color: var(--claude-clay-ink) !important; }

/* ── Pass 3: independent review findings. ── */
/* Unread counters: clay (darker fill so the small white digits read), as in Claude. */
html.crm-glass.crm-violet.crm-claude:root :is(span.absolute.-top-0\.5.-right-0\.5.min-w-\[18px\], span.ml-auto.min-w-\[20px\]):is(.bg-red-500, .bg-red-600, .bg-rose-500) { background: var(--claude-clay-strong) !important; color: #fff !important; }
html.crm-glass.crm-violet.crm-claude:root .wa-chat-row .wa-chat-row-status > .wa-chat-count { background: var(--claude-clay-strong); }
html.crm-glass.crm-violet.crm-claude:root :is(.account-switcher-avatar) { background: var(--claude-clay-strong) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(.team-emblem, .team-avatar, .org-detail-avatar, .org-edit-avatar, .instruction-avatar, .wv-call-avatar), html.crm-glass.crm-violet.crm-claude:root .rounded-full.bg-emerald-100:is(.w-9, .w-10, .w-11, .w-12, .h-11, .h-12), html.crm-glass.crm-violet.crm-claude:root div:is(.bg-emerald-100, .bg-emerald-50, .bg-green-100, .bg-blue-100, .bg-indigo-100, .bg-purple-100, .bg-violet-100):is(.p-1, .p-1\.5, .p-2, .p-2\.5).rounded-lg, html.crm-glass.crm-violet.crm-claude:root div.rounded-full:is(.bg-green-100, .bg-emerald-100, .bg-amber-100, .bg-red-100, .bg-blue-100):is(.p-2, .p-3) { background-color: rgb(217 119 87 / 11%) !important; color: var(--claude-clay-text) !important; box-shadow: none !important; }
html.crm-glass.crm-violet.crm-claude:root div:is(.bg-blue-100, .bg-indigo-100, .bg-purple-100, .bg-violet-100, .bg-emerald-100, .bg-emerald-50, .bg-green-100):is(.p-1, .p-1\.5, .p-2, .p-2\.5).rounded-lg svg, html.crm-glass.crm-violet.crm-claude:root div.rounded-full:is(.bg-green-100, .bg-emerald-100, .bg-amber-100, .bg-red-100, .bg-blue-100):is(.p-2, .p-3) svg { color: var(--claude-clay-text) !important; }
/* Default chat avatars keep their variety; the fill is darkened so white initials read. */
html.crm-glass.crm-violet.crm-claude:root .wa-chat-avatar > div[style*='background'] { box-shadow: inset 0 0 0 40px rgb(0 0 0 / 25%); font-weight: 600; }
html.crm-glass.crm-violet.crm-claude:root:not(.dark) .cf-channel-mark { filter: brightness(.78); }
/* Small clay text gets the darker clay ink. */
html.crm-glass.crm-violet.crm-claude:root :is(.wa-chat-row.wa-chat-unread .wa-chat-time) { color: var(--claude-clay-text) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(.crm-assistant-eyebrow, .wv-eyebrow, .instruction-kicker, .wv-setup-grid span, .wc-eyebrow) { color: var(--claude-clay-ink) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(.text-emerald-500, .text-emerald-600, .text-emerald-700, .text-emerald-800, .text-green-600, .text-green-700, .text-green-800):is(.uppercase, .tracking-widest, .tracking-wide) { color: var(--claude-clay-ink) !important; }
html.crm-glass.crm-violet.crm-claude:root .crm-route-content :is(span, p).uppercase.tracking-widest:is([class*='text-orange-'], [class*='text-amber-'], [class*='text-emerald-'], [class*='text-rose-']) { color: var(--claude-clay-ink) !important; }
html.crm-glass.crm-violet.crm-claude:root .brand-mark__face { background: var(--claude-clay-strong) !important; }
/* Amber decoration without a warning: neutral. */
html.crm-glass.crm-violet.crm-claude:root button.bg-amber-50:is(.border-amber-200, .border) { background: var(--claude-bg-000) !important; color: var(--claude-text-000) !important; border-color: var(--claude-border-strong) !important; }
html.crm-glass.crm-violet.crm-claude:root button.bg-amber-50:is(.border-amber-200, .border):hover { background: var(--dk-hover-2) !important; }
html.crm-glass.crm-violet.crm-claude:root button.bg-amber-50 :is(svg, span) { color: inherit !important; }
html.crm-glass.crm-violet.crm-claude:root .crm-route-content h2.uppercase.tracking-widest[class*='text-amber-'] { color: var(--claude-text-400) !important; }
/* Start-up screen: no Tailwind ring halo; the slow-start rescue button is ink. */
html:is(.crm-claude, .crm-claude-boot) #app-preloader .ring { box-shadow: none !important; }
html:is(.crm-claude, .crm-claude-boot) #app-recovery-btn { background: #131313; color: #f9f9f7; }
html:is(.crm-claude, .crm-claude-boot) #app-recovery-text { color: #383835; }
html:is(.crm-claude, .crm-claude-boot) #app-recovery-hint { color: #6b6964; }
html.dark:is(.crm-claude, .crm-claude-boot) #app-recovery-btn { background: #f9f9f7; color: #131313; }
html.dark:is(.crm-claude, .crm-claude-boot) #app-recovery-text { color: #c3c2b7; }
html.dark:is(.crm-claude, .crm-claude-boot) #app-recovery-hint { color: #97958d; }
/* Tailwind peer switches (calculator mode and others): clay when on, like the profile switches. */
html.crm-glass.crm-violet.crm-claude:root .peer:checked ~ div:is(.w-9, .w-11, .w-14).rounded-full { background-color: var(--claude-clay) !important; }
html.crm-glass.crm-violet.crm-claude:root .peer:focus ~ div:is(.w-9, .w-11, .w-14).rounded-full { --tw-ring-color: var(--dk-ring) !important; }
/* Report tiles: the alarm tile is a flat card with a red border and number. */
html.crm-glass.crm-violet.crm-claude:root .crm-route-content div.text-white.bg-gradient-to-br:is([class*='from-red-'], [class*='to-rose-']) { background: var(--claude-bg-000) !important; color: var(--claude-text-000) !important; border: 1px solid color-mix(in srgb, var(--slate-negative) 45%, transparent); box-shadow: none !important; }
html.crm-glass.crm-violet.crm-claude:root .crm-route-content div.text-white.bg-gradient-to-br:is([class*='from-red-'], [class*='to-rose-']) > svg { color: var(--slate-negative); opacity: 1; }
html.crm-glass.crm-violet.crm-claude:root .crm-route-content div.text-white.bg-gradient-to-br:is([class*='from-red-'], [class*='to-rose-']) .font-black { color: var(--slate-negative); }
html.crm-glass.crm-violet.crm-claude:root .crm-route-content div.text-white.bg-gradient-to-br:is([class*='from-red-'], [class*='to-rose-']) p:not(.font-black) { color: var(--claude-text-400); opacity: 1; }
/* Monitoring tiles: neutral cards; red stays on the values that carry it. */
html.crm-glass.crm-violet.crm-claude:root .crm-route-content div.rounded-xl.bg-rose-50.border-rose-200 { background: var(--claude-bg-000) !important; border-color: var(--claude-border) !important; }
html.crm-glass.crm-violet.crm-claude:root .crm-route-content .recharts-pie :is(path, .recharts-sector)[fill='#e11d48'], html.crm-glass.crm-violet.crm-claude:root .crm-route-content .recharts-pie :is(path, .recharts-sector)[fill='#f43f5e'] { fill: var(--claude-bg-400); }
/* Blue info boxes and decorative blue: neutral and clay; selected states ink. */
html.crm-glass.crm-violet.crm-claude:root .crm-route-content div.bg-blue-50:is(.p-3, .p-4, .p-5, .p-6):not(.rounded-full) { background-color: var(--claude-bg-100) !important; border-color: var(--claude-border) !important; }
html.crm-glass.crm-violet.crm-claude:root .crm-route-content div.bg-blue-50:is(.p-3, .p-4, .p-5, .p-6):not(.rounded-full) :is(.text-blue-600, .text-blue-700, .text-blue-800, .text-blue-900) { color: var(--claude-text-200) !important; }
html.crm-glass.crm-violet.crm-claude:root .crm-route-content div.bg-blue-50:is(.p-3, .p-4, .p-5, .p-6):not(.rounded-full) :is(h3, h4, .font-semibold).text-blue-900 { color: var(--claude-text-000) !important; }
html.crm-glass.crm-violet.crm-claude:root .header-time.crm-clock { color: var(--claude-text-200) !important; }
html.crm-glass.crm-violet.crm-claude:root .appearance-heading > svg { color: var(--claude-clay) !important; }
html.crm-glass.crm-violet.crm-claude:root .appearance-mode button[aria-pressed=true] { color: var(--claude-text-000) !important; }
html.crm-glass.crm-violet.crm-claude:root svg.lucide-help-circle.text-blue-600, html.crm-glass.crm-violet.crm-claude:root svg.lucide-circle-help.text-blue-600 { color: var(--claude-clay) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(.swc-trigger, .swc-dialog) { --swc-accent: var(--claude-text-000); }
html.crm-glass.crm-violet.crm-claude:root :is(.housekit-page, .housekit-editor) { --hk-accent: var(--claude-text-000); }
html.crm-glass.crm-violet.crm-claude:root .housekit-page [data-folder-color='default'] .housekit-color-icon, html.crm-glass.crm-violet.crm-claude:root .housekit-page .housekit-color-icon:not([data-folder-color] *) { --hk-folder: var(--claude-text-400); }
html.crm-glass.crm-violet.crm-claude:root .group:hover :is(.group-hover\:text-violet-700, .group-hover\:text-violet-600, .group-hover\:text-purple-700, .group-hover\:text-indigo-700, .group-hover\:text-blue-700, .group-hover\:text-emerald-700) { color: var(--claude-clay) !important; }
html.crm-glass.crm-violet.crm-claude:root .group:hover :is(.group-hover\:bg-violet-50, .group-hover\:bg-purple-50, .group-hover\:bg-indigo-50, .group-hover\:bg-blue-50, .group-hover\:bg-emerald-50) { background-color: rgb(217 119 87 / 10%) !important; }
html.crm-glass.crm-violet.crm-claude:root .group:hover :is(.group-hover\:border-violet-100, .group-hover\:border-purple-100, .group-hover\:border-indigo-100, .group-hover\:border-blue-100) { border-color: rgb(217 119 87 / 25%) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(.focus-visible\:outline-violet-500, .focus-visible\:outline-violet-600, .focus-visible\:outline-blue-500):focus-visible { outline-color: var(--slate-link) !important; }
html.crm-glass.crm-violet.crm-claude:root .crm-route-content a:is([class*='text-violet-'], [class*='text-purple-'], [class*='text-indigo-']) { color: var(--slate-link) !important; }
/* Spinners in grey or blue: clay. */
html.crm-glass.crm-violet.crm-claude:root svg.animate-spin:is(.lucide-loader2, .lucide-loader-2, .lucide-loader, .lucide-loader-circle, .lucide-refresh-cw, .lucide-rotate-cw) { color: var(--claude-clay) !important; }
html.crm-glass.crm-violet.crm-claude:root .animate-spin.border-b-2:is([class*='border-blue-'], [class*='border-indigo-'], [class*='border-gray-'], [class*='border-slate-'], [class*='border-violet-'], [class*='border-purple-']) { border-bottom-color: var(--claude-clay) !important; }
html.crm-glass.crm-violet.crm-claude:root .animate-spin.border-t-2:is([class*='border-blue-'], [class*='border-indigo-'], [class*='border-gray-'], [class*='border-slate-'], [class*='border-violet-'], [class*='border-purple-']) { border-top-color: var(--claude-clay) !important; }
html.crm-glass.crm-violet.crm-claude:root .animate-spin:is(.border-2, .border-4):is([class*='border-t-transparent']):is([class*='border-blue-'], [class*='border-indigo-'], [class*='border-gray-'], [class*='border-slate-'], [class*='border-violet-'], [class*='border-purple-']) { border-color: var(--claude-clay) !important; border-top-color: transparent !important; }
html.crm-glass.crm-violet.crm-claude:root .animate-spin:is([class*='border-t-blue-'], [class*='border-t-indigo-'], [class*='border-t-gray-'], [class*='border-t-slate-'], [class*='border-t-violet-']) { border-top-color: var(--claude-clay) !important; }
/* Gradient wordmarks (route loader «4wix») and gradient text: plain ink. */
html.crm-glass.crm-violet.crm-claude:root :is(.bg-clip-text.text-transparent, [class*='bg-clip-text'][class*='text-transparent']) { background: none !important; color: var(--claude-text-000) !important; -webkit-text-fill-color: currentColor !important; }
/* Neutral shadows where green, teal or violet tints were left. */
html.crm-glass.crm-violet.crm-claude:root .profile-tabs [role=tab][aria-selected=true] { box-shadow: 0 1px 2px rgb(19 19 19 / 6%); }
html.crm-glass.crm-violet.crm-claude:root.dark .profile-tabs [role=tab][aria-selected=true] { box-shadow: 0 1px 2px rgb(0 0 0 / 30%); }
html.crm-glass.crm-violet.crm-claude:root :is(section.work-activity.wa-card, .feed-page .feed-side-card, .feed-page .feed-quick-filters, .mobile-quick-menu-toggle, .mobile-quick-menu-actions) { box-shadow: var(--claude-shadow) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(dialog.call-log-dialog, dialog.cf-mobile-sheet, .cf-mobile-sheet) { box-shadow: 0 14px 40px rgb(19 19 19 / 14%) !important; }
html.crm-glass.crm-violet.crm-claude:root.dark :is(dialog.call-log-dialog, dialog.cf-mobile-sheet, .cf-mobile-sheet) { box-shadow: 0 14px 40px rgb(0 0 0 / 45%) !important; }
html.crm-glass.crm-violet.crm-claude:root .org-button-primary { box-shadow: none !important; }
html.crm-glass.crm-violet.crm-claude:root .crm-route-content button.shadow-sm:is(.text-emerald-600, .bg-white) { box-shadow: 0 1px 2px rgb(19 19 19 / 6%); }
/* Account trigger in the sidebar: neutral hover, no green wash. */
html.crm-glass.crm-violet.crm-claude:root .sidebar-account-row .account-switcher-trigger.is-icon-only { background: transparent !important; }
html.crm-glass.crm-violet.crm-claude:root .sidebar-account-row .account-switcher-trigger.is-icon-only:is(:hover, [aria-expanded='true']) { background: var(--claude-nav-hover) !important; color: var(--claude-text-000) !important; }
/* Training player frame: near-black instead of dark green. */
html.crm-glass.crm-violet.crm-claude:root dialog[data-training-player] div[style*='aspect-ratio'] { background: #0d0d0d !important; }
/* Gradients flattened. */
html.crm-glass.crm-violet.crm-claude:root .crm-route-content div.bg-gradient-to-br:is(.from-slate-50, .from-gray-50):not(.text-white) { background: var(--claude-bg-000) !important; }
html.crm-glass.crm-violet.crm-claude:root .org-node.org-node-leadership { background: var(--claude-bg-000) !important; box-shadow: var(--claude-shadow) !important; }
/* Employees page: the header sits on the canvas so the stat cards read as cards. */
html.crm-glass.crm-violet.crm-claude:root header.team-header { background: transparent !important; border-color: transparent !important; box-shadow: none !important; }
html.crm-glass.crm-violet.crm-claude:root .team-overview > div { background: var(--claude-bg-000) !important; border-color: var(--claude-border) !important; }
/* Structure page in dark: Claude greys instead of cool slate. */
html.crm-glass.crm-violet.crm-claude:root.dark :is(.org-button, .org-zoom, .org-input, .org-search, .org-parent) { background: var(--claude-bg-000) !important; border-color: var(--claude-border) !important; color: var(--claude-text-000) !important; }
html.crm-glass.crm-violet.crm-claude:root.dark .org-search { --dk-text-primary: var(--claude-text-000); }
html.crm-glass.crm-violet.crm-claude:root.dark .org-parent strong { color: var(--claude-text-000); }
html.crm-glass.crm-violet.crm-claude:root.dark :is(.org-page, .org-editor) :is(.border-slate-100, .border-slate-200) { border-color: var(--claude-border) !important; }
/* Reminder sound check: a quiet secondary button. */
html.crm-glass.crm-violet.crm-claude:root .reminder-sound-test { background: var(--claude-bg-000) !important; color: var(--claude-text-000) !important; border-color: var(--claude-border-strong) !important; }
html.crm-glass.crm-violet.crm-claude:root .reminder-sound-test:hover { background: var(--dk-hover-2) !important; }
/* Modal backdrops: Claude's overlay. */
html.crm-glass.crm-violet.crm-claude:root body .account-switcher-backdrop { background: var(--dk-overlay) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(.booking-dialog, dialog[data-training-player], dialog.call-log-dialog, dialog.chat-call-center, dialog.crm-assistant-panel, dialog)::backdrop { background: var(--dk-overlay); }
html.crm-glass.crm-violet.crm-claude:root .fixed.inset-0:is(.bg-black\/20, .bg-black\/25, .bg-black\/30, .bg-black\/10, .bg-gray-900\/20, .bg-gray-900\/30, .bg-slate-900\/20, .bg-slate-900\/30, .bg-opacity-25, .bg-opacity-30) { background-color: var(--dk-overlay) !important; }
/* Type: serif for titles with words, never for numbers. */
html.crm-glass.crm-violet.crm-claude:root .crm-workspace :is(h1, .profile-intro h2, .team-person-heading h2, .call-log-dialog h2, .chat-call-center h2, .housekit-page h1) { font-family: var(--claude-font-serif) !important; font-weight: 500; letter-spacing: -.01em; }
html.crm-glass.crm-violet.crm-claude:root .crm-workspace :is(p, strong, span, div):is(.text-3xl, .text-4xl) { font-family: var(--claude-font-sans) !important; }
html.crm-violet.crm-claude .hero h1 { font-family: Georgia, 'Times New Roman', Times, serif; font-weight: 500; letter-spacing: -.01em; }
html.crm-violet.crm-claude .hk-page :is(.text-link, .account-card a, .hk-card a:not(.button)) { color: var(--slate-link, #256abf) !important; }
/* Search placeholders and other muted text: darker tertiary grey (set in the tokens). */
html.crm-glass.crm-violet.crm-claude:root :is(.knowledge-base-tab-description, .profile-tabs [role=tab]:not([aria-selected=true]), .account-switcher-label em) { color: var(--claude-text-400) !important; }

html.crm-glass.crm-violet.crm-claude:root div.text-emerald-600:has(> svg.lucide) > :not(svg) { color: var(--claude-clay-ink) !important; }
/* Profit shares (Приход · доли): approved rows a warm grey like Claude's selected row instead of mint, flagged rows a soft
   red, hover the neutral nav hover; the accent summary card a light clay tint (user, 15.11.2026). */
html.crm-glass.crm-violet.crm-claude:root :is(tr, div).bg-emerald-50\/50 { background-color: rgb(231 230 225 / 55%) !important; }
html.crm-glass.crm-violet.crm-claude:root.dark :is(tr, div).bg-emerald-50\/50 { background-color: rgb(255 255 255 / 5%) !important; }
html.crm-glass.crm-violet.crm-claude:root :is(tr, div).bg-red-50\/70 { background-color: rgb(208 59 59 / 7%) !important; }
html.crm-glass.crm-violet.crm-claude:root.dark :is(tr, div).bg-red-50\/70 { background-color: rgb(230 103 103 / 12%) !important; }
html.crm-glass.crm-violet.crm-claude:root tr.hover\:bg-sky-50:hover { background-color: var(--claude-nav-hover) !important; }
html.crm-glass.crm-violet.crm-claude:root tr.hover\:bg-red-100.bg-red-50\/70:hover { background-color: rgb(208 59 59 / 11%) !important; }
html.crm-glass.crm-violet.crm-claude:root div.rounded-xl.border.bg-emerald-50 { background-color: rgb(217 119 87 / 7%) !important; border-color: rgb(217 119 87 / 22%) !important; }

html.crm-glass.crm-violet.crm-claude:root .desktop-sidebar-panel button span.absolute.-bottom-1\.5 { color: var(--claude-text-200) !important; }
/* Client cards: construction/payment bars, the profit pill, the drag toggle and the green dialog buttons in clay (user, 15.11.2026). */
html.crm-glass.crm-violet.crm-claude:root .rounded-full:is(.h-1, .h-1\.5, .h-2, .h-2\.5):is(.bg-emerald-400, .bg-emerald-500, .bg-emerald-600, .bg-green-500) { background-color: var(--claude-clay) !important; }
html.crm-glass.crm-violet.crm-claude:root span.rounded-md:is(.bg-emerald-50, .bg-green-50) { background-color: rgb(217 119 87 / 12%) !important; color: var(--claude-clay-ink) !important; }
html.crm-glass.crm-violet.crm-claude:root button.rounded-full.bg-emerald-100.text-emerald-600 { background-color: rgb(217 119 87 / 14%) !important; color: var(--claude-clay-ink) !important; border-color: transparent !important; box-shadow: none !important; }
html.crm-glass.crm-violet.crm-claude:root button.rounded-full.bg-emerald-100.text-emerald-600 svg { color: inherit !important; }
html.crm-glass.crm-violet.crm-claude:root .rounded-full.bg-emerald-100:is(.w-6, .w-7) { background-color: rgb(217 119 87 / 14%) !important; }
html.crm-glass.crm-violet.crm-claude:root button[style*='rgb(40, 167, 69)'] { background-color: var(--claude-clay) !important; border-color: var(--claude-clay) !important; color: #fff !important; }

/* Calculator «Регион и доплата»: a plain Claude card (warm off-white, hairline border) instead of mint; the amount in clay ink. */
html.crm-glass.crm-violet.crm-claude:root details.calculator-region { background: var(--claude-bg-100) !important; border-color: var(--claude-border) !important; }
html.crm-glass.crm-violet.crm-claude:root details.calculator-region[open] { background: var(--claude-bg-000) !important; }
html.crm-glass.crm-violet.crm-claude:root details.calculator-region .calculator-region-amount { color: var(--claude-clay-ink) !important; }

/* Monitoring alarm counters in solid red: flat cards with a red edge (the colour can't follow the value in CSS). */
html.crm-glass.crm-violet.crm-claude:root .crm-route-content div.rounded-lg.text-white.px-3:is(.bg-red-600, .bg-red-700, .bg-red-800, .bg-red-900) { background: var(--claude-bg-000) !important; color: var(--claude-text-000) !important; border: 1px solid color-mix(in srgb, var(--slate-negative) 40%, transparent); box-shadow: none !important; }

html.crm-glass.crm-violet.crm-claude:root :is(.team-person-heading h2, .call-log-dialog :is(h1, h2), .chat-call-center :is(h1, h2), .account-switcher-dialog h2, .booking-dialog h2) { font-family: var(--claude-font-serif) !important; font-weight: 500; letter-spacing: -.01em; }

@media (prefers-reduced-transparency: reduce) {
  html.crm-glass.crm-violet.crm-claude:root .desktop-sidebar-rail .desktop-sidebar-panel { background: var(--claude-bg-200); }
  html.crm-glass.crm-violet.crm-claude:root .crm-workspace { background: var(--claude-bg-100); }
}
@media print {
  html.crm-glass.crm-violet.crm-claude:root :is(body, .crm-workspace, .transactions-page.container) { background: #fff !important; color: #111827; }
}