/* =========================================================
   PerfectPanel Theme CSS
   ضع هذا الكود كاملاً داخل: CSS / style.css

   ملاحظة:
   - layout.twig يبقى للهيكل فقط.
   - كل ألوان الثيم هنا.
   - الوضع النهاري/الليلي يعتمد على body.pp-light-mode.
========================================================= */

:root {
				--pp-sidebar: 280px;
				--pp-sidebar-small: 92px;
				--pp-topbar: 64px;

				--pp-bg: #07051a;
				--pp-bg-2: #0b1020;
				--pp-text: #f8fbff;
				--pp-muted: rgba(226,232,240,.68);
				--pp-muted-soft: rgba(226,232,240,.46);

				--pp-card: rgba(255,255,255,.075);
				--pp-card-strong: rgba(255,255,255,.105);
				--pp-border: rgba(255,255,255,.115);
				--pp-border-strong: rgba(255,255,255,.18);

				--pp-primary: #38bdf8;
				--pp-primary-2: #6366f1;
				--pp-primary-3: #a855f7;
				--pp-success: #22c55e;
				--pp-warning: #f59e0b;

				--pp-radius-xl: 24px;
				--pp-radius-lg: 18px;
				--pp-radius-md: 14px;

				--pp-shadow: 0 24px 70px rgba(0,0,0,.34);
				--pp-shadow-soft: 0 14px 35px rgba(0,0,0,.22);
			}

			* {
				box-sizing: border-box;
			}

			html,
			body {
				min-height: 100%;
			}

			body {
				margin: 0;
				color: var(--pp-text);
				font-family: Inter, Cairo, Tajawal, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
				background:
					radial-gradient(circle at 10% 8%, rgba(56,189,248,.24), transparent 30%),
					radial-gradient(circle at 88% 4%, rgba(168,85,247,.22), transparent 32%),
					radial-gradient(circle at 82% 92%, rgba(245,158,11,.14), transparent 34%),
					linear-gradient(135deg, var(--pp-bg) 0%, var(--pp-bg-2) 58%, #100b1f 100%);
				overflow-x: hidden;
			}

			body:before {
				content: "";
				position: fixed;
				inset: 0;
				z-index: -2;
				pointer-events: none;
				background-image:
					repeating-linear-gradient(60deg, rgba(255,255,255,.04) 0 1px, transparent 1px 26px),
					repeating-linear-gradient(120deg, rgba(255,255,255,.03) 0 1px, transparent 1px 30px);
			}

			a,
			a:hover,
			a:focus {
				text-decoration: none;
				color: inherit;
			}

			.pp-shell {
				min-height: 100vh;
				display: flex;
				width: 100%;
			}

			.pp-sidebar {
				position: fixed;
				top: 0;
				bottom: 0;
				left: 0;
				z-index: 1050;
				width: var(--pp-sidebar);
				display: flex;
				flex-direction: column;
				background: rgba(15,23,42,.70);
				border-right: 1px solid var(--pp-border);
				box-shadow: 18px 0 55px rgba(0,0,0,.24);
				backdrop-filter: blur(24px) saturate(160%);
				transition: width .25s ease, transform .25s ease;
			}

			body.pp-rtl .pp-sidebar {
	left: auto;
	right: 0;
	border-right: 0;
	border-left: 1px solid var(--pp-border);
	box-shadow: -18px 0 55px rgba(0,0,0,.24);
}

			.pp-sidebar:before {
				content: "";
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				height: 2px;
				background: linear-gradient(90deg, transparent, var(--pp-primary), transparent);
				opacity: .75;
			}

			.pp-brand {
				min-height: 72px;
				display: flex;
				align-items: center;
				gap: 12px;
				padding: 18px 20px 12px;
			}

			.pp-brand-mark {
				width: 42px;
				height: 42px;
				flex: 0 0 auto;
				display: grid;
				place-items: center;
				border-radius: 15px;
				background: linear-gradient(135deg, var(--pp-primary), var(--pp-primary-3));
				color: #fff;
				font-size: 18px;
				font-weight: 900;
				box-shadow: 0 14px 30px rgba(56,189,248,.22);
			}

			.pp-brand-text {
				min-width: 0;
				flex: 1;
			}

			.pp-brand img {
				max-height: 42px;
				max-width: 170px;
				object-fit: contain;
			}

			.pp-brand-name {
				display: block;
				font-family: "Space Grotesk", Inter, sans-serif;
				font-size: 18px;
				line-height: 1.1;
				font-weight: 800;
				letter-spacing: -.04em;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			.pp-brand-sub {
				display: block;
				margin-top: 3px;
				color: var(--pp-muted-soft);
				font-size: 10px;
				font-weight: 800;
				letter-spacing: .18em;
				text-transform: uppercase;
				white-space: nowrap;
			}

			.pp-mobile-close {
				display: none;
				width: 34px;
				height: 34px;
				border: 0;
				border-radius: 12px;
				background: rgba(255,255,255,.07);
				color: var(--pp-text);
				font-size: 22px;
				line-height: 1;
			}

			.pp-tier-card {
				position: relative;
				overflow: hidden;
				margin: 0 16px 12px;
				padding: 12px;
				border-radius: 16px;
				border: 1px solid var(--pp-border);
				background: rgba(255,255,255,.055);
				box-shadow: var(--pp-shadow-soft);
			}

			.pp-tier-card:before {
				content: "";
				position: absolute;
				right: -28px;
				top: -28px;
				width: 76px;
				height: 76px;
				border-radius: 50%;
				background: linear-gradient(135deg, #f59e0b, #ef4444);
				opacity: .18;
				filter: blur(20px);
			}

			.pp-tier-top {
				position: relative;
				display: flex;
				align-items: center;
				gap: 10px;
			}

			.pp-tier-icon {
				width: 32px;
				height: 32px;
				flex: 0 0 auto;
				display: grid;
				place-items: center;
				border-radius: 50%;
				background: linear-gradient(135deg, #f59e0b, #f97316);
				color: #fff;
				box-shadow: 0 10px 22px rgba(245,158,11,.25);
			}

			.pp-tier-text {
				min-width: 0;
				flex: 1;
			}

			.pp-tier-label {
				color: var(--pp-muted);
				font-size: 10px;
				font-weight: 800;
				letter-spacing: .14em;
				text-transform: uppercase;
			}

			.pp-tier-name {
				color: var(--pp-text);
				font-size: 14px;
				font-weight: 800;
			}

			.pp-tier-count {
				color: var(--pp-muted);
				font-size: 10px;
				font-weight: 700;
			}

			.pp-tier-progress {
				height: 6px;
				margin: 10px 0 8px;
				border-radius: 999px;
				overflow: hidden;
				background: rgba(255,255,255,.10);
			}

			.pp-tier-progress span {
				display: block;
				width: 45%;
				height: 100%;
				border-radius: inherit;
				background: linear-gradient(90deg, #f59e0b, #f97316);
			}

			.pp-tier-bottom {
				display: flex;
				justify-content: space-between;
				gap: 8px;
				color: var(--pp-muted);
				font-size: 10px;
				font-weight: 700;
			}

			.pp-nav {
				flex: 1;
				overflow-y: auto;
				padding: 0 12px 16px;
			}

			.pp-nav::-webkit-scrollbar {
				width: 6px;
			}

			.pp-nav::-webkit-scrollbar-thumb {
				background: rgba(56,189,248,.28);
				border-radius: 99px;
			}

			.pp-section-title {
				padding: 14px 12px 7px;
				color: var(--pp-muted-soft);
				font-size: 11px;
				font-weight: 800;
				letter-spacing: .18em;
				text-transform: uppercase;
			}

			.pp-menu {
				list-style: none;
				padding: 0;
				margin: 0;
			}

			.pp-menu li {
				margin: 3px 0;
			}

			.pp-menu a {
				position: relative;
				min-height: 42px;
				display: flex;
				align-items: center;
				gap: 12px;
				padding: 10px 12px;
				border-radius: 13px;
				color: var(--pp-muted);
				font-size: 14px;
				font-weight: 650;
				transition: .18s ease;
			}

			.pp-menu a:hover {
				background: rgba(255,255,255,.06);
				color: var(--pp-text);
			}

			.pp-menu li.active a {
				color: var(--pp-text);
				border: 1px solid rgba(56,189,248,.35);
				background: linear-gradient(90deg, rgba(56,189,248,.18), rgba(168,85,247,.12));
				box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
			}

			.pp-menu li.active a:after {
				content: "";
				margin-left: auto;
				width: 7px;
				height: 7px;
				border-radius: 50%;
				background: var(--pp-primary);
				box-shadow: 0 0 10px var(--pp-primary);
			}

			body.pp-rtl .pp-menu li.active a:after {
	margin-left: 0;
	margin-right: auto;
}

			.pp-menu-icon,
			.pp-menu .navbar-icon {
				width: 20px;
				min-width: 20px;
				text-align: center;
				font-size: 16px;
				color: inherit;
			}

			.pp-sidebar-footer {
				border-top: 1px solid var(--pp-border);
				padding: 12px 20px;
				color: var(--pp-muted);
				font-size: 11px;
			}

			.pp-footer-row {
				display: flex;
				align-items: center;
				justify-content: space-between;
				gap: 8px;
			}

			.pp-online {
				display: inline-flex;
				align-items: center;
				gap: 6px;
			}

			.pp-online-dot {
				width: 7px;
				height: 7px;
				border-radius: 50%;
				background: var(--pp-success);
				box-shadow: 0 0 10px var(--pp-success);
			}

			.pp-sidebar-toggle {
				position: absolute;
				top: 14px;
				right: -18px;
				z-index: 4;
				width: 36px;
				height: 36px;
				display: grid;
				place-items: center;
				border-radius: 13px;
				border: 1px solid var(--pp-border);
				background: rgba(15,23,42,.78);
				color: var(--pp-text);
				backdrop-filter: blur(16px);
				box-shadow: var(--pp-shadow-soft);
				cursor: pointer;
			}

			body.pp-rtl .pp-sidebar-toggle {
	right: auto;
	left: -18px;
}

			.pp-main {
				width: 100%;
				min-width: 0;
				min-height: 100vh;
				display: flex;
				flex-direction: column;
				margin-left: var(--pp-sidebar);
				transition: margin .25s ease;
			}

			body.pp-rtl .pp-main {
	margin-left: 0;
	margin-right: var(--pp-sidebar);
}

			.pp-topbar {
				position: sticky;
				top: 0;
				z-index: 1030;
				height: var(--pp-topbar);
				display: flex;
				align-items: center;
				justify-content: space-between;
				gap: 12px;
				padding: 0 32px;
				border-bottom: 1px solid var(--pp-border);
				background: rgba(7,5,26,.72);
				backdrop-filter: blur(24px) saturate(160%);
			}

			.pp-top-left,
			.pp-top-actions {
				display: flex;
				align-items: center;
				gap: 10px;
				min-width: 0;
			}

			.pp-open-menu {
				display: none;
				width: 38px;
				height: 38px;
				border-radius: 13px;
				border: 1px solid var(--pp-border);
				background: rgba(255,255,255,.055);
				color: var(--pp-text);
			}

			.pp-page-title {
				min-width: 0;
			}

			.pp-page-title h1 {
				margin: 0;
				font-family: "Space Grotesk", Inter, sans-serif;
				font-size: 20px;
				line-height: 1.1;
				font-weight: 800;
				letter-spacing: -.035em;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			.pp-breadcrumb {
				margin-top: 2px;
				display: flex;
				align-items: center;
				gap: 5px;
				color: var(--pp-muted);
				font-size: 11px;
			}

			.pp-top-btn,
			.pp-top-pill {
				height: 38px;
				display: inline-flex;
				align-items: center;
				justify-content: center;
				border: 1px solid var(--pp-border);
				background: rgba(255,255,255,.055);
				color: var(--pp-muted);
				border-radius: 13px;
				transition: .18s ease;
			}

			.pp-top-btn {
				width: 38px;
				padding: 0;
			}

			.pp-top-pill {
				gap: 7px;
				padding: 0 12px;
				font-size: 12px;
				font-weight: 800;
				text-transform: uppercase;
				letter-spacing: .04em;
			}

			.pp-top-btn:hover,
			.pp-top-pill:hover,
			.pp-top-btn:focus,
			.pp-top-pill:focus {
				color: var(--pp-text);
				border-color: var(--pp-border-strong);
				background: rgba(255,255,255,.085);
				outline: none;
			}

			.pp-avatar {
				width: 25px;
				height: 25px;
				display: grid;
				place-items: center;
				border-radius: 9px;
				color: #fff;
				font-size: 10px;
				font-weight: 900;
				background: linear-gradient(135deg, var(--pp-primary), var(--pp-primary-3));
			}

			.pp-dropdown {
				margin-top: 8px !important;
				padding: 8px !important;
				border: 1px solid var(--pp-border) !important;
				border-radius: 16px !important;
				background: rgba(15,23,42,.96) !important;
				box-shadow: var(--pp-shadow) !important;
				backdrop-filter: blur(22px);
				overflow: hidden;
			}

			.pp-dropdown > li > a {
				display: flex !important;
				align-items: center;
				gap: 8px;
				padding: 9px 11px !important;
				border-radius: 12px;
				color: var(--pp-muted) !important;
				font-weight: 700;
			}

			.pp-dropdown > li.active > a,
			.pp-dropdown > li > a:hover {
				background: rgba(56,189,248,.11) !important;
				color: var(--pp-text) !important;
			}

			.pp-content {
				flex: 1;
				padding: 26px 28px 36px;
			}

			.pp-content-inner {
				width: 100%;
				max-width: 1500px;
				margin: 0 auto;
			}

			.pp-content-inner > .container,
			.pp-content-inner > .container-fluid {
				width: 100%;
				max-width: 100%;
				padding-left: 0;
				padding-right: 0;
			}

			.pp-content .row {
				margin-left: -8px;
				margin-right: -8px;
			}

			.pp-content [class*="col-"] {
				padding-left: 8px;
				padding-right: 8px;
			}

			.pp-content .well,
			.pp-content .panel,
			.pp-content .card,
			.pp-content .well-float {
				border-radius: var(--pp-radius-lg) !important;
				border: 1px solid var(--pp-border) !important;
				background: var(--pp-card) !important;
				box-shadow: var(--pp-shadow-soft) !important;
				backdrop-filter: blur(18px);
			}

			.pp-content .well {
				padding: 18px !important;
			}

			.pp-content .panel-heading {
				border-bottom: 1px solid var(--pp-border) !important;
				background: rgba(255,255,255,.045) !important;
				border-radius: var(--pp-radius-lg) var(--pp-radius-lg) 0 0 !important;
				color: var(--pp-text) !important;
				font-weight: 800;
			}

			.pp-content .form-group {
				margin-bottom: 15px;
			}

			.pp-content label,
			.pp-content .control-label {
				color: var(--pp-muted);
				font-size: 12px;
				font-weight: 800;
			}

			.pp-content .form-control,
			.pp-content input[type="text"],
			.pp-content input[type="number"],
			.pp-content input[type="email"],
			.pp-content input[type="password"],
			.pp-content input[type="url"],
			.pp-content select,
			.pp-content textarea {
				min-height: 48px;
				border-radius: 15px !important;
				border: 1px solid var(--pp-border) !important;
				background: rgba(255,255,255,.06) !important;
				color: var(--pp-text) !important;
				box-shadow: none !important;
				font-weight: 600;
			}

			.pp-content textarea {
				min-height: 110px;
			}

			.pp-content .form-control:focus,
			.pp-content input:focus,
			.pp-content select:focus,
			.pp-content textarea:focus {
				border-color: rgba(56,189,248,.48) !important;
				box-shadow: 0 0 0 4px rgba(56,189,248,.12) !important;
				outline: none !important;
			}

			.pp-content .btn {
				border-radius: 13px;
				font-weight: 800;
			}

			.pp-content .btn-primary,
			.pp-content .btn-success {
				border: 0 !important;
				background: linear-gradient(135deg, var(--pp-primary), var(--pp-primary-2)) !important;
				color: #fff !important;
				box-shadow: 0 16px 32px rgba(56,189,248,.18);
			}

			.pp-content .table {
				margin-bottom: 0;
				color: var(--pp-text);
				background: transparent !important;
			}

			.pp-content .table > thead > tr > th {
				border-bottom: 1px solid var(--pp-border) !important;
				color: var(--pp-muted);
				font-size: 11px;
				font-weight: 800;
				text-transform: uppercase;
				letter-spacing: .08em;
			}

			.pp-content .table > tbody > tr > td {
				border-top: 1px solid rgba(255,255,255,.08) !important;
				vertical-align: middle;
			}

			.pp-content .alert {
				border-radius: 15px;
				border: 1px solid var(--pp-border);
				box-shadow: var(--pp-shadow-soft);
			}

			body.pp-sidebar-collapsed .pp-sidebar {
				width: var(--pp-sidebar-small);
			}

			body.pp-sidebar-collapsed .pp-main {
				margin-left: var(--pp-sidebar-small);
			}

			body.pp-rtl.pp-sidebar-collapsed .pp-main {
	margin-left: 0;
	margin-right: var(--pp-sidebar-small);
}

			body.pp-sidebar-collapsed .pp-brand {
				justify-content: center;
				padding-left: 10px;
				padding-right: 10px;
			}

			body.pp-sidebar-collapsed .pp-brand-text,
			body.pp-sidebar-collapsed .pp-tier-card,
			body.pp-sidebar-collapsed .pp-section-title,
			body.pp-sidebar-collapsed .pp-menu a span:not(.pp-menu-icon),
			body.pp-sidebar-collapsed .pp-menu a .navbar-icon + span,
			body.pp-sidebar-collapsed .pp-sidebar-footer span:not(.pp-online-dot) {
				display: none !important;
			}

			body.pp-sidebar-collapsed .pp-menu a {
				justify-content: center;
				padding-left: 10px;
				padding-right: 10px;
			}

			body.pp-sidebar-collapsed .pp-menu li.active a:after {
				display: none;
			}

			.pp-mobile-overlay {
				display: none;
				position: fixed;
				inset: 0;
				z-index: 1040;
				border: 0;
				background: rgba(0,0,0,.55);
				backdrop-filter: blur(8px);
			}

			.pp-public-navbar {
				min-height: 70px;
				margin: 0;
				border: 0;
				border-bottom: 1px solid var(--pp-border);
				background: rgba(7,5,26,.72);
				backdrop-filter: blur(22px);
			}

			.pp-public-navbar .navbar-brand {
				color: var(--pp-text) !important;
				font-weight: 900;
			}

			.pp-public-navbar .navbar-brand img {
				max-height: 42px;
			}

			.pp-public-navbar .navbar-nav > li > a {
				color: var(--pp-muted) !important;
				font-weight: 800;
			}

			.pp-public-navbar .navbar-nav > li.active > a,
			.pp-public-navbar .navbar-nav > li > a:hover {
				color: var(--pp-text) !important;
				background: transparent !important;
			}

			.pp-public-content {
				padding: 28px 16px;
			}

			#notify-wrapper {
				position: fixed;
				right: 20px;
				bottom: 20px;
				z-index: 9999;
				border-radius: 15px;
				border: 1px solid var(--pp-border);
				box-shadow: var(--pp-shadow);
			}

			body.pp-rtl #notify-wrapper {
	right: auto;
	left: 20px;
}

			@media (max-width: 991px) {
				.pp-sidebar {
					transform: translateX(-110%);
				}

				body.pp-rtl .pp-sidebar {
	transform: translateX(110%);
}

				body.pp-mobile-open .pp-sidebar {
					transform: translateX(0);
				}

				body.pp-mobile-open .pp-mobile-overlay {
					display: block;
				}

				.pp-sidebar-toggle {
					display: none;
				}

				.pp-mobile-close {
					display: grid;
					place-items: center;
				}

				.pp-main,
				body.pp-sidebar-collapsed .pp-main {
					margin-left: 0;
					margin-right: 0;
				}

				.pp-open-menu {
					display: grid;
					place-items: center;
				}

				.pp-topbar {
					padding: 0 14px;
				}

				.pp-page-title {
					display: none;
				}

				.pp-content {
					padding: 18px 12px 30px;
				}

				.pp-content .well {
					padding: 14px !important;
				}
			}

			@media (max-width: 575px) {
				.pp-sidebar {
					width: min(280px, 88vw);
				}

				.pp-topbar {
					height: 60px;
				}

				.pp-top-actions {
					gap: 6px;
				}

				.pp-top-btn,
				.pp-top-pill {
					width: 38px;
					height: 38px;
					padding: 0;
				}

				.pp-hide-mobile {
					display: none !important;
				}

				.pp-content {
					padding: 14px 8px 28px;
				}

				.pp-content .well,
				.pp-content .panel,
				.pp-content .card,
				.pp-content .well-float {
					border-radius: 16px !important;
				}

				.pp-content .form-control,
				.pp-content input[type="text"],
				.pp-content input[type="number"],
				.pp-content input[type="email"],
				.pp-content input[type="password"],
				.pp-content input[type="url"],
				.pp-content select,
				.pp-content textarea {
					min-height: 46px;
					border-radius: 13px !important;
					font-size: 14px;
				}
			}
		


/* =========================================================
   DESKTOP TOPBAR BUTTONS FINAL DIRECT HTML
   أزرار احترافية مباشرة بدون flicker
========================================================= */

.pp-top-actions {
	gap: 10px !important;
}

.pp-top-actions .dropdown {
	display: inline-flex !important;
	align-items: center !important;
}

.pp-top-btn,
.pp-top-pill {
	height: 40px !important;
	min-height: 40px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 16px !important;
	border: 1px solid rgba(148,163,184,.17) !important;
	background:
		radial-gradient(circle at 18% 0%, rgba(56,189,248,.10), transparent 42%),
		rgba(2,12,24,.60) !important;
	color: rgba(226,232,240,.86) !important;
	box-shadow:
		0 10px 24px rgba(0,0,0,.18),
		inset 0 1px 0 rgba(255,255,255,.045) !important;
	backdrop-filter: blur(16px) saturate(150%) !important;
	font-weight: 900 !important;
	transition: transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease !important;
}

.pp-top-btn {
	width: 40px !important;
	min-width: 40px !important;
	padding: 0 !important;
	border-radius: 50% !important;
	font-size: 17px !important;
}

.pp-top-pill:hover,
.pp-top-btn:hover,
.pp-top-pill:focus,
.pp-top-btn:focus {
	transform: translateY(-1px) !important;
	border-color: rgba(56,189,248,.34) !important;
	background:
		radial-gradient(circle at 18% 0%, rgba(56,189,248,.18), transparent 46%),
		rgba(4,18,34,.78) !important;
	color: #f8fbff !important;
	outline: none !important;
}

.pp-top-btn i.bi,
.pp-top-pill i.bi {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: rgba(186,230,253,.90) !important;
	font-size: 16px !important;
	line-height: 1 !important;
}

.pp-top-lang-pill {
	min-width: 84px !important;
	gap: 7px !important;
	padding: 0 13px !important;
	border-radius: 18px !important;
	font-size: 13px !important;
	letter-spacing: .04em !important;
}

.pp-top-lang-text {
	display: inline-flex !important;
	align-items: center !important;
	color: #eaf6ff !important;
	font-size: 13px !important;
	font-weight: 950 !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

/* زر العملة: مستطيل أنيق مثل الصورة */
.pp-top-currency-pill {
	width: auto !important;
	min-width: 106px !important;
	height: 40px !important;
	padding: 0 14px !important;
	gap: 8px !important;
	border-radius: 18px !important;
	font-size: 13px !important;
	letter-spacing: .03em !important;
}

.pp-currency-icon {
	width: 22px !important;
	height: 22px !important;
	display: inline-grid !important;
	place-items: center !important;
	flex: 0 0 22px !important;
	border-radius: 8px !important;
	background: rgba(56,189,248,.10) !important;
	border: 1px solid rgba(56,189,248,.18) !important;
	color: rgba(186,230,253,.92) !important;
	font-size: 15px !important;
	line-height: 1 !important;
}

.pp-top-currency-text {
	display: inline-flex !important;
	align-items: center !important;
	color: #eaf6ff !important;
	font-size: 13px !important;
	line-height: 1 !important;
	font-weight: 950 !important;
	letter-spacing: .035em !important;
	white-space: nowrap !important;
}

.pp-top-currency-pill .caret,
.pp-top-currency-pill .pp-top-caret {
	display: none !important;
}

/* زر الحساب: اسم المستخدم + أيقونة حساب بلون مناسب */
.pp-top-account-pill {
	width: auto !important;
	min-width: 138px !important;
	max-width: 230px !important;
	height: 40px !important;
	padding: 0 12px 0 8px !important;
	gap: 9px !important;
	border-radius: 19px !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}

.pp-account-avatar {
	width: 28px !important;
	height: 28px !important;
	min-width: 28px !important;
	flex: 0 0 28px !important;
	display: inline-grid !important;
	place-items: center !important;
	border-radius: 50% !important;
	background:
		linear-gradient(135deg, rgba(56,189,248,.22), rgba(99,102,241,.18)) !important;
	border: 1px solid rgba(56,189,248,.36) !important;
	color: #9eeaff !important;
	box-shadow: 0 0 0 3px rgba(56,189,248,.07) !important;
}

.pp-account-avatar i {
	color: #9eeaff !important;
	font-size: 16px !important;
}

.pp-account-name {
	min-width: 0 !important;
	max-width: 145px !important;
	display: inline-block !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	color: #f8fbff !important;
	font-size: 13px !important;
	font-weight: 950 !important;
	line-height: 1 !important;
}

.pp-account-caret {
	color: rgba(203,213,225,.70) !important;
	font-size: 12px !important;
	margin-left: 1px !important;
}

.pp-avatar,
.pp-account-text,
.pp-top-caret,
.pp-top-pill .caret {
	display: none !important;
}

@media (max-width: 991px) {
	.pp-top-actions {
		gap: 6px !important;
	}

	.pp-top-btn,
	.pp-top-lang-pill {
		width: 38px !important;
		min-width: 38px !important;
		max-width: 38px !important;
		height: 38px !important;
		min-height: 38px !important;
		padding: 0 !important;
		border-radius: 50% !important;
	}

	.pp-top-lang-text {
		display: none !important;
	}

	.pp-top-currency-pill {
		min-width: 74px !important;
		max-width: 84px !important;
		height: 38px !important;
		min-height: 38px !important;
		padding: 0 9px !important;
		gap: 6px !important;
		border-radius: 16px !important;
	}

	.pp-currency-icon {
		width: 18px !important;
		height: 18px !important;
		flex-basis: 18px !important;
		border-radius: 7px !important;
		font-size: 13px !important;
	}

	.pp-top-currency-text {
		font-size: 12px !important;
	}

	.pp-top-account-pill {
		width: 38px !important;
		min-width: 38px !important;
		max-width: 38px !important;
		height: 38px !important;
		min-height: 38px !important;
		padding: 0 !important;
		gap: 0 !important;
		border-radius: 50% !important;
	}

	.pp-account-avatar {
		width: 30px !important;
		height: 30px !important;
		min-width: 30px !important;
		flex-basis: 30px !important;
	}

	.pp-account-name,
	.pp-account-caret {
		display: none !important;
	}
}

@media (max-width: 420px) {
	.pp-top-actions {
		gap: 5px !important;
	}

	.pp-top-btn,
	.pp-top-lang-pill,
	.pp-top-account-pill {
		width: 35px !important;
		min-width: 35px !important;
		max-width: 35px !important;
		height: 35px !important;
		min-height: 35px !important;
	}

	.pp-top-currency-pill {
		min-width: 66px !important;
		max-width: 74px !important;
		height: 35px !important;
		min-height: 35px !important;
		padding: 0 7px !important;
		gap: 5px !important;
	}

	.pp-top-currency-text {
		font-size: 11px !important;
	}

	.pp-account-avatar {
		width: 28px !important;
		height: 28px !important;
		min-width: 28px !important;
		flex-basis: 28px !important;
	}

	.pp-account-avatar i {
		font-size: 15px !important;
	}
}

/* ========================================================= */

@media (max-width: 991px) {
    .pp-top-account-pill {
      width: 38px !important;
      min-width: 38px !important;
      max-width: 38px !important;
      height: 38px !important;
      min-height: 38px !important;
      padding: 0 !important;
      gap: 0 !important;
      border-radius: 50% !important;
    }

    .pp-top-account-pill .pp-account-name,
    .pp-top-account-pill .pp-account-caret,
    .pp-top-account-pill .pp-top-caret,
    .pp-top-account-pill .caret,
    .pp-top-account-pill .bi-chevron-down {
      display: none !important;
      visibility: hidden !important;
      width: 0 !important;
      height: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden !important;
    }

    .pp-top-account-pill .pp-account-avatar {
      width: 30px !important;
      height: 30px !important;
      min-width: 30px !important;
      flex: 0 0 30px !important;
      margin: 0 !important;
    }
  }

  @media (max-width: 420px) {
    .pp-top-account-pill {
      width: 35px !important;
      min-width: 35px !important;
      max-width: 35px !important;
      height: 35px !important;
      min-height: 35px !important;
    }

    .pp-top-account-pill .pp-account-avatar {
      width: 28px !important;
      height: 28px !important;
      min-width: 28px !important;
      flex-basis: 28px !important;
    }
  }



/* =========================================================
   SMART SERVICE UPDATES DROPDOWN
   زر التنبيهات يعرض آخر 10 تحديثات جديدة ويخفي المقروءة
========================================================= */

.pp-updates-dropdown-wrap {
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
}

.pp-notify-btn {
	position: relative !important;
	overflow: visible !important;
}

.pp-notify-badge {
	position: absolute !important;
	top: -5px !important;
	right: -5px !important;
	min-width: 18px !important;
	height: 18px !important;
	padding: 0 5px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 999px !important;
	border: 2px solid rgba(2,10,22,.96) !important;
	background: linear-gradient(135deg, #38bdf8, #6366f1) !important;
	color: #fff !important;
	font-size: 10px !important;
	font-weight: 950 !important;
	line-height: 1 !important;
	box-shadow: 0 8px 18px rgba(56,189,248,.22) !important;
	pointer-events: none !important;
}

.pp-updates-menu {
	width: 420px !important;
	max-width: calc(100vw - 28px) !important;
	padding: 0 !important;
	overflow: hidden !important;
	border-radius: 22px !important;
	border: 1px solid rgba(148,163,184,.18) !important;
	background:
		radial-gradient(circle at 0% 0%, rgba(56,189,248,.12), transparent 42%),
		rgba(4,13,25,.97) !important;
	box-shadow: 0 28px 70px rgba(0,0,0,.46) !important;
	backdrop-filter: blur(24px) saturate(160%) !important;
}

.pp-updates-head {
	display: flex !important;
	align-items: center !important;
	gap: 13px !important;
	padding: 18px 18px 16px !important;
	background: rgba(255,255,255,.045) !important;
	border-bottom: 1px solid rgba(148,163,184,.16) !important;
}

.pp-updates-head-icon {
	width: 42px !important;
	height: 42px !important;
	min-width: 42px !important;
	display: inline-grid !important;
	place-items: center !important;
	border-radius: 50% !important;
	background: linear-gradient(135deg, rgba(56,189,248,.24), rgba(99,102,241,.18)) !important;
	border: 1px solid rgba(56,189,248,.30) !important;
	color: #9eeaff !important;
	font-size: 19px !important;
}

.pp-updates-title {
	color: #f8fbff !important;
	font-size: 19px !important;
	font-weight: 950 !important;
	line-height: 1.1 !important;
	letter-spacing: -.02em !important;
}

.pp-updates-subtitle {
	margin-top: 4px !important;
	color: rgba(186,209,226,.74) !important;
	font-size: 13px !important;
	font-weight: 750 !important;
}

.pp-updates-list {
	padding: 12px 12px 10px !important;
	max-height: 440px !important;
	overflow-y: auto !important;
}

.pp-updates-list::-webkit-scrollbar {
	width: 6px !important;
}

.pp-updates-list::-webkit-scrollbar-thumb {
	background: rgba(56,189,248,.28) !important;
	border-radius: 999px !important;
}

.pp-update-item {
	display: flex !important;
	align-items: flex-start !important;
	gap: 12px !important;
	padding: 13px !important;
	margin-bottom: 9px !important;
	border-radius: 18px !important;
	border: 1px solid rgba(148,163,184,.14) !important;
	background: rgba(2,10,22,.52) !important;
	color: inherit !important;
	transition: .16s ease !important;
}

.pp-update-item:hover {
	background: rgba(56,189,248,.075) !important;
	border-color: rgba(56,189,248,.24) !important;
	transform: translateY(-1px) !important;
}

.pp-update-icon {
	width: 36px !important;
	height: 36px !important;
	min-width: 36px !important;
	display: inline-grid !important;
	place-items: center !important;
	border-radius: 15px !important;
	border: 1px solid rgba(56,189,248,.26) !important;
	background: rgba(56,189,248,.10) !important;
	color: #67e8f9 !important;
	font-size: 17px !important;
}

.pp-update-icon.is-price {
	border-color: rgba(34,197,94,.28) !important;
	background: rgba(34,197,94,.09) !important;
	color: #86efac !important;
}

.pp-update-icon.is-disabled {
	border-color: rgba(245,158,11,.30) !important;
	background: rgba(245,158,11,.09) !important;
	color: #fcd34d !important;
}

.pp-update-icon.is-enabled {
	border-color: rgba(52,211,153,.30) !important;
	background: rgba(52,211,153,.09) !important;
	color: #6ee7b7 !important;
}

.pp-update-body {
	min-width: 0 !important;
	flex: 1 !important;
}

.pp-update-title {
	color: #f8fbff !important;
	font-size: 14px !important;
	line-height: 1.25 !important;
	font-weight: 950 !important;
	letter-spacing: -.01em !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.pp-update-desc {
	margin-top: 5px !important;
	color: rgba(186,209,226,.78) !important;
	font-size: 12.5px !important;
	line-height: 1.35 !important;
	font-weight: 750 !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
}

.pp-updates-empty {
	padding: 22px 18px 20px !important;
	text-align: center !important;
}

.pp-updates-empty-icon {
	width: 46px !important;
	height: 46px !important;
	margin: 0 auto 10px !important;
	display: grid !important;
	place-items: center !important;
	border-radius: 50% !important;
	background: rgba(34,197,94,.10) !important;
	border: 1px solid rgba(34,197,94,.24) !important;
	color: #86efac !important;
	font-size: 20px !important;
}

.pp-updates-empty-title {
	color: #f8fbff !important;
	font-size: 15px !important;
	font-weight: 950 !important;
}

.pp-updates-empty-text {
	margin-top: 4px !important;
	color: rgba(186,209,226,.72) !important;
	font-size: 12px !important;
	font-weight: 750 !important;
}

.pp-updates-foot {
	padding: 12px !important;
	border-top: 1px solid rgba(148,163,184,.14) !important;
	background: rgba(255,255,255,.025) !important;
}

.pp-updates-view-all {
	height: 42px !important;
	width: 100% !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 16px !important;
	background: linear-gradient(135deg, #38bdf8, #6366f1) !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 950 !important;
	box-shadow: 0 16px 32px rgba(56,189,248,.18) !important;
}

.pp-updates-view-all:hover {
	color: #fff !important;
	filter: brightness(1.06) !important;
}

@media (max-width: 575px) {
	.pp-updates-menu {
		position: fixed !important;
		top: 66px !important;
		right: 10px !important;
		left: 10px !important;
		width: auto !important;
		max-width: none !important;
	}

	.pp-updates-title {
		font-size: 17px !important;
	}

	.pp-updates-list {
		max-height: 360px !important;
	}

	.pp-update-title {
		white-space: normal !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
	}
}

/* ========================================================= */

@media (max-width: 575px) {
    .pp-updates-menu {
      top: 60px !important;
      right: 12px !important;
      left: auto !important;
      width: min(330px, calc(100vw - 24px)) !important;
      max-width: min(330px, calc(100vw - 24px)) !important;
      border-radius: 17px !important;
      transform: none !important;
    }

    .pp-updates-head {
      padding: 12px 12px 11px !important;
      gap: 10px !important;
    }

    .pp-updates-head-icon {
      width: 34px !important;
      height: 34px !important;
      min-width: 34px !important;
      font-size: 15px !important;
    }

    .pp-updates-title {
      font-size: 15px !important;
      line-height: 1.1 !important;
    }

    .pp-updates-subtitle {
      margin-top: 3px !important;
      font-size: 11px !important;
      line-height: 1.25 !important;
    }

    .pp-updates-list {
      padding: 8px !important;
      max-height: 300px !important;
    }

    .pp-update-item {
      gap: 9px !important;
      padding: 9px !important;
      margin-bottom: 7px !important;
      border-radius: 14px !important;
    }

    .pp-update-icon {
      width: 30px !important;
      height: 30px !important;
      min-width: 30px !important;
      border-radius: 12px !important;
      font-size: 14px !important;
    }

    .pp-update-title {
      font-size: 12px !important;
      line-height: 1.25 !important;
      -webkit-line-clamp: 1 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }

    .pp-update-desc {
      margin-top: 4px !important;
      font-size: 10.8px !important;
      line-height: 1.3 !important;
      -webkit-line-clamp: 2 !important;
    }

    .pp-updates-empty {
      padding: 16px 12px 15px !important;
    }

    .pp-updates-empty-icon {
      width: 36px !important;
      height: 36px !important;
      margin-bottom: 8px !important;
      font-size: 16px !important;
    }

    .pp-updates-empty-title {
      font-size: 13px !important;
    }

    .pp-updates-empty-text {
      font-size: 10.5px !important;
    }

    .pp-updates-foot {
      padding: 8px !important;
    }

    .pp-updates-view-all {
      height: 35px !important;
      border-radius: 13px !important;
      font-size: 11.5px !important;
    }
  }

  @media (max-width: 380px) {
    .pp-updates-menu {
      top: 58px !important;
      right: 8px !important;
      width: min(305px, calc(100vw - 16px)) !important;
      max-width: min(305px, calc(100vw - 16px)) !important;
      border-radius: 15px !important;
    }

    .pp-updates-head {
      padding: 10px !important;
    }

    .pp-updates-head-icon {
      width: 31px !important;
      height: 31px !important;
      min-width: 31px !important;
      font-size: 14px !important;
    }

    .pp-updates-title {
      font-size: 14px !important;
    }

    .pp-updates-subtitle {
      font-size: 10px !important;
    }

    .pp-updates-list {
      max-height: 275px !important;
      padding: 7px !important;
    }

    .pp-update-item {
      padding: 8px !important;
      gap: 8px !important;
      border-radius: 13px !important;
    }

    .pp-update-icon {
      width: 28px !important;
      height: 28px !important;
      min-width: 28px !important;
      font-size: 13px !important;
    }

    .pp-update-title {
      font-size: 11.5px !important;
    }

    .pp-update-desc {
      font-size: 10px !important;
    }

    .pp-updates-view-all {
      height: 33px !important;
      font-size: 11px !important;
    }
  }

/* ========================================================= */

html.pp-light-mode-root,
  body.pp-light-mode {
    --pp-bg: #eef6fb;
    --pp-bg-2: #f7fbff;
    --pp-text: #0f2233;
    --pp-muted: rgba(51,75,95,.76);
    --pp-muted-soft: rgba(70,91,112,.56);

    --pp-card: rgba(255,255,255,.78);
    --pp-card-strong: rgba(255,255,255,.92);
    --pp-border: rgba(22,65,96,.12);
    --pp-border-strong: rgba(14,116,144,.22);

    --pp-primary: #0891b2;
    --pp-primary-2: #2563eb;
    --pp-primary-3: #7c3aed;
    --pp-success: #16a34a;
    --pp-warning: #d97706;

    --pp-shadow: 0 24px 70px rgba(15,23,42,.13);
    --pp-shadow-soft: 0 14px 35px rgba(15,23,42,.09);
  }

  html.pp-light-mode-root body,
  body.pp-light-mode {
    color: var(--pp-text) !important;
    background:
      radial-gradient(circle at 8% 8%, rgba(8,145,178,.14), transparent 30%),
      radial-gradient(circle at 92% 3%, rgba(37,99,235,.10), transparent 34%),
      radial-gradient(circle at 84% 94%, rgba(124,58,237,.08), transparent 34%),
      linear-gradient(135deg, #eef6fb 0%, #f7fbff 52%, #edf7fb 100%) !important;
  }

  html.pp-light-mode-root body:before,
  body.pp-light-mode:before {
    background-image:
      repeating-linear-gradient(60deg, rgba(14,116,144,.045) 0 1px, transparent 1px 28px),
      repeating-linear-gradient(120deg, rgba(37,99,235,.035) 0 1px, transparent 1px 32px) !important;
    opacity: .8 !important;
  }

  html.pp-light-mode-root .pp-sidebar,
  body.pp-light-mode .pp-sidebar {
    background: rgba(255,255,255,.78) !important;
    border-color: rgba(22,65,96,.13) !important;
    box-shadow: 18px 0 50px rgba(15,23,42,.08) !important;
  }

  html.pp-light-mode-root .pp-sidebar:before,
  body.pp-light-mode .pp-sidebar:before {
    background: linear-gradient(90deg, transparent, #0891b2, transparent) !important;
    opacity: .55 !important;
  }

  html.pp-light-mode-root .pp-topbar,
  body.pp-light-mode .pp-topbar,
  html.pp-light-mode-root .pp-public-navbar,
  body.pp-light-mode .pp-public-navbar {
    background: rgba(247,251,255,.76) !important;
    border-bottom-color: rgba(22,65,96,.12) !important;
    box-shadow: 0 10px 34px rgba(15,23,42,.06) !important;
  }

  html.pp-light-mode-root .pp-brand-name,
  body.pp-light-mode .pp-brand-name,
  html.pp-light-mode-root .pp-page-title h1,
  body.pp-light-mode .pp-page-title h1 {
    color: #0f2233 !important;
  }

  html.pp-light-mode-root .pp-breadcrumb,
  body.pp-light-mode .pp-breadcrumb,
  html.pp-light-mode-root .pp-brand-sub,
  body.pp-light-mode .pp-brand-sub,
  html.pp-light-mode-root .pp-section-title,
  body.pp-light-mode .pp-section-title,
  html.pp-light-mode-root .pp-sidebar-footer,
  body.pp-light-mode .pp-sidebar-footer {
    color: rgba(51,75,95,.64) !important;
  }

  html.pp-light-mode-root .pp-menu a,
  body.pp-light-mode .pp-menu a {
    color: rgba(51,75,95,.78) !important;
  }

  html.pp-light-mode-root .pp-menu a:hover,
  body.pp-light-mode .pp-menu a:hover {
    color: #0f2233 !important;
    background: rgba(8,145,178,.07) !important;
  }

  html.pp-light-mode-root .pp-menu li.active a,
  body.pp-light-mode .pp-menu li.active a {
    color: #0f2233 !important;
    border-color: rgba(8,145,178,.22) !important;
    background: linear-gradient(90deg, rgba(8,145,178,.13), rgba(37,99,235,.08)) !important;
  }

  html.pp-light-mode-root .pp-tier-card,
  body.pp-light-mode .pp-tier-card,
  html.pp-light-mode-root .pp-content .well,
  body.pp-light-mode .pp-content .well,
  html.pp-light-mode-root .pp-content .panel,
  body.pp-light-mode .pp-content .panel,
  html.pp-light-mode-root .pp-content .card,
  body.pp-light-mode .pp-content .card,
  html.pp-light-mode-root .pp-content .well-float,
  body.pp-light-mode .pp-content .well-float {
    background: rgba(255,255,255,.76) !important;
    border-color: rgba(22,65,96,.13) !important;
    box-shadow: 0 16px 34px rgba(15,23,42,.08) !important;
  }

  html.pp-light-mode-root .pp-content .panel-heading,
  body.pp-light-mode .pp-content .panel-heading {
    background: rgba(8,145,178,.045) !important;
    color: #0f2233 !important;
    border-bottom-color: rgba(22,65,96,.12) !important;
  }

  html.pp-light-mode-root .pp-content label,
  body.pp-light-mode .pp-content label,
  html.pp-light-mode-root .pp-content .control-label,
  body.pp-light-mode .pp-content .control-label {
    color: rgba(51,75,95,.76) !important;
  }

  html.pp-light-mode-root .pp-content .form-control,
  body.pp-light-mode .pp-content .form-control,
  html.pp-light-mode-root .pp-content input[type="text"],
  body.pp-light-mode .pp-content input[type="text"],
  html.pp-light-mode-root .pp-content input[type="number"],
  body.pp-light-mode .pp-content input[type="number"],
  html.pp-light-mode-root .pp-content input[type="email"],
  body.pp-light-mode .pp-content input[type="email"],
  html.pp-light-mode-root .pp-content input[type="password"],
  body.pp-light-mode .pp-content input[type="password"],
  html.pp-light-mode-root .pp-content input[type="url"],
  body.pp-light-mode .pp-content input[type="url"],
  html.pp-light-mode-root .pp-content select,
  body.pp-light-mode .pp-content select,
  html.pp-light-mode-root .pp-content textarea,
  body.pp-light-mode .pp-content textarea {
    background: rgba(255,255,255,.86) !important;
    border-color: rgba(22,65,96,.14) !important;
    color: #0f2233 !important;
  }

  html.pp-light-mode-root .pp-content .form-control:focus,
  body.pp-light-mode .pp-content .form-control:focus,
  html.pp-light-mode-root .pp-content input:focus,
  body.pp-light-mode .pp-content input:focus,
  html.pp-light-mode-root .pp-content select:focus,
  body.pp-light-mode .pp-content select:focus,
  html.pp-light-mode-root .pp-content textarea:focus,
  body.pp-light-mode .pp-content textarea:focus {
    border-color: rgba(8,145,178,.45) !important;
    box-shadow: 0 0 0 4px rgba(8,145,178,.10) !important;
  }

  html.pp-light-mode-root .pp-content .table,
  body.pp-light-mode .pp-content .table {
    color: #0f2233 !important;
  }

  html.pp-light-mode-root .pp-content .table > thead > tr > th,
  body.pp-light-mode .pp-content .table > thead > tr > th {
    color: rgba(51,75,95,.70) !important;
    border-bottom-color: rgba(22,65,96,.13) !important;
  }

  html.pp-light-mode-root .pp-content .table > tbody > tr > td,
  body.pp-light-mode .pp-content .table > tbody > tr > td {
    border-top-color: rgba(22,65,96,.10) !important;
  }

  html.pp-light-mode-root .pp-top-btn,
  body.pp-light-mode .pp-top-btn,
  html.pp-light-mode-root .pp-top-pill,
  body.pp-light-mode .pp-top-pill {
    background:
      radial-gradient(circle at 18% 0%, rgba(8,145,178,.10), transparent 42%),
      rgba(255,255,255,.82) !important;
    border-color: rgba(22,65,96,.13) !important;
    color: rgba(15,34,51,.78) !important;
    box-shadow:
      0 10px 24px rgba(15,23,42,.06),
      inset 0 1px 0 rgba(255,255,255,.70) !important;
  }

  html.pp-light-mode-root .pp-top-btn:hover,
  body.pp-light-mode .pp-top-btn:hover,
  html.pp-light-mode-root .pp-top-pill:hover,
  body.pp-light-mode .pp-top-pill:hover {
    color: #0f2233 !important;
    border-color: rgba(8,145,178,.25) !important;
    background:
      radial-gradient(circle at 18% 0%, rgba(8,145,178,.15), transparent 44%),
      rgba(255,255,255,.94) !important;
  }

  html.pp-light-mode-root .pp-top-btn i.bi,
  body.pp-light-mode .pp-top-btn i.bi,
  html.pp-light-mode-root .pp-top-pill i.bi,
  body.pp-light-mode .pp-top-pill i.bi,
  html.pp-light-mode-root .pp-currency-icon,
  body.pp-light-mode .pp-currency-icon {
    color: #0e7490 !important;
  }

  html.pp-light-mode-root .pp-top-currency-text,
  body.pp-light-mode .pp-top-currency-text,
  html.pp-light-mode-root .pp-account-name,
  body.pp-light-mode .pp-account-name {
    color: #0f2233 !important;
  }

  html.pp-light-mode-root .pp-account-avatar,
  body.pp-light-mode .pp-account-avatar {
    background: linear-gradient(135deg, rgba(8,145,178,.14), rgba(37,99,235,.10)) !important;
    border-color: rgba(8,145,178,.25) !important;
    color: #0e7490 !important;
    box-shadow: 0 0 0 3px rgba(8,145,178,.06) !important;
  }

  html.pp-light-mode-root .pp-account-avatar i,
  body.pp-light-mode .pp-account-avatar i {
    color: #0e7490 !important;
  }

  html.pp-light-mode-root .pp-account-caret,
  body.pp-light-mode .pp-account-caret {
    color: rgba(51,75,95,.58) !important;
  }

  html.pp-light-mode-root .pp-brand-mark,
  body.pp-light-mode .pp-brand-mark {
    background: linear-gradient(135deg, #0891b2, #2563eb) !important;
    box-shadow: 0 14px 30px rgba(8,145,178,.18) !important;
  }

  html.pp-light-mode-root .pp-dropdown,
  body.pp-light-mode .pp-dropdown,
  html.pp-light-mode-root .pp-updates-menu,
  body.pp-light-mode .pp-updates-menu {
    background:
      radial-gradient(circle at 0% 0%, rgba(8,145,178,.09), transparent 42%),
      rgba(255,255,255,.96) !important;
    border-color: rgba(22,65,96,.14) !important;
    box-shadow: 0 28px 70px rgba(15,23,42,.14) !important;
  }

  html.pp-light-mode-root .pp-dropdown > li > a,
  body.pp-light-mode .pp-dropdown > li > a {
    color: rgba(51,75,95,.78) !important;
  }

  html.pp-light-mode-root .pp-dropdown > li > a:hover,
  body.pp-light-mode .pp-dropdown > li > a:hover,
  html.pp-light-mode-root .pp-dropdown > li.active > a,
  body.pp-light-mode .pp-dropdown > li.active > a {
    background: rgba(8,145,178,.08) !important;
    color: #0f2233 !important;
  }

  html.pp-light-mode-root .pp-updates-head,
  body.pp-light-mode .pp-updates-head,
  html.pp-light-mode-root .pp-updates-foot,
  body.pp-light-mode .pp-updates-foot {
    background: rgba(8,145,178,.035) !important;
    border-color: rgba(22,65,96,.12) !important;
  }

  html.pp-light-mode-root .pp-updates-title,
  body.pp-light-mode .pp-updates-title,
  html.pp-light-mode-root .pp-update-title,
  body.pp-light-mode .pp-update-title,
  html.pp-light-mode-root .pp-updates-empty-title,
  body.pp-light-mode .pp-updates-empty-title {
    color: #0f2233 !important;
  }

  html.pp-light-mode-root .pp-updates-subtitle,
  body.pp-light-mode .pp-updates-subtitle,
  html.pp-light-mode-root .pp-update-desc,
  body.pp-light-mode .pp-update-desc,
  html.pp-light-mode-root .pp-updates-empty-text,
  body.pp-light-mode .pp-updates-empty-text {
    color: rgba(51,75,95,.72) !important;
  }

  html.pp-light-mode-root .pp-update-item,
  body.pp-light-mode .pp-update-item {
    background: rgba(255,255,255,.76) !important;
    border-color: rgba(22,65,96,.12) !important;
  }

  html.pp-light-mode-root .pp-update-item:hover,
  body.pp-light-mode .pp-update-item:hover {
    background: rgba(8,145,178,.055) !important;
    border-color: rgba(8,145,178,.18) !important;
  }

  html.pp-light-mode-root .pp-open-menu,
  body.pp-light-mode .pp-open-menu,
  html.pp-light-mode-root .pp-sidebar-toggle,
  body.pp-light-mode .pp-sidebar-toggle {
    background: rgba(255,255,255,.82) !important;
    color: #0f2233 !important;
    border-color: rgba(22,65,96,.13) !important;
  }

  html.pp-light-mode-root .pp-mobile-overlay,
  body.pp-light-mode .pp-mobile-overlay {
    background: rgba(15,23,42,.26) !important;
  }

  html.pp-light-mode-root .btn-primary,
  body.pp-light-mode .btn-primary,
  html.pp-light-mode-root .btn-success,
  body.pp-light-mode .btn-success,
  html.pp-light-mode-root .pp-updates-view-all,
  body.pp-light-mode .pp-updates-view-all {
    background: linear-gradient(135deg, #0891b2, #2563eb) !important;
    color: #fff !important;
  }

  .pp-theme-toggle-btn {
    cursor: pointer !important;
  }

  html.pp-light-mode-root .pp-theme-toggle-btn i.bi-sun:before,
  body.pp-light-mode .pp-theme-toggle-btn i.bi-sun:before {
    content: "\F494" !important;
  }

/* ========================================================= */

html.pp-light-mode-root body,
  body.pp-light-mode {
    background:
      radial-gradient(circle at 8% 6%, rgba(8,145,178,.16), transparent 28%),
      radial-gradient(circle at 92% 5%, rgba(37,99,235,.12), transparent 32%),
      radial-gradient(circle at 74% 92%, rgba(20,184,166,.10), transparent 34%),
      linear-gradient(135deg, #edf7fb 0%, #f8fcff 42%, #eaf5f8 100%) !important;
    color: #102235 !important;
  }

  html.pp-light-mode-root .pp-main,
  body.pp-light-mode .pp-main,
  html.pp-light-mode-root .pp-content,
  body.pp-light-mode .pp-content {
    background: transparent !important;
    color: #102235 !important;
  }

  /* ألوان عامة للنصوص داخل المحتوى حتى لا تبقى بيضاء */
  html.pp-light-mode-root .pp-content,
  body.pp-light-mode .pp-content,
  html.pp-light-mode-root .pp-content p,
  body.pp-light-mode .pp-content p,
  html.pp-light-mode-root .pp-content span,
  body.pp-light-mode .pp-content span,
  html.pp-light-mode-root .pp-content div,
  body.pp-light-mode .pp-content div,
  html.pp-light-mode-root .pp-content h1,
  body.pp-light-mode .pp-content h1,
  html.pp-light-mode-root .pp-content h2,
  body.pp-light-mode .pp-content h2,
  html.pp-light-mode-root .pp-content h3,
  body.pp-light-mode .pp-content h3,
  html.pp-light-mode-root .pp-content h4,
  body.pp-light-mode .pp-content h4,
  html.pp-light-mode-root .pp-content h5,
  body.pp-light-mode .pp-content h5,
  html.pp-light-mode-root .pp-content h6,
  body.pp-light-mode .pp-content h6,
  html.pp-light-mode-root .pp-content td,
  body.pp-light-mode .pp-content td,
  html.pp-light-mode-root .pp-content th,
  body.pp-light-mode .pp-content th {
    color: #102235 !important;
  }

  html.pp-light-mode-root .pp-content small,
  body.pp-light-mode .pp-content small,
  html.pp-light-mode-root .pp-content .text-muted,
  body.pp-light-mode .pp-content .text-muted,
  html.pp-light-mode-root .pp-content .help-block,
  body.pp-light-mode .pp-content .help-block,
  html.pp-light-mode-root .pp-content .description,
  body.pp-light-mode .pp-content .description,
  html.pp-light-mode-root .pp-content .service-description,
  body.pp-light-mode .pp-content .service-description,
  html.pp-light-mode-root .pp-content [class*="muted"],
  body.pp-light-mode .pp-content [class*="muted"],
  html.pp-light-mode-root .pp-content [class*="desc"],
  body.pp-light-mode .pp-content [class*="desc"] {
    color: rgba(55,79,99,.72) !important;
  }

  /* الكروت والبلوكات لا تكون بيضاء بالكامل */
  html.pp-light-mode-root .pp-content .well,
  body.pp-light-mode .pp-content .well,
  html.pp-light-mode-root .pp-content .panel,
  body.pp-light-mode .pp-content .panel,
  html.pp-light-mode-root .pp-content .card,
  body.pp-light-mode .pp-content .card,
  html.pp-light-mode-root .pp-content .well-float,
  body.pp-light-mode .pp-content .well-float,
  html.pp-light-mode-root .pp-content .pp-card,
  body.pp-light-mode .pp-content .pp-card,
  html.pp-light-mode-root .pp-content [class*="card"],
  body.pp-light-mode .pp-content [class*="card"],
  html.pp-light-mode-root .pp-content [class*="box"],
  body.pp-light-mode .pp-content [class*="box"],
  html.pp-light-mode-root .pp-content [class*="panel"],
  body.pp-light-mode .pp-content [class*="panel"] {
    background:
      linear-gradient(180deg, rgba(255,255,255,.86), rgba(244,250,253,.78)) !important;
    border-color: rgba(17,94,115,.13) !important;
    color: #102235 !important;
    box-shadow:
      0 16px 36px rgba(15,23,42,.08),
      inset 0 1px 0 rgba(255,255,255,.75) !important;
  }

  html.pp-light-mode-root .pp-content .panel-heading,
  body.pp-light-mode .pp-content .panel-heading,
  html.pp-light-mode-root .pp-content .card-header,
  body.pp-light-mode .pp-content .card-header {
    background:
      linear-gradient(180deg, rgba(232,246,251,.90), rgba(245,250,253,.82)) !important;
    color: #102235 !important;
    border-bottom-color: rgba(17,94,115,.12) !important;
  }

  /* الحقول */
  html.pp-light-mode-root .pp-content input,
  body.pp-light-mode .pp-content input,
  html.pp-light-mode-root .pp-content select,
  body.pp-light-mode .pp-content select,
  html.pp-light-mode-root .pp-content textarea,
  body.pp-light-mode .pp-content textarea,
  html.pp-light-mode-root .pp-content .form-control,
  body.pp-light-mode .pp-content .form-control {
    background: rgba(255,255,255,.92) !important;
    color: #102235 !important;
    border-color: rgba(17,94,115,.16) !important;
  }

  html.pp-light-mode-root .pp-content input::placeholder,
  body.pp-light-mode .pp-content input::placeholder,
  html.pp-light-mode-root .pp-content textarea::placeholder,
  body.pp-light-mode .pp-content textarea::placeholder {
    color: rgba(55,79,99,.48) !important;
  }

  html.pp-light-mode-root .pp-content label,
  body.pp-light-mode .pp-content label,
  html.pp-light-mode-root .pp-content .control-label,
  body.pp-light-mode .pp-content .control-label {
    color: rgba(35,58,78,.84) !important;
  }

  /* الأيقونات في الوضع النهاري */
  html.pp-light-mode-root i,
  body.pp-light-mode i,
  html.pp-light-mode-root .bi,
  body.pp-light-mode .bi,
  html.pp-light-mode-root .navbar-icon,
  body.pp-light-mode .navbar-icon,
  html.pp-light-mode-root .pp-menu-icon,
  body.pp-light-mode .pp-menu-icon {
    color: #0e7490 !important;
  }

  html.pp-light-mode-root .pp-content .btn-primary i,
  body.pp-light-mode .pp-content .btn-primary i,
  html.pp-light-mode-root .pp-content .btn-success i,
  body.pp-light-mode .pp-content .btn-success i,
  html.pp-light-mode-root .pp-content .btn-danger i,
  body.pp-light-mode .pp-content .btn-danger i,
  html.pp-light-mode-root .pp-content .btn-warning i,
  body.pp-light-mode .pp-content .btn-warning i,
  html.pp-light-mode-root .pp-updates-view-all i,
  body.pp-light-mode .pp-updates-view-all i {
    color: #fff !important;
  }

  /* أزرار عامة */
  html.pp-light-mode-root .pp-content .btn,
  body.pp-light-mode .pp-content .btn {
    border-color: rgba(17,94,115,.16) !important;
  }

  html.pp-light-mode-root .pp-content .btn-default,
  body.pp-light-mode .pp-content .btn-default,
  html.pp-light-mode-root .pp-content .btn-secondary,
  body.pp-light-mode .pp-content .btn-secondary {
    background: rgba(255,255,255,.88) !important;
    color: #102235 !important;
  }

  html.pp-light-mode-root .pp-content .btn-primary,
  body.pp-light-mode .pp-content .btn-primary,
  html.pp-light-mode-root .pp-content .btn-success,
  body.pp-light-mode .pp-content .btn-success {
    background: linear-gradient(135deg, #0891b2, #2563eb) !important;
    color: #fff !important;
  }

  /* الجداول */
  html.pp-light-mode-root .pp-content table,
  body.pp-light-mode .pp-content table,
  html.pp-light-mode-root .pp-content .table,
  body.pp-light-mode .pp-content .table {
    background: transparent !important;
    color: #102235 !important;
  }

  html.pp-light-mode-root .pp-content .table > thead > tr > th,
  body.pp-light-mode .pp-content .table > thead > tr > th {
    color: rgba(35,58,78,.72) !important;
    background: rgba(232,246,251,.55) !important;
    border-color: rgba(17,94,115,.12) !important;
  }

  html.pp-light-mode-root .pp-content .table > tbody > tr > td,
  body.pp-light-mode .pp-content .table > tbody > tr > td {
    color: #102235 !important;
    border-color: rgba(17,94,115,.10) !important;
  }

  html.pp-light-mode-root .pp-content .table > tbody > tr:hover,
  body.pp-light-mode .pp-content .table > tbody > tr:hover {
    background: rgba(8,145,178,.045) !important;
  }

  /* القوائم المنسدلة والـ selectpicker */
  html.pp-light-mode-root .dropdown-menu,
  body.pp-light-mode .dropdown-menu,
  html.pp-light-mode-root .pp-dropdown,
  body.pp-light-mode .pp-dropdown,
  html.pp-light-mode-root .bootstrap-select .dropdown-menu,
  body.pp-light-mode .bootstrap-select .dropdown-menu {
    background: rgba(255,255,255,.97) !important;
    border-color: rgba(17,94,115,.14) !important;
    box-shadow: 0 24px 56px rgba(15,23,42,.14) !important;
  }

  html.pp-light-mode-root .dropdown-menu > li > a,
  body.pp-light-mode .dropdown-menu > li > a,
  html.pp-light-mode-root .bootstrap-select .dropdown-menu li a,
  body.pp-light-mode .bootstrap-select .dropdown-menu li a {
    color: #102235 !important;
  }

  html.pp-light-mode-root .dropdown-menu > li > a:hover,
  body.pp-light-mode .dropdown-menu > li > a:hover,
  html.pp-light-mode-root .dropdown-menu > li.active > a,
  body.pp-light-mode .dropdown-menu > li.active > a,
  html.pp-light-mode-root .bootstrap-select .dropdown-menu li a:hover,
  body.pp-light-mode .bootstrap-select .dropdown-menu li a:hover {
    background: rgba(8,145,178,.08) !important;
    color: #0e7490 !important;
  }

  /* إصلاح صفحات New Order المخصصة */
  html.pp-light-mode-root .pp-neworder-wrap,
  body.pp-light-mode .pp-neworder-wrap,
  html.pp-light-mode-root .pp-neworder-grid,
  body.pp-light-mode .pp-neworder-grid,
  html.pp-light-mode-root .pp-order-shell,
  body.pp-light-mode .pp-order-shell {
    color: #102235 !important;
  }

  html.pp-light-mode-root .pp-neworder-wrap *,
  body.pp-light-mode .pp-neworder-wrap *,
  html.pp-light-mode-root .pp-order-shell *,
  body.pp-light-mode .pp-order-shell * {
    color: inherit;
  }

  html.pp-light-mode-root .pp-neworder-wrap i,
  body.pp-light-mode .pp-neworder-wrap i,
  html.pp-light-mode-root .pp-order-shell i,
  body.pp-light-mode .pp-order-shell i {
    color: #0e7490 !important;
  }

  html.pp-light-mode-root .pp-neworder-wrap .btn-primary,
  body.pp-light-mode .pp-neworder-wrap .btn-primary,
  html.pp-light-mode-root .pp-neworder-wrap .btn-success,
  body.pp-light-mode .pp-neworder-wrap .btn-success,
  html.pp-light-mode-root .pp-order-shell .btn-primary,
  body.pp-light-mode .pp-order-shell .btn-primary,
  html.pp-light-mode-root .pp-order-shell .btn-success,
  body.pp-light-mode .pp-order-shell .btn-success {
    color: #fff !important;
  }

  html.pp-light-mode-root .pp-neworder-wrap .btn-primary *,
  body.pp-light-mode .pp-neworder-wrap .btn-primary *,
  html.pp-light-mode-root .pp-neworder-wrap .btn-success *,
  body.pp-light-mode .pp-neworder-wrap .btn-success *,
  html.pp-light-mode-root .pp-order-shell .btn-primary *,
  body.pp-light-mode .pp-order-shell .btn-primary *,
  html.pp-light-mode-root .pp-order-shell .btn-success *,
  body.pp-light-mode .pp-order-shell .btn-success * {
    color: #fff !important;
  }

  /* العناصر التي تستعمل ألوان داكنة داخل New Order */
  html.pp-light-mode-root [class*="pp-hero"],
  body.pp-light-mode [class*="pp-hero"],
  html.pp-light-mode-root [class*="pp-stat"],
  body.pp-light-mode [class*="pp-stat"],
  html.pp-light-mode-root [class*="pp-side"],
  body.pp-light-mode [class*="pp-side"],
  html.pp-light-mode-root [class*="pp-service"],
  body.pp-light-mode [class*="pp-service"],
  html.pp-light-mode-root [class*="pp-category"],
  body.pp-light-mode [class*="pp-category"],
  html.pp-light-mode-root [class*="pp-info"],
  body.pp-light-mode [class*="pp-info"],
  html.pp-light-mode-root [class*="pp-desc"],
  body.pp-light-mode [class*="pp-desc"] {
    border-color: rgba(17,94,115,.13) !important;
  }

  html.pp-light-mode-root .pp-content [class*="title"],
  body.pp-light-mode .pp-content [class*="title"],
  html.pp-light-mode-root .pp-content [class*="name"],
  body.pp-light-mode .pp-content [class*="name"] {
    color: #102235 !important;
  }

  html.pp-light-mode-root .pp-content [class*="subtitle"],
  body.pp-light-mode .pp-content [class*="subtitle"],
  html.pp-light-mode-root .pp-content [class*="meta"],
  body.pp-light-mode .pp-content [class*="meta"],
  html.pp-light-mode-root .pp-content [class*="hint"],
  body.pp-light-mode .pp-content [class*="hint"] {
    color: rgba(55,79,99,.72) !important;
  }

  /* Topbar/Sidebar icons */
  html.pp-light-mode-root .pp-top-btn i,
  body.pp-light-mode .pp-top-btn i,
  html.pp-light-mode-root .pp-top-pill i,
  body.pp-light-mode .pp-top-pill i,
  html.pp-light-mode-root .pp-account-avatar i,
  body.pp-light-mode .pp-account-avatar i {
    color: #0e7490 !important;
  }

  html.pp-light-mode-root .pp-theme-toggle-btn i,
  body.pp-light-mode .pp-theme-toggle-btn i {
    color: #d97706 !important;
  }

  html.pp-light-mode-root .pp-menu li.active a i,
  body.pp-light-mode .pp-menu li.active a i {
    color: #0891b2 !important;
  }

  /* تنبيهات وتحديثات */
  html.pp-light-mode-root .pp-notify-badge,
  body.pp-light-mode .pp-notify-badge {
    border-color: #f8fcff !important;
    color: #fff !important;
  }

  html.pp-light-mode-root .pp-update-icon i,
  body.pp-light-mode .pp-update-icon i,
  html.pp-light-mode-root .pp-updates-head-icon i,
  body.pp-light-mode .pp-updates-head-icon i,
  html.pp-light-mode-root .pp-updates-empty-icon i,
  body.pp-light-mode .pp-updates-empty-icon i {
    color: inherit !important;
  }

  /* منع الأبيض الخالص المزعج */
  html.pp-light-mode-root .pp-content-inner,
  body.pp-light-mode .pp-content-inner {
    color: #102235 !important;
  }

  html.pp-light-mode-root hr,
  body.pp-light-mode hr {
    border-color: rgba(17,94,115,.12) !important;
  }

/* ========================================================= */

html.pp-light-mode-root,
  body.pp-light-mode {
    --pp-day-bg-1: #dff4fb;
    --pp-day-bg-2: #eefaff;
    --pp-day-bg-3: #d7edf5;
    --pp-day-surface: rgba(232,247,252,.86);
    --pp-day-surface-2: rgba(221,242,249,.82);
    --pp-day-surface-3: rgba(207,233,242,.78);
    --pp-day-text: #0b1b2b;
    --pp-day-muted: #47687c;
    --pp-day-soft: #6f8796;
    --pp-day-border: rgba(14,116,144,.18);
    --pp-day-border-2: rgba(37,99,235,.15);
    --pp-day-cyan: #0891b2;
    --pp-day-blue: #2563eb;
    --pp-day-indigo: #4f46e5;
    --pp-day-shadow: 0 18px 46px rgba(15, 54, 75, .12);
  }

  html.pp-light-mode-root body,
  body.pp-light-mode {
    background:
      radial-gradient(circle at 9% 7%, rgba(8,145,178,.20), transparent 28%),
      radial-gradient(circle at 92% 5%, rgba(37,99,235,.14), transparent 31%),
      radial-gradient(circle at 78% 88%, rgba(45,212,191,.12), transparent 34%),
      linear-gradient(135deg, var(--pp-day-bg-1) 0%, var(--pp-day-bg-2) 46%, var(--pp-day-bg-3) 100%) !important;
    color: var(--pp-day-text) !important;
  }

  html.pp-light-mode-root body:before,
  body.pp-light-mode:before {
    opacity: .75 !important;
    background-image:
      repeating-linear-gradient(60deg, rgba(8,145,178,.055) 0 1px, transparent 1px 24px),
      repeating-linear-gradient(120deg, rgba(37,99,235,.045) 0 1px, transparent 1px 28px) !important;
  }

  /* النصوص: لا تبقى بيضاء في الوضع النهاري */
  html.pp-light-mode-root .pp-content,
  body.pp-light-mode .pp-content,
  html.pp-light-mode-root .pp-content-inner,
  body.pp-light-mode .pp-content-inner,
  html.pp-light-mode-root .pp-content p,
  body.pp-light-mode .pp-content p,
  html.pp-light-mode-root .pp-content div,
  body.pp-light-mode .pp-content div,
  html.pp-light-mode-root .pp-content span,
  body.pp-light-mode .pp-content span,
  html.pp-light-mode-root .pp-content td,
  body.pp-light-mode .pp-content td,
  html.pp-light-mode-root .pp-content th,
  body.pp-light-mode .pp-content th,
  html.pp-light-mode-root .pp-content label,
  body.pp-light-mode .pp-content label {
    color: var(--pp-day-text) !important;
    text-shadow: none !important;
  }

  html.pp-light-mode-root .pp-content h1,
  body.pp-light-mode .pp-content h1,
  html.pp-light-mode-root .pp-content h2,
  body.pp-light-mode .pp-content h2,
  html.pp-light-mode-root .pp-content h3,
  body.pp-light-mode .pp-content h3,
  html.pp-light-mode-root .pp-content h4,
  body.pp-light-mode .pp-content h4,
  html.pp-light-mode-root .pp-content h5,
  body.pp-light-mode .pp-content h5,
  html.pp-light-mode-root .pp-content h6,
  body.pp-light-mode .pp-content h6,
  html.pp-light-mode-root .pp-page-title h1,
  body.pp-light-mode .pp-page-title h1 {
    color: #071a2a !important;
    text-shadow: none !important;
  }

  html.pp-light-mode-root .pp-content small,
  body.pp-light-mode .pp-content small,
  html.pp-light-mode-root .pp-content .text-muted,
  body.pp-light-mode .pp-content .text-muted,
  html.pp-light-mode-root .pp-content [class*="muted"],
  body.pp-light-mode .pp-content [class*="muted"],
  html.pp-light-mode-root .pp-content [class*="desc"],
  body.pp-light-mode .pp-content [class*="desc"],
  html.pp-light-mode-root .pp-content [class*="subtitle"],
  body.pp-light-mode .pp-content [class*="subtitle"],
  html.pp-light-mode-root .pp-content [class*="meta"],
  body.pp-light-mode .pp-content [class*="meta"],
  html.pp-light-mode-root .pp-content [class*="hint"],
  body.pp-light-mode .pp-content [class*="hint"] {
    color: var(--pp-day-muted) !important;
    text-shadow: none !important;
  }

  /* الأيقونات */
  html.pp-light-mode-root i,
  body.pp-light-mode i,
  html.pp-light-mode-root .bi,
  body.pp-light-mode .bi,
  html.pp-light-mode-root svg,
  body.pp-light-mode svg,
  html.pp-light-mode-root .navbar-icon,
  body.pp-light-mode .navbar-icon,
  html.pp-light-mode-root .pp-menu-icon,
  body.pp-light-mode .pp-menu-icon {
    color: var(--pp-day-cyan) !important;
    fill: currentColor !important;
  }

  /* خلفيات لا تكون بيضاء بالكامل */
  html.pp-light-mode-root .pp-content .well,
  body.pp-light-mode .pp-content .well,
  html.pp-light-mode-root .pp-content .panel,
  body.pp-light-mode .pp-content .panel,
  html.pp-light-mode-root .pp-content .card,
  body.pp-light-mode .pp-content .card,
  html.pp-light-mode-root .pp-content .well-float,
  body.pp-light-mode .pp-content .well-float,
  html.pp-light-mode-root .pp-content [class*="card"],
  body.pp-light-mode .pp-content [class*="card"],
  html.pp-light-mode-root .pp-content [class*="box"],
  body.pp-light-mode .pp-content [class*="box"],
  html.pp-light-mode-root .pp-content [class*="panel"],
  body.pp-light-mode .pp-content [class*="panel"],
  html.pp-light-mode-root .pp-content [class*="wrap"],
  body.pp-light-mode .pp-content [class*="wrap"],
  html.pp-light-mode-root .pp-content [class*="shell"],
  body.pp-light-mode .pp-content [class*="shell"] {
    background:
      radial-gradient(circle at 100% 0%, rgba(37,99,235,.08), transparent 34%),
      linear-gradient(180deg, var(--pp-day-surface), var(--pp-day-surface-2)) !important;
    border-color: var(--pp-day-border) !important;
    box-shadow: var(--pp-day-shadow), inset 0 1px 0 rgba(255,255,255,.62) !important;
    color: var(--pp-day-text) !important;
  }

  /* كروت Hero / Stats / Filters / Service المخصصة */
  html.pp-light-mode-root .pp-content [class*="hero"],
  body.pp-light-mode .pp-content [class*="hero"],
  html.pp-light-mode-root .pp-content [class*="stat"],
  body.pp-light-mode .pp-content [class*="stat"],
  html.pp-light-mode-root .pp-content [class*="metric"],
  body.pp-light-mode .pp-content [class*="metric"],
  html.pp-light-mode-root .pp-content [class*="filter"],
  body.pp-light-mode .pp-content [class*="filter"],
  html.pp-light-mode-root .pp-content [class*="service"],
  body.pp-light-mode .pp-content [class*="service"],
  html.pp-light-mode-root .pp-content [class*="category"],
  body.pp-light-mode .pp-content [class*="category"],
  html.pp-light-mode-root .pp-content [class*="order"],
  body.pp-light-mode .pp-content [class*="order"],
  html.pp-light-mode-root .pp-content [class*="refund"],
  body.pp-light-mode .pp-content [class*="refund"],
  html.pp-light-mode-root .pp-content [class*="fund"],
  body.pp-light-mode .pp-content [class*="fund"] {
    border-color: var(--pp-day-border) !important;
    text-shadow: none !important;
  }

  /* أي عنصر كان غامق بزاف في الصفحات المخصصة */
  html.pp-light-mode-root .pp-content [style*="background"],
  body.pp-light-mode .pp-content [style*="background"] {
    text-shadow: none !important;
  }

  /* البطاقات الداكنة السابقة تتحول لزجاج أزرق هادئ */
  html.pp-light-mode-root .pp-content [class*="dark"],
  body.pp-light-mode .pp-content [class*="dark"],
  html.pp-light-mode-root .pp-content [class*="glass"],
  body.pp-light-mode .pp-content [class*="glass"],
  html.pp-light-mode-root .pp-content [class*="dropdown"],
  body.pp-light-mode .pp-content [class*="dropdown"],
  html.pp-light-mode-root .pp-content [class*="select"],
  body.pp-light-mode .pp-content [class*="select"] {
    background:
      linear-gradient(180deg, rgba(229,246,252,.90), rgba(214,238,247,.84)) !important;
    border-color: var(--pp-day-border) !important;
    color: var(--pp-day-text) !important;
  }

  /* Topbar و Sidebar */
  html.pp-light-mode-root .pp-topbar,
  body.pp-light-mode .pp-topbar,
  html.pp-light-mode-root .pp-public-navbar,
  body.pp-light-mode .pp-public-navbar {
    background:
      linear-gradient(180deg, rgba(224,246,253,.92), rgba(237,249,253,.86)) !important;
    border-bottom-color: rgba(14,116,144,.16) !important;
    box-shadow: 0 10px 34px rgba(15,54,75,.08) !important;
  }

  html.pp-light-mode-root .pp-sidebar,
  body.pp-light-mode .pp-sidebar {
    background:
      linear-gradient(180deg, rgba(226,246,252,.92), rgba(238,250,253,.86)) !important;
    border-color: rgba(14,116,144,.16) !important;
    box-shadow: 18px 0 50px rgba(15,54,75,.09) !important;
  }

  html.pp-light-mode-root .pp-brand-name,
  body.pp-light-mode .pp-brand-name,
  html.pp-light-mode-root .pp-menu a,
  body.pp-light-mode .pp-menu a {
    color: var(--pp-day-text) !important;
  }

  html.pp-light-mode-root .pp-brand-sub,
  body.pp-light-mode .pp-brand-sub,
  html.pp-light-mode-root .pp-breadcrumb,
  body.pp-light-mode .pp-breadcrumb,
  html.pp-light-mode-root .pp-section-title,
  body.pp-light-mode .pp-section-title,
  html.pp-light-mode-root .pp-sidebar-footer,
  body.pp-light-mode .pp-sidebar-footer {
    color: var(--pp-day-muted) !important;
  }

  html.pp-light-mode-root .pp-menu a:hover,
  body.pp-light-mode .pp-menu a:hover {
    background: rgba(8,145,178,.08) !important;
    color: #071a2a !important;
  }

  html.pp-light-mode-root .pp-menu li.active a,
  body.pp-light-mode .pp-menu li.active a {
    background:
      linear-gradient(90deg, rgba(8,145,178,.16), rgba(37,99,235,.10)) !important;
    border-color: rgba(8,145,178,.26) !important;
    color: #071a2a !important;
  }

  /* الأزرار العلوية */
  html.pp-light-mode-root .pp-top-btn,
  body.pp-light-mode .pp-top-btn,
  html.pp-light-mode-root .pp-top-pill,
  body.pp-light-mode .pp-top-pill {
    background:
      linear-gradient(180deg, rgba(242,251,254,.94), rgba(221,242,249,.86)) !important;
    border-color: rgba(14,116,144,.18) !important;
    color: var(--pp-day-text) !important;
    box-shadow:
      0 10px 24px rgba(15,54,75,.09),
      inset 0 1px 0 rgba(255,255,255,.72) !important;
  }

  html.pp-light-mode-root .pp-top-btn:hover,
  body.pp-light-mode .pp-top-btn:hover,
  html.pp-light-mode-root .pp-top-pill:hover,
  body.pp-light-mode .pp-top-pill:hover {
    background:
      linear-gradient(180deg, rgba(233,248,253,.98), rgba(207,235,246,.90)) !important;
    border-color: rgba(8,145,178,.28) !important;
  }

  html.pp-light-mode-root .pp-top-currency-text,
  body.pp-light-mode .pp-top-currency-text,
  html.pp-light-mode-root .pp-account-name,
  body.pp-light-mode .pp-account-name,
  html.pp-light-mode-root .pp-top-lang-text,
  body.pp-light-mode .pp-top-lang-text {
    color: var(--pp-day-text) !important;
  }

  html.pp-light-mode-root .pp-currency-icon,
  body.pp-light-mode .pp-currency-icon,
  html.pp-light-mode-root .pp-account-avatar,
  body.pp-light-mode .pp-account-avatar {
    background:
      linear-gradient(135deg, rgba(8,145,178,.16), rgba(37,99,235,.10)) !important;
    border-color: rgba(8,145,178,.25) !important;
    color: var(--pp-day-cyan) !important;
  }

  html.pp-light-mode-root .pp-account-caret,
  body.pp-light-mode .pp-account-caret {
    color: var(--pp-day-muted) !important;
  }

  html.pp-light-mode-root .pp-theme-toggle-btn i,
  body.pp-light-mode .pp-theme-toggle-btn i {
    color: #d97706 !important;
  }

  /* الحقول والبحث */
  html.pp-light-mode-root input,
  body.pp-light-mode input,
  html.pp-light-mode-root select,
  body.pp-light-mode select,
  html.pp-light-mode-root textarea,
  body.pp-light-mode textarea,
  html.pp-light-mode-root .form-control,
  body.pp-light-mode .form-control,
  html.pp-light-mode-root .bootstrap-select > .dropdown-toggle,
  body.pp-light-mode .bootstrap-select > .dropdown-toggle {
    background: linear-gradient(180deg, rgba(248,253,255,.94), rgba(231,246,251,.88)) !important;
    border-color: rgba(14,116,144,.18) !important;
    color: var(--pp-day-text) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.62) !important;
  }

  html.pp-light-mode-root input::placeholder,
  body.pp-light-mode input::placeholder,
  html.pp-light-mode-root textarea::placeholder,
  body.pp-light-mode textarea::placeholder {
    color: rgba(71,104,124,.55) !important;
  }

  /* قوائم منسدلة */
  html.pp-light-mode-root .dropdown-menu,
  body.pp-light-mode .dropdown-menu,
  html.pp-light-mode-root .pp-dropdown,
  body.pp-light-mode .pp-dropdown,
  html.pp-light-mode-root .bootstrap-select .dropdown-menu,
  body.pp-light-mode .bootstrap-select .dropdown-menu {
    background:
      radial-gradient(circle at 0% 0%, rgba(8,145,178,.10), transparent 36%),
      linear-gradient(180deg, rgba(239,250,254,.98), rgba(222,243,250,.95)) !important;
    border-color: rgba(14,116,144,.18) !important;
    color: var(--pp-day-text) !important;
    box-shadow: 0 24px 56px rgba(15,54,75,.15) !important;
  }

  html.pp-light-mode-root .dropdown-menu > li > a,
  body.pp-light-mode .dropdown-menu > li > a,
  html.pp-light-mode-root .bootstrap-select .dropdown-menu li a,
  body.pp-light-mode .bootstrap-select .dropdown-menu li a {
    color: var(--pp-day-text) !important;
  }

  html.pp-light-mode-root .dropdown-menu > li > a:hover,
  body.pp-light-mode .dropdown-menu > li > a:hover,
  html.pp-light-mode-root .dropdown-menu > li.active > a,
  body.pp-light-mode .dropdown-menu > li.active > a {
    background: rgba(8,145,178,.10) !important;
    color: var(--pp-day-cyan) !important;
  }

  /* الجداول والصفوف */
  html.pp-light-mode-root table,
  body.pp-light-mode table,
  html.pp-light-mode-root .table,
  body.pp-light-mode .table {
    color: var(--pp-day-text) !important;
    background: transparent !important;
  }

  html.pp-light-mode-root .table > thead > tr > th,
  body.pp-light-mode .table > thead > tr > th {
    color: var(--pp-day-muted) !important;
    background: rgba(218,240,248,.68) !important;
    border-color: rgba(14,116,144,.15) !important;
  }

  html.pp-light-mode-root .table > tbody > tr > td,
  body.pp-light-mode .table > tbody > tr > td {
    color: var(--pp-day-text) !important;
    border-color: rgba(14,116,144,.11) !important;
  }

  /* أزرار الإجراءات */
  html.pp-light-mode-root .btn-primary,
  body.pp-light-mode .btn-primary,
  html.pp-light-mode-root .btn-success,
  body.pp-light-mode .btn-success,
  html.pp-light-mode-root .pp-updates-view-all,
  body.pp-light-mode .pp-updates-view-all {
    background: linear-gradient(135deg, #0891b2, #2563eb) !important;
    color: #fff !important;
    border-color: transparent !important;
  }

  html.pp-light-mode-root .btn-primary *,
  body.pp-light-mode .btn-primary *,
  html.pp-light-mode-root .btn-success *,
  body.pp-light-mode .btn-success *,
  html.pp-light-mode-root .pp-updates-view-all *,
  body.pp-light-mode .pp-updates-view-all * {
    color: #fff !important;
  }

  html.pp-light-mode-root .btn-default,
  body.pp-light-mode .btn-default,
  html.pp-light-mode-root .btn-secondary,
  body.pp-light-mode .btn-secondary {
    background: linear-gradient(180deg, rgba(248,253,255,.94), rgba(224,243,250,.86)) !important;
    color: var(--pp-day-text) !important;
    border-color: rgba(14,116,144,.18) !important;
  }

  /* النافذة الذكية للتحديثات */
  html.pp-light-mode-root .pp-updates-menu,
  body.pp-light-mode .pp-updates-menu {
    background:
      radial-gradient(circle at 0% 0%, rgba(8,145,178,.12), transparent 40%),
      linear-gradient(180deg, rgba(238,250,254,.98), rgba(220,242,249,.96)) !important;
    color: var(--pp-day-text) !important;
  }

  html.pp-light-mode-root .pp-updates-head,
  body.pp-light-mode .pp-updates-head,
  html.pp-light-mode-root .pp-updates-foot,
  body.pp-light-mode .pp-updates-foot {
    background: rgba(214,238,247,.60) !important;
    border-color: rgba(14,116,144,.15) !important;
  }

  html.pp-light-mode-root .pp-update-item,
  body.pp-light-mode .pp-update-item {
    background: rgba(241,250,253,.80) !important;
    border-color: rgba(14,116,144,.15) !important;
  }

  html.pp-light-mode-root .pp-updates-title,
  body.pp-light-mode .pp-updates-title,
  html.pp-light-mode-root .pp-update-title,
  body.pp-light-mode .pp-update-title {
    color: var(--pp-day-text) !important;
  }

  html.pp-light-mode-root .pp-updates-subtitle,
  body.pp-light-mode .pp-updates-subtitle,
  html.pp-light-mode-root .pp-update-desc,
  body.pp-light-mode .pp-update-desc {
    color: var(--pp-day-muted) !important;
  }

  /* إصلاح خاص للعناصر التي تظهر بيضاء جداً */
  html.pp-light-mode-root .pp-content [class*="white"],
  body.pp-light-mode .pp-content [class*="white"] {
    background: linear-gradient(180deg, rgba(232,247,252,.86), rgba(218,240,248,.80)) !important;
    color: var(--pp-day-text) !important;
  }

  /* حماية النص الأبيض داخل البادجات الملونة فقط */
  html.pp-light-mode-root .badge,
  body.pp-light-mode .badge,
  html.pp-light-mode-root [class*="badge"],
  body.pp-light-mode [class*="badge"],
  html.pp-light-mode-root [class*="status"],
  body.pp-light-mode [class*="status"] {
    color: inherit !important;
  }

  html.pp-light-mode-root .badge-primary,
  body.pp-light-mode .badge-primary,
  html.pp-light-mode-root .badge-success,
  body.pp-light-mode .badge-success,
  html.pp-light-mode-root .label-primary,
  body.pp-light-mode .label-primary,
  html.pp-light-mode-root .label-success,
  body.pp-light-mode .label-success {
    color: #fff !important;
  }

/* ========================================================= */

/* السبب: بعض قوائم New Order عندها ألوان ثابتة داخل كود الصفحة نفسها.
     هذا الجزء يتفوق عليها فقط في الوضع النهاري. */

  html.pp-light-mode-root #order-form .pp-custom-dd-trigger,
  body.pp-light-mode #order-form .pp-custom-dd-trigger {
    background:
      radial-gradient(circle at 0% 0%, rgba(8,145,178,.13), transparent 36%),
      linear-gradient(145deg, rgba(227,246,252,.96), rgba(207,234,244,.90)) !important;
    border-color: rgba(8,145,178,.24) !important;
    color: #0b1b2b !important;
    box-shadow:
      0 12px 26px rgba(15,54,75,.12),
      inset 0 1px 0 rgba(255,255,255,.70) !important;
  }

  html.pp-light-mode-root #order-form .pp-custom-dd.is-open .pp-custom-dd-trigger,
  body.pp-light-mode #order-form .pp-custom-dd.is-open .pp-custom-dd-trigger {
    border-color: rgba(8,145,178,.45) !important;
    box-shadow:
      0 14px 30px rgba(15,54,75,.14),
      0 0 0 4px rgba(8,145,178,.11),
      inset 0 1px 0 rgba(255,255,255,.75) !important;
  }

  html.pp-light-mode-root #order-form .pp-custom-dd-title,
  body.pp-light-mode #order-form .pp-custom-dd-title,
  html.pp-light-mode-root #order-form .pp-custom-dd-category .pp-custom-dd-title,
  body.pp-light-mode #order-form .pp-custom-dd-category .pp-custom-dd-title {
    color: #0b1b2b !important;
    text-shadow: none !important;
  }

  html.pp-light-mode-root #order-form .pp-custom-dd-icon,
  body.pp-light-mode #order-form .pp-custom-dd-icon {
    background:
      linear-gradient(135deg, rgba(8,145,178,.15), rgba(37,99,235,.09)) !important;
    border-color: rgba(8,145,178,.24) !important;
    color: #0e7490 !important;
  }

  html.pp-light-mode-root #order-form .pp-custom-dd-icon i,
  body.pp-light-mode #order-form .pp-custom-dd-icon i,
  html.pp-light-mode-root #order-form .pp-label-with-icon i,
  body.pp-light-mode #order-form .pp-label-with-icon i {
    color: #0e7490 !important;
  }

  html.pp-light-mode-root #order-form .pp-custom-dd-arrow,
  body.pp-light-mode #order-form .pp-custom-dd-arrow {
    background: rgba(8,145,178,.10) !important;
    color: rgba(11,27,43,.70) !important;
  }

  html.pp-light-mode-root #order-form .pp-custom-dd.is-open .pp-custom-dd-arrow,
  body.pp-light-mode #order-form .pp-custom-dd.is-open .pp-custom-dd-arrow {
    color: #0e7490 !important;
  }

  html.pp-light-mode-root #order-form .pp-custom-dd-menu,
  body.pp-light-mode #order-form .pp-custom-dd-menu {
    background:
      radial-gradient(circle at 0% 0%, rgba(8,145,178,.12), transparent 38%),
      linear-gradient(145deg, rgba(238,250,254,.99), rgba(212,238,248,.98)) !important;
    border-color: rgba(8,145,178,.24) !important;
    box-shadow: 0 24px 58px rgba(15,54,75,.18) !important;
  }

  html.pp-light-mode-root #order-form .pp-custom-dd-search,
  body.pp-light-mode #order-form .pp-custom-dd-search {
    border-bottom-color: rgba(8,145,178,.14) !important;
  }

  html.pp-light-mode-root #order-form .pp-custom-dd-search input,
  body.pp-light-mode #order-form .pp-custom-dd-search input {
    background:
      linear-gradient(180deg, rgba(250,254,255,.96), rgba(229,247,252,.92)) !important;
    border-color: rgba(8,145,178,.20) !important;
    color: #0b1b2b !important;
  }

  html.pp-light-mode-root #order-form .pp-custom-dd-search input::placeholder,
  body.pp-light-mode #order-form .pp-custom-dd-search input::placeholder {
    color: rgba(71,104,124,.55) !important;
  }

  html.pp-light-mode-root #order-form .pp-custom-dd-list::-webkit-scrollbar-thumb,
  body.pp-light-mode #order-form .pp-custom-dd-list::-webkit-scrollbar-thumb {
    background: rgba(8,145,178,.30) !important;
  }

  html.pp-light-mode-root #order-form .pp-custom-dd-option,
  body.pp-light-mode #order-form .pp-custom-dd-option {
    background: rgba(244,251,254,.76) !important;
    border-color: rgba(8,145,178,.13) !important;
    color: #0b1b2b !important;
  }

  html.pp-light-mode-root #order-form .pp-custom-dd-option:hover,
  body.pp-light-mode #order-form .pp-custom-dd-option:hover,
  html.pp-light-mode-root #order-form .pp-custom-dd-option.is-selected,
  body.pp-light-mode #order-form .pp-custom-dd-option.is-selected {
    background:
      radial-gradient(circle at 0% 0%, rgba(8,145,178,.13), transparent 42%),
      rgba(218,241,249,.86) !important;
    border-color: rgba(8,145,178,.28) !important;
  }

  html.pp-light-mode-root #order-form .pp-custom-dd-id,
  body.pp-light-mode #order-form .pp-custom-dd-id {
    background: rgba(8,145,178,.10) !important;
    border-color: rgba(8,145,178,.22) !important;
    color: #0e7490 !important;
  }

  html.pp-light-mode-root #order-form .pp-custom-dd-price,
  body.pp-light-mode #order-form .pp-custom-dd-price {
    background: rgba(217,119,6,.10) !important;
    border-color: rgba(217,119,6,.24) !important;
    color: #92400e !important;
  }

  html.pp-light-mode-root #order-form .pp-custom-dd-kind,
  body.pp-light-mode #order-form .pp-custom-dd-kind {
    background: rgba(79,70,229,.09) !important;
    border-color: rgba(79,70,229,.18) !important;
    color: #3730a3 !important;
  }

  html.pp-light-mode-root #order-form .pp-custom-dd-check,
  body.pp-light-mode #order-form .pp-custom-dd-check {
    background: rgba(22,163,74,.12) !important;
    color: #15803d !important;
  }

  html.pp-light-mode-root #order-form .pp-custom-dd-empty,
  body.pp-light-mode #order-form .pp-custom-dd-empty {
    color: rgba(71,104,124,.70) !important;
  }

  html.pp-light-mode-root #order-form .pp-category-separator-row,
  body.pp-light-mode #order-form .pp-category-separator-row {
    background:
      linear-gradient(90deg, transparent, rgba(8,145,178,.15), transparent),
      rgba(8,145,178,.055) !important;
  }

  html.pp-light-mode-root #order-form .pp-category-separator-title,
  body.pp-light-mode #order-form .pp-category-separator-title {
    color: #0b1b2b !important;
  }

  html.pp-light-mode-root #order-form .pp-category-separator-row:before,
  body.pp-light-mode #order-form .pp-category-separator-row:before,
  html.pp-light-mode-root #order-form .pp-category-separator-row:after,
  body.pp-light-mode #order-form .pp-category-separator-row:after {
    background: linear-gradient(90deg, transparent, rgba(8,145,178,.30), transparent) !important;
  }

  /* البحث العلوي داخل New Order */
  html.pp-light-mode-root #order-form #new-order-search .input-wrapper:before,
  body.pp-light-mode #order-form #new-order-search .input-wrapper:before {
    background: linear-gradient(135deg, rgba(8,145,178,.20), rgba(37,99,235,.10), rgba(255,255,255,.36)) !important;
  }

  html.pp-light-mode-root #order-form #new-order-search input#template-input,
  body.pp-light-mode #order-form #new-order-search input#template-input {
    background:
      radial-gradient(circle at 0% 0%, rgba(8,145,178,.10), transparent 38%),
      linear-gradient(145deg, rgba(250,254,255,.96), rgba(225,244,250,.88)) !important;
    border-color: rgba(8,145,178,.20) !important;
    color: #0b1b2b !important;
    box-shadow:
      0 10px 24px rgba(15,54,75,.10),
      inset 0 1px 0 rgba(255,255,255,.72) !important;
  }

  html.pp-light-mode-root #order-form #new-order-search input#template-input::placeholder,
  body.pp-light-mode #order-form #new-order-search input#template-input::placeholder {
    color: rgba(71,104,124,.58) !important;
  }

  html.pp-light-mode-root #order-form #new-order-search button,
  body.pp-light-mode #order-form #new-order-search button,
  html.pp-light-mode-root #order-form .pp-search-box #new-order-search button,
  body.pp-light-mode #order-form .pp-search-box #new-order-search button {
    background: rgba(8,145,178,.10) !important;
    color: #0e7490 !important;
  }

  html.pp-light-mode-root #order-form .pp-top-search-hint,
  body.pp-light-mode #order-form .pp-top-search-hint {
    background: rgba(8,145,178,.06) !important;
    border-color: rgba(8,145,178,.14) !important;
    color: rgba(71,104,124,.76) !important;
  }

  /* بطاقة الخدمة الجانبية في الحاسوب */
  html.pp-light-mode-root .pp-side-card.pp-side-service-card,
  body.pp-light-mode .pp-side-card.pp-side-service-card {
    background:
      radial-gradient(circle at 0% 0%, rgba(8,145,178,.12), transparent 38%),
      linear-gradient(180deg, rgba(232,247,252,.92), rgba(214,238,247,.84)) !important;
    border-color: rgba(8,145,178,.20) !important;
  }

  html.pp-light-mode-root .pp-side-service-head,
  body.pp-light-mode .pp-side-service-head {
    border-bottom-color: rgba(8,145,178,.14) !important;
  }

  html.pp-light-mode-root .pp-side-service-icon,
  body.pp-light-mode .pp-side-service-icon {
    background: rgba(8,145,178,.10) !important;
    border-color: rgba(8,145,178,.22) !important;
    color: #0e7490 !important;
  }

  html.pp-light-mode-root .pp-side-service-mini,
  body.pp-light-mode .pp-side-service-mini,
  html.pp-light-mode-root .pp-side-service-desc-title,
  body.pp-light-mode .pp-side-service-desc-title {
    color: rgba(71,104,124,.72) !important;
  }

  html.pp-light-mode-root .pp-side-service-name,
  body.pp-light-mode .pp-side-service-name {
    color: #0b1b2b !important;
  }

  html.pp-light-mode-root .pp-side-service-desc,
  body.pp-light-mode .pp-side-service-desc {
    background:
      linear-gradient(180deg, rgba(250,254,255,.82), rgba(225,244,250,.72)) !important;
    border-color: rgba(8,145,178,.15) !important;
    color: rgba(11,27,43,.86) !important;
  }

  html.pp-light-mode-root .pp-side-service-desc *,
  body.pp-light-mode .pp-side-service-desc * {
    color: rgba(11,27,43,.86) !important;
  }

  html.pp-light-mode-root .pp-side-service-empty,
  body.pp-light-mode .pp-side-service-empty {
    color: rgba(71,104,124,.64) !important;
  }

  html.pp-light-mode-root .pp-side-card .pp-info-row,
  body.pp-light-mode .pp-side-card .pp-info-row {
    background: rgba(255,255,255,.42) !important;
    border-color: rgba(8,145,178,.12) !important;
    color: #0b1b2b !important;
  }

  /* حقول New Order ذات ألوان ثابتة */
  html.pp-light-mode-root #order-form .form-control,
  body.pp-light-mode #order-form .form-control,
  html.pp-light-mode-root #order-form input,
  body.pp-light-mode #order-form input,
  html.pp-light-mode-root #order-form textarea,
  body.pp-light-mode #order-form textarea {
    background:
      linear-gradient(180deg, rgba(250,254,255,.96), rgba(231,246,251,.88)) !important;
    color: #0b1b2b !important;
    border-color: rgba(8,145,178,.18) !important;
  }

  /* إصلاح بطاقات Orders التي بقيت غامقة */
  html.pp-light-mode-root .pp-content [class*="stat-card"],
  body.pp-light-mode .pp-content [class*="stat-card"],
  html.pp-light-mode-root .pp-content [class*="filter-card"],
  body.pp-light-mode .pp-content [class*="filter-card"],
  html.pp-light-mode-root .pp-content [class*="order-card"],
  body.pp-light-mode .pp-content [class*="order-card"],
  html.pp-light-mode-root .pp-content [class*="service-card"],
  body.pp-light-mode .pp-content [class*="service-card"],
  html.pp-light-mode-root .pp-content [class*="refund-card"],
  body.pp-light-mode .pp-content [class*="refund-card"] {
    background:
      radial-gradient(circle at 0% 0%, rgba(8,145,178,.10), transparent 34%),
      linear-gradient(180deg, rgba(232,247,252,.92), rgba(214,238,247,.84)) !important;
    border-color: rgba(8,145,178,.16) !important;
    color: #0b1b2b !important;
    box-shadow: 0 14px 34px rgba(15,54,75,.11) !important;
  }

  html.pp-light-mode-root .pp-content [class*="stat-card"] *,
  body.pp-light-mode .pp-content [class*="stat-card"] *,
  html.pp-light-mode-root .pp-content [class*="filter-card"] *,
  body.pp-light-mode .pp-content [class*="filter-card"] *,
  html.pp-light-mode-root .pp-content [class*="order-card"] *,
  body.pp-light-mode .pp-content [class*="order-card"] *,
  html.pp-light-mode-root .pp-content [class*="service-card"] *,
  body.pp-light-mode .pp-content [class*="service-card"] *,
  html.pp-light-mode-root .pp-content [class*="refund-card"] *,
  body.pp-light-mode .pp-content [class*="refund-card"] * {
    text-shadow: none !important;
  }