/* Bashcran CRM — theme: Dark */

.bashcran-crm-body.bashcran-crm-theme-dark {
	--crm-on-accent: #0b1220;
	--crm-btn-radius: 10px;
	--crm-btn-shadow-primary: 0 12px 26px var(--crm-accent-soft);
	--crm-btn-focus-ring: 0 0 0 3px var(--crm-accent-soft);
	--crm-bg-app: #020617;
	--crm-bg-main: #020617;
	--crm-bg-surface: #0b1426;
	--crm-bg-soft: #13213a;
	/* Чуть плотнее к «карточке», чтобы блоки читались на однотонном холсте */
	--crm-bg-elevated: rgba(15, 23, 42, 0.92);
	--crm-bg-sidebar: linear-gradient(180deg, #070f1d 0%, #050b16 100%);
	--crm-bg-sidebar-soft: rgba(148, 163, 184, 0.14);
	--crm-text-main: #e2e8f0;
	--crm-text-muted: rgba(226, 232, 240, 0.82);
	--crm-text-sidebar: #e2e8f0;
	--crm-border-main: rgba(148, 163, 184, 0.28);
	--crm-border-soft: rgba(148, 163, 184, 0.18);
	--crm-accent: #818cf8;
	--crm-accent-strong: #6366f1;
	--crm-accent-soft: rgba(129, 140, 248, 0.24);
	--crm-success: #22c55e;
	--crm-success-soft: rgba(34, 197, 94, 0.2);
	--crm-danger: #fb7185;
	--crm-danger-soft: rgba(251, 113, 133, 0.2);
	--crm-shadow-main: 0 26px 72px rgba(0, 0, 0, 0.56);

	/* Call tokens for dark */
	--bc-call-surface: rgba(2, 6, 23, 0.78);
	--bc-call-surface-2: rgba(15, 23, 42, 0.62);
	--bc-call-border: rgba(148, 163, 184, 0.2);
	--bc-call-text: #e2e8f0;
	--bc-call-muted: #94a3b8;
	--bc-call-accent: var(--crm-accent);
	--bc-call-shadow: 0 26px 80px rgba(0, 0, 0, 0.6);
	--bc-call-shadow-strong: 0 30px 86px rgba(0, 0, 0, 0.72);
	--bc-call-backdrop: rgba(2, 6, 23, 0.56);
	--bc-call-chip: rgba(255, 255, 255, 0.14);
	--bc-call-accept: linear-gradient(165deg, #4ade80 0%, #22c55e 42%, #16a34a 100%);
	--bc-call-decline: linear-gradient(165deg, #fb7185 0%, #ef4444 45%, #b91c1c 100%);

	/* Popovers / panels */
	--crm-popover-bg: rgba(2, 6, 23, 0.86);
	--crm-popover-backdrop: rgba(2, 6, 23, 0.78);
	--crm-popover-border: rgba(148, 163, 184, 0.2);
	--crm-popover-divider: rgba(148, 163, 184, 0.14);
	--crm-popover-header-bg: linear-gradient(180deg, rgba(2, 6, 23, 0.92), rgba(15, 23, 42, 0.78));
	--crm-popover-shadow: 0 1px 2px rgba(0, 0, 0, 0.32), 0 34px 92px rgba(0, 0, 0, 0.72);

	/* Sidebar controls */
	--crm-sidebar-control-bg: rgba(255, 255, 255, 0.06);
	--crm-sidebar-control-border: rgba(255, 255, 255, 0.12);
	--crm-sidebar-control-bg-hover: rgba(255, 255, 255, 0.09);
	--crm-sidebar-control-border-hover: rgba(255, 255, 255, 0.18);

	/* Sidebar navigation */
	--crm-sidebar-link-muted: rgba(226, 232, 240, 0.78);
	--crm-sidebar-link-hover: #f8fafc;

	/* Badges */
	--crm-bell-badge-border: rgba(255, 255, 255, 0.14);
}

.bashcran-crm-body.bashcran-crm-theme-dark .bashcran-crm-sidebar {
	box-shadow: 2px 0 26px rgba(0, 0, 0, 0.58);
}

.bashcran-crm-body.bashcran-crm-theme-dark .bashcran-crm-bell-badge {
	border-color: rgba(255, 255, 255, 0.14);
}

/* Settings: tabs used a light-theme active pill (white bg + light text = unreadable). */
.bashcran-crm-body.bashcran-crm-theme-dark .bashcran-crm-settings-tab {
	border-color: rgba(148, 163, 184, 0.38);
}
.bashcran-crm-body.bashcran-crm-theme-dark .bashcran-crm-settings-tab:hover {
	background: rgba(255, 255, 255, 0.07);
	border-color: color-mix(in srgb, var(--crm-accent) 42%, transparent);
	color: var(--crm-text-main);
}
.bashcran-crm-body.bashcran-crm-theme-dark .bashcran-crm-settings-tab.is-active {
	color: var(--crm-on-accent);
	background: linear-gradient(180deg, #eef2ff 0%, #e0e7ff 100%);
	border-color: color-mix(in srgb, var(--crm-accent) 52%, transparent);
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.42);
}

.bashcran-crm-body.bashcran-crm-theme-dark .bashcran-crm-settings-quick-link {
	border-color: var(--crm-border-main);
	background: rgba(255, 255, 255, 0.06);
	color: var(--crm-text-main);
}
.bashcran-crm-body.bashcran-crm-theme-dark .bashcran-crm-settings-quick-link:hover {
	background: var(--crm-accent-soft);
	color: var(--crm-text-main);
	border-color: color-mix(in srgb, var(--crm-accent) 38%, transparent);
}

.bashcran-crm-body.bashcran-crm-theme-dark .bashcran-crm-settings-form .bashcran-crm-panel {
	box-shadow: 0 18px 46px rgba(0, 0, 0, 0.48);
}

.bashcran-crm-body.bashcran-crm-theme-dark .bashcran-crm-settings-actions--user-save {
	box-shadow: 0 14px 38px rgba(0, 0, 0, 0.42);
}

/* Theme picker: stronger elevation + readable labels on the Dark preset card. */
.bashcran-crm-body.bashcran-crm-theme-dark .bashcran-crm-theme-card-inner {
	box-shadow: 0 18px 46px rgba(0, 0, 0, 0.45);
}
.bashcran-crm-body.bashcran-crm-theme-dark .bashcran-crm-theme-card-inner::before {
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.07);
}
.bashcran-crm-body.bashcran-crm-theme-dark .bashcran-crm-theme-card:hover .bashcran-crm-theme-card-inner {
	box-shadow: 0 22px 58px rgba(0, 0, 0, 0.52);
}
.bashcran-crm-body.bashcran-crm-theme-dark .bashcran-crm-theme-card--dark .bashcran-crm-theme-card-inner {
	background: linear-gradient(155deg, #141f38 0%, #101a30 48%, #0b1426 100%);
	border-color: rgba(129, 140, 248, 0.45);
	color: #f8fafc;
}
.bashcran-crm-body.bashcran-crm-theme-dark .bashcran-crm-theme-card--dark .bashcran-crm-theme-card-sub {
	color: rgba(248, 250, 252, 0.88);
}

/* Profile blocks on dark (were hard-coded light gradients). */
.bashcran-crm-body.bashcran-crm-theme-dark .bashcran-crm-profile-hero {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.03));
	border-color: var(--crm-border-main);
}
.bashcran-crm-body.bashcran-crm-theme-dark .bashcran-crm-profile-hero-av,
.bashcran-crm-body.bashcran-crm-theme-dark .bashcran-crm-profile-avatar-preview,
.bashcran-crm-body.bashcran-crm-theme-dark .bashcran-crm-userpic {
	background: var(--crm-bg-soft);
	border-color: var(--crm-border-main);
	color: var(--crm-text-main);
}
.bashcran-crm-body.bashcran-crm-theme-dark .bashcran-crm-pill--muted {
	background: rgba(255, 255, 255, 0.08);
	border-color: var(--crm-border-main);
	color: var(--crm-text-muted);
}
.bashcran-crm-body.bashcran-crm-theme-dark .bashcran-crm-divider {
	border-top-color: var(--crm-border-soft);
}

.bashcran-crm-body.bashcran-crm-theme-dark .bashcran-crm-panels.bashcran-crm-panels--roles .bashcran-crm-panel {
	box-shadow:
		0 2px 16px rgba(0, 0, 0, 0.42),
		0 28px 72px -26px rgba(0, 0, 0, 0.68);
}