/**
 * CMS360 — Cobalt & Orange theme overrides.
 * Active when body has data-ui-theme="cobalt" (set from Settings).
 */

body.lte-admin[data-ui-theme="cobalt"],
body.auth-body[data-ui-theme="cobalt"] {
	--app-bg: #eef2f7;
	--lte-accent: #f97316;
	--lte-sidebar-dark: #0a1929;
	--lte-sidebar-darker: #061018;
	--lte-brand-blue: #0f2847;
	--lte-header-bar-bg: linear-gradient(180deg, #1a3a5c 0%, #0f2847 42%, #0a1929 100%);
	--lte-header-depth-color: #061018;
	--lte-3d-highlight: rgba(255, 255, 255, 0.22);
	--lte-3d-shadow: rgba(0, 0, 0, 0.5);
	--cms-field-shadow-focus:
		0 1px 0 rgba(255, 255, 255, 0.95) inset,
		0 3px 6px rgba(15, 23, 42, 0.06),
		0 6px 14px rgba(249, 115, 22, 0.14),
		0 0 0 3px rgba(249, 115, 22, 0.22);
	--dash-hero-from: #0f2847;
	--dash-hero-to: #ea580c;
	--dash-category-from: #0a1929;
	--dash-category-to: #1a3a5c;
	--dash-card-from: #fff8f3;
	--dash-card-to: #fef0e6;
	--dash-card-border: #fed7aa;
	--bs-primary: #ea580c;
	--bs-primary-rgb: 234, 88, 12;
	--bs-link-color: #c2410c;
	--bs-link-hover-color: #9a3412;
}

body.lte-admin[data-ui-theme="cobalt"].app-body {
	background-color: #e8edf4;
}

/* ---- Shell: sidebar & header (explicit backgrounds — variables alone were too subtle) ---- */

body.lte-admin[data-ui-theme="cobalt"] .lte-sidebar {
	background:
		linear-gradient(180deg, rgba(249, 115, 22, 0.06) 0%, transparent 14%),
		linear-gradient(180deg, #0a1929 0%, #061018 100%) !important;
	border-right: 1px solid rgba(249, 115, 22, 0.22) !important;
	box-shadow:
		inset -3px 0 10px rgba(0, 0, 0, 0.45),
		4px 0 0 rgba(249, 115, 22, 0.2),
		10px 0 28px rgba(6, 16, 24, 0.38) !important;
}

body.lte-admin[data-ui-theme="cobalt"] .lte-sidebar-brand {
	background: linear-gradient(135deg, #0f2847 0%, #1a3a5c 55%, #ea580c 100%) !important;
	border-bottom: 3px solid #f97316 !important;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.18) inset,
		0 4px 12px rgba(6, 16, 24, 0.35) !important;
}

body.lte-admin[data-ui-theme="cobalt"] .lte-main-header {
	background: linear-gradient(180deg, #1a3a5c 0%, #0f2847 50%, #0a1929 100%) !important;
	border-bottom: 4px solid #f97316 !important;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.14) inset,
		0 var(--lte-3d-depth) 0 #061018,
		0 10px 24px rgba(10, 25, 41, 0.32) !important;
}

body.lte-admin[data-ui-theme="cobalt"] .lte-sidebar-link.active {
	background: linear-gradient(180deg, #fb923c 0%, #ea580c 52%, #c2410c 100%) !important;
	color: #fff !important;
	border-color: rgba(255, 255, 255, 0.28) !important;
	border-left-color: #fff !important;
	font-weight: 700;
	transform: translateY(0) !important;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.32) inset,
		0 3px 0 #7c2d12,
		0 8px 16px rgba(234, 88, 12, 0.38) !important;
}

body.lte-admin[data-ui-theme="cobalt"] .lte-sidebar-link.active .lte-sidebar-icon {
	color: #fff !important;
	opacity: 1;
}

body.lte-admin[data-ui-theme="cobalt"] .lte-submenu-link.active {
	background: linear-gradient(180deg, rgba(251, 146, 60, 0.98) 0%, rgba(234, 88, 12, 0.95) 100%) !important;
	color: #fff !important;
	border-color: rgba(255, 255, 255, 0.22) !important;
	border-left-color: #fff !important;
	font-weight: 700;
	transform: translateY(0) !important;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.28) inset,
		0 2px 0 #9a3412,
		0 6px 12px rgba(234, 88, 12, 0.32) !important;
}

body.lte-admin[data-ui-theme="cobalt"] .lte-setup-toggle.is-open {
	background: linear-gradient(180deg, rgba(249, 115, 22, 0.35) 0%, rgba(234, 88, 12, 0.22) 100%) !important;
	border-left: 3px solid #fb923c !important;
	color: #fff !important;
}

body.lte-admin[data-ui-theme="cobalt"] .lte-sidebar-toggle:focus-visible {
	outline-color: #fb923c !important;
}

/* Bootstrap primary & outline */
body.lte-admin[data-ui-theme="cobalt"] .btn-primary,
body.auth-body[data-ui-theme="cobalt"] .btn-primary {
	--bs-btn-bg: #ea580c;
	--bs-btn-border-color: #c2410c;
	--bs-btn-hover-bg: #f97316;
	--bs-btn-hover-border-color: #ea580c;
	--bs-btn-active-bg: #c2410c;
	--bs-btn-active-border-color: #9a3412;
	--bs-btn-disabled-bg: #fdba74;
	--bs-btn-disabled-border-color: #fdba74;
}

body.lte-admin[data-ui-theme="cobalt"] .btn-outline-primary,
body.auth-body[data-ui-theme="cobalt"] .btn-outline-primary {
	--bs-btn-color: #c2410c;
	--bs-btn-border-color: #ea580c;
	--bs-btn-hover-bg: #ea580c;
	--bs-btn-hover-border-color: #ea580c;
	--bs-btn-active-bg: #c2410c;
	--bs-btn-active-border-color: #c2410c;
}

body.lte-admin[data-ui-theme="cobalt"] .pagination .page-item.active .page-link {
	background-color: #ea580c;
	border-color: #ea580c;
}

body.lte-admin[data-ui-theme="cobalt"] .pagination .page-link {
	color: #c2410c;
}

body.lte-admin[data-ui-theme="cobalt"] .pagination .page-link:hover {
	color: #9a3412;
}

/* Dashboard */
body.lte-admin[data-ui-theme="cobalt"] .dashboard-hub-hero {
	box-shadow: 0 8px 28px rgba(234, 88, 12, 0.32);
}

body.lte-admin[data-ui-theme="cobalt"] .dashboard-hub-pipeline-card-total.dashboard-hub-tile {
	border-color: rgba(249, 115, 22, 0.45);
	box-shadow: 0 6px 18px rgba(249, 115, 22, 0.16);
}

body.lte-admin[data-ui-theme="cobalt"] .dashboard-hub-stat {
	box-shadow: 0 4px 12px rgba(249, 115, 22, 0.08), 0 2px 6px rgba(10, 25, 41, 0.06);
}

body.lte-admin[data-ui-theme="cobalt"] .dashboard-hub-stat-label,
body.lte-admin[data-ui-theme="cobalt"] .dashboard-hub-pipeline-label {
	color: #0f2847;
}

body.lte-admin[data-ui-theme="cobalt"] .dashboard-hub-stat-value,
body.lte-admin[data-ui-theme="cobalt"] .dashboard-hub-pipeline-count {
	color: #1a3a5c;
}

/* List panels */
body.lte-admin[data-ui-theme="cobalt"] .cms-list-panel {
	border-top-color: #f97316;
}

body.lte-admin[data-ui-theme="cobalt"] .cms-list-nav-tabs .nav-link.active {
	background-color: #ea580c !important;
	border-color: #ea580c !important;
}

body.lte-admin[data-ui-theme="cobalt"] .cms-data-table thead th {
	background-color: #edf2f7 !important;
	color: #0f2847;
	border-bottom-color: #cbd5e1 !important;
}

/* Cards & forms */
body.lte-admin[data-ui-theme="cobalt"] .card.border-0.shadow-sm {
	border-top: 2px solid rgba(249, 115, 22, 0.35) !important;
}

body.lte-admin[data-ui-theme="cobalt"] .form-check-input:checked {
	background-color: #ea580c;
	border-color: #ea580c;
}

body.lte-admin[data-ui-theme="cobalt"] .nav-pills .nav-link.active {
	background-color: #ea580c;
}

/* Login page */
body.auth-body.auth-login-page[data-ui-theme="cobalt"] {
	background:
		radial-gradient(ellipse 85% 65% at 15% 25%, rgba(249, 115, 22, 0.12), transparent 52%),
		radial-gradient(ellipse 70% 55% at 88% 78%, rgba(0, 0, 0, 0.22), transparent 50%),
		linear-gradient(155deg, #061018 0%, #0a1929 32%, #0f2847 58%, #1a3a5c 82%, #ea580c 100%);
}

body.auth-body.auth-login-page[data-ui-theme="cobalt"] .auth-login-panel-brand {
	background: linear-gradient(180deg, #1a3a5c 0%, #0f2847 48%, #0a1929 100%);
	border-bottom: 3px solid #f97316;
}

body.auth-body.auth-login-page[data-ui-theme="cobalt"] .auth-login-brand-logo-shell {
	background: rgba(249, 115, 22, 0.14);
	border-color: rgba(249, 115, 22, 0.35);
}

body.auth-body.auth-login-page[data-ui-theme="cobalt"] .auth-login-input.form-control {
	border-color: rgba(26, 58, 92, 0.22);
}

body.auth-body.auth-login-page[data-ui-theme="cobalt"] .auth-login-input.form-control:focus {
	border-color: rgba(249, 115, 22, 0.65);
}

body.auth-body.auth-login-page[data-ui-theme="cobalt"] .auth-login-submit.btn {
	background: linear-gradient(180deg, #fb923c 0%, #ea580c 42%, #c2410c 100%);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.28) inset,
		0 6px 0 #7c2d12,
		0 14px 28px rgba(124, 45, 18, 0.38);
}

body.auth-body.auth-login-page[data-ui-theme="cobalt"] .auth-login-submit.btn:hover {
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.32) inset,
		0 7px 0 #7c2d12,
		0 18px 34px rgba(124, 45, 18, 0.42);
}

body.auth-body.auth-login-page[data-ui-theme="cobalt"] .auth-login-submit.btn:active {
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.12) inset,
		0 1px 0 #7c2d12,
		0 6px 14px rgba(124, 45, 18, 0.35);
}

/* Branch select (simple auth page) */
body.auth-body[data-ui-theme="cobalt"]:not(.auth-login-page) {
	background: linear-gradient(165deg, #e8edf4 0%, #fef0e6 45%, #fff 100%);
}

body.auth-body[data-ui-theme="cobalt"]:not(.auth-login-page) .btn-primary {
	background-color: #ea580c;
	border-color: #c2410c;
}

body.auth-body[data-ui-theme="cobalt"]:not(.auth-login-page) .btn-primary:hover {
	background-color: #f97316;
	border-color: #ea580c;
}

body.auth-body[data-ui-theme="cobalt"]:not(.auth-login-page) .card {
	border-top: 3px solid #f97316;
}