/* Shared identity for administration and merchant workspaces. */
:root {
 --primary-50:#edf7f5; --primary-100:#d5eee8; --primary-200:#afddd2; --primary-300:#80c6b8;
 --primary-400:#4aaa99; --primary-500:#248875; --primary-600:#146c5c; --primary-700:#10584b; --primary-800:#10483e; --primary-900:#103c35;
 --brand-50:#fff8e9; --brand-100:#faebc8; --brand-500:#c38b27; --brand-600:#946411; --brand-700:#7c530f; --brand-800:#694710;
 --amber-50:var(--brand-50); --amber-100:var(--brand-100); --amber-500:var(--brand-500); --amber-600:var(--brand-600); --amber-800:var(--brand-800);
 --gray-50:#f7f9fb; --gray-100:#eff3f6; --gray-200:#e1e8ee; --gray-300:#c8d3de; --gray-400:#8998aa; --gray-500:#607287; --gray-600:#4a5c71; --gray-700:#33475d; --gray-800:#203349; --gray-900:#14273b;
 --slate-50:var(--gray-50); --slate-100:var(--gray-100); --slate-200:var(--gray-200); --slate-300:var(--gray-300); --slate-400:var(--gray-400); --slate-500:var(--gray-500); --slate-600:var(--gray-600); --slate-700:var(--gray-700); --slate-800:var(--gray-800); --slate-900:var(--gray-900);
 --bg-primary:#fff; --bg-secondary:#f4f7fa; --bg-tertiary:#eff3f6; --sidebar-width:272px;
 --shadow-sm:0 2px 8px #14273b05; --shadow-md:0 12px 32px #14273b0d; --shadow-lg:0 18px 48px #14273b12;
 --radius-lg:16px; --radius-xl:20px; --font-family:'Tajawal',system-ui,sans-serif;
 --bs-primary:#146c5c; --bs-primary-rgb:20,108,92; --bs-body-color:#203349; --bs-border-color:#e1e8ee; --bs-link-color:#146c5c; --bs-link-hover-color:#10483e;
}
body.dashboard-ui, body.workspace-login {font-family:var(--font-family); color:var(--gray-800); background:var(--bg-secondary); line-height:1.7;}
.dashboard-ui *, .workspace-login * {font-family:inherit;}
.dashboard-ui .bi, .workspace-login .bi {font-family:bootstrap-icons!important;}
.dashboard-ui h1,.dashboard-ui h2,.dashboard-ui h3,.dashboard-ui h4,.dashboard-ui h5,.dashboard-ui h6 {letter-spacing:0;line-height:1.5;color:var(--gray-900);}
.dashboard-ui .main-content {background:var(--bg-secondary);min-width:0;}
.dashboard-ui .page-content,.dashboard-ui .mp-content {padding:32px;max-width:1680px;width:100%;margin-inline:auto;}
.dashboard-ui .sidebar,.dashboard-ui .mp-sidebar {background:#14273b;color:#edf3f8;box-shadow:none;border:0;width:var(--sidebar-width);}
.dashboard-ui .sidebar::before,.dashboard-ui .sidebar-brand::after,.dashboard-ui .sidebar-nav-link::after,.dashboard-ui .sidebar-nav-section::before {display:none;}
.dashboard-ui .sidebar-header,.dashboard-ui .mp-sidebar-header {background:transparent;border-bottom:1px solid #ffffff12;padding:26px 22px;}
.dashboard-ui .sidebar-brand {font-size:20px;letter-spacing:0;}
.workspace-label {font-size:11px;color:#a6b9cc;margin-top:12px;letter-spacing:.04em;}
.dashboard-ui .sidebar-nav {padding:12px;}
.dashboard-ui .sidebar-nav-section,.dashboard-ui .mp-nav-group-title {color:#9bb0c5;font-size:11px;padding:18px 14px 8px;letter-spacing:0;}
.dashboard-ui .sidebar-nav-link,.dashboard-ui .mp-nav-link {color:#d6e1ec;font-size:14px;font-weight:500;padding:11px 14px;border-radius:10px;min-height:44px;margin:3px 0;gap:12px;transform:none;}
.dashboard-ui .sidebar-nav-link i,.dashboard-ui .mp-nav-link i {color:#9bb0c5;font-size:17px;}
.dashboard-ui .sidebar-nav-link:hover,.dashboard-ui .mp-nav-link:hover {background:#ffffff0b;color:#fff;transform:none;}
.dashboard-ui .sidebar-nav-link.active,.dashboard-ui .mp-nav-link.active {background:#245047;color:#fff;box-shadow:none;border:0;}
.dashboard-ui .sidebar-nav-link.active::before {display:none;}
.dashboard-ui .sidebar-nav-link.active i,.dashboard-ui .mp-nav-link.active i {color:#a0dfcd;}
.dashboard-ui .mp-nav-link.active {background:#4a402a;}
.dashboard-ui .mp-nav-link.active i {color:#f0d49d;}
.dashboard-ui .sidebar-footer,.dashboard-ui .mp-sidebar-footer {background:transparent;border-top:1px solid #ffffff12;color:#a6b9cc;}
.dashboard-ui .sidebar-user-info {background:#ffffff08;border:1px solid #ffffff12;}
.dashboard-ui .sidebar-user-name {color:#fff;}
.dashboard-ui .sidebar-user-role {color:#a6b9cc;}
.dashboard-ui .mp-sidebar {position:fixed;inset-block:0;inset-inline-start:0;height:100dvh;z-index:1000;}
.dashboard-ui .mp-main {margin-inline-start:var(--sidebar-width);}
.dashboard-ui .mp-sidebar-header img {max-width:190px;}
.dashboard-ui .mp-badge-role {background:#ffffff12;color:#efd6a6;}
.dashboard-ui .mp-logo-tile {background:#2d4055;color:#e8c98c;box-shadow:none;}
.dashboard-ui .top-navbar,.dashboard-ui .mp-header {min-height:80px;background:#fff;border-bottom:1px solid var(--gray-200);box-shadow:none;padding:16px 32px;gap:16px;position:sticky;top:0;z-index:990;}
.dashboard-ui .top-navbar-brand {font-size:18px;gap:12px;color:var(--gray-900);}
.workspace-context {font-size:11px;color:var(--gray-500);font-weight:500;}
.workspace-avatar {width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--primary-50);border:1px solid var(--primary-100);color:var(--primary-600);border-radius:12px;}
.dashboard-ui .page-header {background:transparent;border:0;padding:0;margin-bottom:28px;}
.dashboard-ui .page-title {font-size:clamp(23px,2.2vw,30px);font-weight:800;}
.dashboard-ui .page-subtitle {font-size:14px;color:var(--gray-500);line-height:1.8;}
.dashboard-ui .card,.dashboard-ui .ap-card,.dashboard-ui .mp-card,.dashboard-ui .stat-card {border:1px solid var(--gray-200);border-radius:16px;background:#fff;box-shadow:var(--shadow-sm);overflow:hidden;}
.dashboard-ui .card:hover,.dashboard-ui .stat-card:hover {transform:none;box-shadow:var(--shadow-sm);}
.dashboard-ui .stat-card::after {display:none;}
.dashboard-ui .stat-card::before {height:3px;}
.dashboard-ui .stat-card {padding:24px;}
.dashboard-ui .stat-card-icon {border-radius:12px;width:44px;height:44px;box-shadow:none;}
.dashboard-ui .stat-card:hover .stat-card-icon {transform:none;}
.dashboard-ui .stat-card-value {font-size:34px;font-weight:800;letter-spacing:0;font-variant-numeric:tabular-nums;}
.dashboard-ui .stat-card-label {font-size:13px;color:var(--gray-500);}
.dashboard-ui .card-header,.dashboard-ui .card-footer {background:#fff;border-color:var(--gray-200);padding:18px 24px;}
.dashboard-ui .card-body {padding:24px;}
.dashboard-ui .btn,.workspace-login .btn {border-radius:10px;font-weight:700;min-height:42px;padding:9px 16px;box-shadow:none;transform:none;letter-spacing:0;}
.dashboard-ui .btn-sm {min-height:34px;padding:6px 11px;font-size:12px;}
.dashboard-ui .btn-primary,.dashboard-ui .btn-emerald,.workspace-login .btn-dark {--bs-btn-bg:var(--primary-600);--bs-btn-border-color:var(--primary-600);--bs-btn-hover-bg:var(--primary-700);--bs-btn-hover-border-color:var(--primary-700);--bs-btn-active-bg:var(--primary-800);--bs-btn-active-border-color:var(--primary-800);background:var(--primary-600);border-color:var(--primary-600);color:#fff;}
.dashboard-ui .btn-primary:hover,.dashboard-ui .btn-emerald:hover,.workspace-login .btn-dark:hover {background:var(--primary-700);border-color:var(--primary-700);}
.dashboard-ui .btn-amber {background:var(--brand-600);border:1px solid var(--brand-600);color:#fff;box-shadow:none;}
.dashboard-ui .btn-amber:hover {background:var(--brand-700);border-color:var(--brand-700);color:#fff;}
.dashboard-ui .btn-outline-primary {--bs-btn-color:var(--primary-600);--bs-btn-border-color:var(--primary-200);--bs-btn-hover-bg:var(--primary-600);--bs-btn-hover-border-color:var(--primary-600);color:var(--primary-600);border-color:var(--primary-200);}
.dashboard-ui .btn-outline-primary:hover {color:#fff;}
.dashboard-ui .btn-outline-secondary {--bs-btn-color:var(--gray-600);--bs-btn-border-color:var(--gray-200);--bs-btn-hover-bg:var(--gray-100);--bs-btn-hover-color:var(--gray-900);--bs-btn-hover-border-color:var(--gray-300);}
.dashboard-ui .form-control,.dashboard-ui .form-select,.workspace-login .form-control {border:1px solid var(--gray-300);border-radius:10px;min-height:44px;background-color:#fff;padding:10px 13px;color:var(--gray-800);font-size:14px;box-shadow:none;}
.dashboard-ui .form-control:focus,.dashboard-ui .form-select:focus,.workspace-login .form-control:focus {border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-50);}
.dashboard-ui .form-control.is-invalid {border-color:var(--bs-form-invalid-border-color,#dc3545);}
.dashboard-ui .form-check-input:checked {background-color:var(--primary-600);border-color:var(--primary-600);}
.dashboard-ui .form-label,.workspace-login .form-label {font-size:13px;font-weight:700;color:var(--gray-700);margin-bottom:8px;}
.dashboard-ui .form-text {color:var(--gray-500);line-height:1.8;overflow-wrap:anywhere;}
.dashboard-ui input[type=file] {font-size:12px;min-width:0;}
.dashboard-ui .table {--bs-table-bg:transparent;--bs-table-border-color:var(--gray-200);margin-bottom:0;}
.dashboard-ui .table th,.dashboard-ui .ap-table th,.dashboard-ui .mp-table th {background:var(--gray-50);color:var(--gray-600);font-size:12px;font-weight:700;letter-spacing:0;white-space:nowrap;padding:14px 18px;border-bottom:1px solid var(--gray-200);}
.dashboard-ui .table td {padding:16px 18px;font-size:13px;vertical-align:middle;}
.dashboard-ui .badge {border-radius:7px;font-weight:700;letter-spacing:0;line-height:1.5;}
.dashboard-ui .badge-primary {background:var(--primary-50);color:var(--primary-700);}
.dashboard-ui .alert {border-radius:12px;box-shadow:none;}
.dashboard-ui .modal-content {border-radius:18px;border:1px solid var(--gray-200);box-shadow:var(--shadow-lg);}
.dashboard-ui :focus-visible,.workspace-login :focus-visible {outline:3px solid #248875;outline-offset:3px;}
.skip-link {position:fixed;top:-100px;inset-inline-start:20px;background:#fff;color:var(--primary-700);padding:10px 16px;z-index:2000;border-radius:8px;}
.skip-link:focus {top:12px;}
.workspace-hero {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px;}
.workspace-eyebrow {display:inline-flex;gap:7px;align-items:center;color:var(--primary-600);font-size:12px;font-weight:700;margin-bottom:8px;}
.settings-layout {display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;align-items:start;}
.settings-nav {position:sticky;top:104px;padding:12px;background:#fff;border:1px solid var(--gray-200);border-radius:14px;}
.settings-nav a {display:flex;align-items:center;gap:10px;padding:11px 12px;text-decoration:none;color:var(--gray-600);font-size:13px;border-radius:8px;}
.settings-nav a:hover,.settings-nav a:focus {background:var(--primary-50);color:var(--primary-700);}
.settings-form {min-width:0;}
.settings-section {scroll-margin-top:110px;}
.settings-section h6 {display:flex;align-items:center;gap:10px;font-size:16px!important;}
.settings-section h6 i {background:var(--primary-50);color:var(--primary-600);width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;}
.settings-save {position:sticky;bottom:16px;background:#fff;border:1px solid var(--gray-200);box-shadow:var(--shadow-md);border-radius:14px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:10;}
.merchant-backdrop {display:none;}
.merchant-menu-toggle {display:none;}
body.workspace-login {background:radial-gradient(ellipse at 20% 20%,#245047 0,transparent 50%),#14273b;padding:24px;}
.workspace-login .login-card {max-width:440px;border-radius:24px;padding:40px;box-shadow:0 24px 80px #0003;border:1px solid #ffffff22;}
.workspace-login .logo-tile {background:var(--primary-50);color:var(--primary-600);border-radius:16px;width:64px;height:64px;}
.workspace-login.merchant-login .logo-tile {background:var(--brand-50);color:var(--brand-600);}
@media(min-width:992px) {.dashboard-ui .sidebar {transform:none;}}
@media(max-width:1199.98px) {.settings-layout {grid-template-columns:1fr;} .settings-nav {position:static;display:flex;flex-wrap:wrap;gap:4px;} .settings-nav a {padding:8px 10px;}}
@media(max-width:991.98px) {
 .dashboard-ui .page-content,.dashboard-ui .mp-content {padding:20px;} .dashboard-ui .top-navbar,.dashboard-ui .mp-header {padding:12px 20px;min-height:72px;}
 .dashboard-ui .main-content {margin-right:0;} .dashboard-ui .mp-main {margin-inline-start:0;}
 .dashboard-ui .sidebar,.dashboard-ui .mp-sidebar {width:min(300px,85vw);transform:translateX(100%);visibility:hidden;transition:transform .2s ease,visibility .2s;}
 .dashboard-ui .sidebar.show,.dashboard-ui .mp-sidebar.show {transform:translateX(0);visibility:visible;}
 .merchant-menu-toggle {display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--gray-200);border-radius:10px;background:#fff;color:var(--gray-800);font-size:22px;flex-shrink:0;}
 .merchant-backdrop.show {display:block;position:fixed;inset:0;background:#14273b99;z-index:999;}
 .workspace-hero {align-items:start;flex-direction:column;gap:10px;} .settings-section {scroll-margin-top:90px;}
}
@media(max-width:575.98px) {
 .dashboard-ui .page-content,.dashboard-ui .mp-content {padding:16px;} .dashboard-ui .top-navbar,.dashboard-ui .mp-header {padding:12px 16px;gap:10px;}
 .dashboard-ui .mp-header .merchant-user-name {display:none;} .dashboard-ui .mp-header .gap-3 {gap:8px!important;}
 .settings-save {bottom:8px;padding:12px;} .settings-save .save-hint {display:none;} .settings-save .btn {width:100%;}
 .workspace-login .login-card {padding:28px 24px;} .dashboard-ui .settings-section.p-4 {padding:20px!important;}
}
@media(prefers-reduced-motion:reduce) {.dashboard-ui * {animation:none!important;transition:none!important;scroll-behavior:auto!important;}}

.drawer-close {display:none;}
@media(max-width:991.98px) {
 .drawer-close {display:flex;align-items:center;justify-content:center;position:absolute;inset-inline-end:12px;top:8px;width:30px;height:30px;color:#d6e1ec;background:#ffffff12;border:0;border-radius:8px;}
 .dashboard-ui .sidebar-header,.dashboard-ui .mp-sidebar-header {position:relative;padding-top:44px;}
}

/* Restore Bootstrap responsive utilities after the legacy admin utilities. */
.dashboard-ui .sidebar-brand i {color:#a0dfcd;filter:none;}
@media(min-width:576px) {
 .dashboard-ui .d-sm-inline {display:inline!important;}
 .dashboard-ui .d-sm-block {display:block!important;}
 .dashboard-ui .d-sm-none {display:none!important;}
 .dashboard-ui .flex-sm-row {flex-direction:row!important;}
 .dashboard-ui .align-items-sm-center {align-items:center!important;}
}
@media(min-width:768px) {
 .dashboard-ui .d-md-inline {display:inline!important;}
 .dashboard-ui .d-md-block {display:block!important;}
 .dashboard-ui .d-md-none {display:none!important;}
 .dashboard-ui .flex-md-row {flex-direction:row!important;}
 .dashboard-ui .align-items-md-center {align-items:center!important;}
}
@media(min-width:992px) {
 .dashboard-ui .d-lg-inline {display:inline!important;}
 .dashboard-ui .d-lg-block {display:block!important;}
 .dashboard-ui .d-lg-none {display:none!important;}
 .dashboard-ui .flex-lg-row {flex-direction:row!important;}
 .dashboard-ui .align-items-lg-center {align-items:center!important;}
}
@media(min-width:1200px) {
 .dashboard-ui .d-xl-inline {display:inline!important;}
 .dashboard-ui .d-xl-block {display:block!important;}
 .dashboard-ui .d-xl-none {display:none!important;}
 .dashboard-ui .flex-xl-row {flex-direction:row!important;}
 .dashboard-ui .align-items-xl-center {align-items:center!important;}
}