/* Bashcran CRM — theme: Light */

.bashcran-crm-body.bashcran-crm-theme-light {
	--crm-on-accent: #ffffff;
	--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: #eff4ff;
	--crm-bg-main: #eff4ff;
	--crm-bg-surface: #ffffff;
	--crm-bg-soft: #edf3ff;
	--crm-bg-elevated: rgba(255, 255, 255, 0.96);
	--crm-bg-sidebar: linear-gradient(180deg, #ffffff 0%, #eef4ff 70%, #e7efff 100%);
	--crm-bg-sidebar-soft: rgba(37, 99, 235, 0.16);
	--crm-text-main: #0b1220;
	--crm-text-muted: #3f4f68;
	--crm-text-sidebar: #0b1220;
	--crm-border-main: rgba(15, 23, 42, 0.13);
	--crm-border-soft: rgba(15, 23, 42, 0.09);
	--crm-accent: #2563eb;
	--crm-accent-strong: #1e40af;
	--crm-accent-soft: rgba(37, 99, 235, 0.16);
	--crm-success: #16a34a;
	--crm-success-soft: rgba(22, 163, 74, 0.16);
	--crm-danger: #dc2626;
	--crm-danger-soft: rgba(220, 38, 38, 0.16);
	--crm-shadow-main: 0 24px 60px rgba(2, 6, 23, 0.12);

	/* Call (messenger) theme tokens */
	--bc-call-surface: rgba(255, 255, 255, 0.94);
	--bc-call-surface-2: rgba(248, 250, 252, 0.9);
	--bc-call-border: rgba(15, 23, 42, 0.12);
	--bc-call-text: #0b1220;
	--bc-call-muted: #4b5f7c;
	--bc-call-accent: var(--crm-accent);
	--bc-call-shadow: 0 24px 70px rgba(2, 6, 23, 0.28);
	--bc-call-shadow-strong: 0 30px 80px rgba(2, 6, 23, 0.34);
	--bc-call-backdrop: rgba(15, 23, 42, 0.2);
	--bc-call-chip: rgba(37, 99, 235, 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(255, 255, 255, 0.98);
	--crm-popover-backdrop: rgba(2, 6, 23, 0.55);
	--crm-popover-border: rgba(15, 23, 42, 0.14);
	--crm-popover-divider: rgba(15, 23, 42, 0.09);
	--crm-popover-header-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.95));
	--crm-popover-shadow: 0 1px 2px rgba(2, 6, 23, 0.05), 0 32px 76px rgba(2, 6, 23, 0.2);

	/* Sidebar controls */
	--crm-sidebar-control-bg: rgba(37, 99, 235, 0.06);
	--crm-sidebar-control-border: rgba(15, 23, 42, 0.12);
	--crm-sidebar-control-bg-hover: rgba(37, 99, 235, 0.09);
	--crm-sidebar-control-border-hover: rgba(15, 23, 42, 0.16);

	/* Sidebar navigation (светлый сайдбар) */
	--crm-sidebar-link-muted: rgba(11, 18, 32, 0.62);
	--crm-sidebar-link-hover: #020617;

	/* Badges */
	--crm-bell-badge-border: rgba(2, 6, 23, 0.16);
}

.bashcran-crm-body.bashcran-crm-theme-light .bashcran-crm-sidebar {
	box-shadow: 2px 0 18px rgba(2, 6, 23, 0.1);
}

.bashcran-crm-body.bashcran-crm-theme-light .bashcran-crm-nav::-webkit-scrollbar-thumb {
	background: rgba(15, 23, 42, 0.22);
}

.bashcran-crm-body.bashcran-crm-theme-light .bashcran-crm-nav {
	scrollbar-color: rgba(15, 23, 42, 0.28) transparent;
}

.bashcran-crm-body.bashcran-crm-theme-light .bashcran-crm-brand-text-wrap .bashcran-crm-brand-sub {
	color: var(--crm-text-muted);
	opacity: 0.92;
}

.bashcran-crm-body.bashcran-crm-theme-light .bashcran-crm-nav-single.is-active,
.bashcran-crm-body.bashcran-crm-theme-light .bashcran-crm-nav-sub a.is-active,
.bashcran-crm-body.bashcran-crm-theme-light
	.bashcran-crm-nav-item:not(.bashcran-crm-nav-item--tasks)
	> .bashcran-crm-nav-parent-row.is-current-section
	.bashcran-crm-nav-parent-link {
	background: linear-gradient(
		135deg,
		color-mix(in srgb, var(--crm-accent) 22%, transparent),
		color-mix(in srgb, var(--crm-accent) 9%, transparent)
	);
	border-color: color-mix(in srgb, var(--crm-accent) 34%, transparent);
	border-radius: 12px;
	box-shadow:
		inset 3px 0 0 var(--crm-accent),
		inset 0 1px 0 rgba(255, 255, 255, 0.88),
		0 1px 0 rgba(15, 23, 42, 0.06);
	color: var(--crm-accent-strong);
	font-weight: 900;
}

.bashcran-crm-body.bashcran-crm-theme-light
	.bashcran-crm-nav-item--cranes
	.bashcran-crm-nav-parent-row.is-current-section
	.bashcran-crm-nav-parent-link {
	background: rgba(255, 255, 255, 0.42);
	border-color: transparent;
	box-shadow: none;
	font-weight: 700;
	color: var(--crm-text-sidebar);
}

.bashcran-crm-body.bashcran-crm-theme-light
	.bashcran-crm-nav-item--tasks
	> .bashcran-crm-nav-parent-row.is-current-section {
	background: linear-gradient(
		135deg,
		color-mix(in srgb, var(--crm-accent) 22%, transparent),
		color-mix(in srgb, var(--crm-accent) 9%, transparent)
	);
	border-color: color-mix(in srgb, var(--crm-accent) 34%, transparent);
	border-radius: 12px;
	box-shadow:
		inset 3px 0 0 var(--crm-accent),
		inset 0 1px 0 rgba(255, 255, 255, 0.88),
		0 1px 0 rgba(15, 23, 42, 0.06);
}

.bashcran-crm-body.bashcran-crm-theme-light
	.bashcran-crm-nav-item--tasks
	> .bashcran-crm-nav-parent-row.is-current-section
	.bashcran-crm-nav-parent-link,
.bashcran-crm-body.bashcran-crm-theme-light
	.bashcran-crm-nav-item--tasks
	> .bashcran-crm-nav-parent-row.is-current-section
	.bashcran-crm-nav-parent-link:hover {
	background: transparent;
	border-color: transparent;
	box-shadow: none;
	color: var(--crm-accent-strong);
	font-weight: 900;
}

.bashcran-crm-body.bashcran-crm-theme-light .bashcran-crm-mobilebar-bell {
	border-color: var(--crm-border-main);
	background: var(--crm-bg-surface);
	color: var(--crm-text-main);
	box-shadow: 0 6px 18px rgba(2, 6, 23, 0.08);
}

.bashcran-crm-body.bashcran-crm-theme-light .bashcran-crm-mobilebar-bell:active {
	transform: scale(0.98);
}

.bashcran-crm-body.bashcran-crm-theme-light .bashcran-crm-nav-parent-link:hover {
	box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);
}

.bashcran-crm-body.bashcran-crm-theme-light .bashcran-crm-header {
	box-shadow: 0 1px 0 var(--crm-border-soft);
}

.bashcran-crm-body.bashcran-crm-theme-light .bashcran-crm-panel {
	box-shadow: 0 14px 36px rgba(2, 6, 23, 0.06);
}