:root {
	--saas-cust-bg: #f5f7fb;
	--saas-cust-surface: rgba(255, 255, 255, 0.94);
	--saas-cust-border: #dbe5f0;
	--saas-cust-text: #122033;
	--saas-cust-muted: #67758a;
	--saas-cust-primary: #1163ff;
	--saas-cust-shadow: 0 18px 36px rgba(15, 23, 42, 0.08);
}

body.customers {
	background:
		radial-gradient(circle at top left, rgba(17, 99, 255, 0.08), transparent 32%),
		var(--saas-cust-bg);
	color: var(--saas-cust-text);
	font-family: Aptos, "Segoe UI Variable", "Segoe UI", "Helvetica Neue", sans-serif;
}

body.customers #wrapper,
body.customers #content,
body.customers .container {
	background: transparent;
}

body.customers .navbar,
body.customers .panel_s,
body.customers .panel,
body.customers .modal-content,
body.customers .card,
body.customers .customer-top-submenu,
body.customers .table-responsive {
	background: var(--saas-cust-surface);
	border: 1px solid rgba(219, 229, 240, 0.88);
	border-radius: 20px;
	box-shadow: var(--saas-cust-shadow);
}

body.customers .navbar,
body.customers .customer-top-submenu {
	backdrop-filter: blur(16px);
}

body.customers .container {
	max-width: 1280px;
}

body.customers .customer-top-submenu {
	padding: 8px;
	margin-bottom: 20px;
}

body.customers .customer-top-submenu li a {
	border-radius: 12px;
	padding: 10px 14px;
	color: #3b4e63;
	font-weight: 600;
}

body.customers .customer-top-submenu li.active a,
body.customers .customer-top-submenu li a:hover,
body.customers .customer-top-submenu li a:focus {
	background: #ffffff;
	color: var(--saas-cust-text);
}

body.customers .panel_s .panel-body,
body.customers .panel .panel-body {
	padding: 22px;
}

body.customers .table > thead > tr > th {
	background: linear-gradient(180deg, #f9fbff 0%, #f3f7fc 100%);
	color: #445268;
	border-bottom: 1px solid rgba(219, 229, 240, 0.95);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

body.customers .table > tbody > tr > td {
	border-top: 1px solid rgba(235, 241, 247, 0.92);
	padding: 15px;
	vertical-align: middle;
}

body.customers .form-control,
body.customers input,
body.customers textarea,
body.customers select,
body.customers .select2-selection,
body.customers .bootstrap-select > .dropdown-toggle {
	border-radius: 14px !important;
	border: 1px solid rgba(199, 213, 230, 0.95) !important;
	min-height: 44px;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.02);
}

body.customers .btn {
	border-radius: 14px;
	font-weight: 600;
	padding: 10px 16px;
}

body.customers .btn-primary,
body.customers .btn-info {
	background: linear-gradient(135deg, #1163ff 0%, #2d8cff 100%);
	border-color: #1163ff;
}

body.customers .btn-default {
	background: linear-gradient(180deg, #ffffff 0%, #f6f9fd 100%);
	border-color: rgba(199, 213, 230, 0.95);
	color: #304155;
}

body.customers .alert {
	border-radius: 18px;
	box-shadow: var(--saas-cust-shadow);
}

@media (max-width: 767px) {
	body.customers .container {
		padding-left: 14px;
		padding-right: 14px;
	}
}