/* A calmer palette for the administration area. Customer pages use panel.css. */
html[data-panel-surface="admin"] {
    --admin-bg: #f5f4fb;
    --admin-surface: #ffffff;
    --admin-raised: #edf9f0;
    --admin-input: #ffffff;
    --admin-text: #10354b;
    --admin-muted: #416c65;
    --admin-border: #e5e5f1;
    --admin-accent: #3268ea;
    --admin-accent-bg: #d9f3e4;
    --admin-success: #35745c;
    --admin-warning: #88662f;
    --admin-danger: #a45154;
    --admin-shadow: 0 4px 16px rgb(15 23 42 / 4%);
    --panel-ink: var(--admin-text);
    --panel-muted: var(--admin-muted);
    --panel-line: var(--admin-border);
    --panel-bg: var(--admin-bg);
    --panel-accent: var(--admin-accent);
}
html[data-panel-surface="admin"][data-theme-mode="dark"] {
    color-scheme: dark;
    --admin-bg: #07273e;
    --admin-surface: #0c3750;
    --admin-raised: #12465b;
    --admin-input: #082e44;
    --admin-text: #e4fff1;
    --admin-muted: #b6dbd3;
    --admin-border: #256079;
    --admin-accent: #91e5bd;
    --admin-accent-bg: #155b64;
    --admin-success: #97c4ac;
    --admin-warning: #d0b78b;
    --admin-danger: #dfa4a7;
    --admin-shadow: 0 4px 16px rgb(0 0 0 / 8%);
}
html[data-panel-surface="admin"] body {
    font-family: Inter, "Segoe UI", Arial, sans-serif !important;
    background: var(--admin-bg) !important;
    color: var(--admin-text) !important;
    --default-text-color: var(--admin-text);
    --default-border: var(--admin-border);
    --custom-white: var(--admin-surface);
    --form-control-bg: var(--admin-input);
    --input-border: var(--admin-border);
    --menu-bg: var(--admin-surface);
    --header-bg: var(--admin-surface);
    --primary-rgb: 8, 124, 103;
}
html[data-panel-surface="admin"] :is(h1,h2,h3,h4,h5,h6,.card-title,.page-title,.form-label,.col-form-label,.text-default,.text-dark) {
    color: var(--admin-text) !important;
}
html[data-panel-surface="admin"] :is(.text-muted,.text-gray,.text-secondary,.breadcrumb,.side-menu__label,.header-link-icon) {
    color: var(--admin-muted) !important;
}
html[data-panel-surface="admin"] a,
html[data-panel-surface="admin"] .text-primary { color: var(--admin-accent) !important; }
html[data-panel-surface="admin"] .text-success { color: var(--admin-success) !important; }
html[data-panel-surface="admin"] .text-warning { color: var(--admin-warning) !important; }
html[data-panel-surface="admin"] .text-danger { color: var(--admin-danger) !important; }
html[data-panel-surface="admin"] :is(.main-content,.page,.app-content) { background: var(--admin-bg) !important; }
html[data-panel-surface="admin"] :is(.app-sidebar,.app-header,.main-sidebar-header,.footer,.dropdown-menu,.modal-content,.offcanvas,.list-group-item) {
    background: var(--admin-surface) !important;
    color: var(--admin-text) !important;
    border-color: var(--admin-border) !important;
}
html[data-panel-surface="admin"] .app-sidebar { border-right: 1px solid var(--admin-border) !important; }
html[data-panel-surface="admin"] .main-sidebar-header { border-bottom: 1px solid var(--admin-border) !important; }
html[data-panel-surface="admin"] .card {
    background: var(--admin-surface) !important;
    color: var(--admin-text) !important;
    border: 1px solid var(--admin-border) !important;
    border-radius: 12px !important;
    box-shadow: var(--admin-shadow) !important;
}
html[data-panel-surface="admin"] :is(.card-header,.card-footer,.modal-header,.modal-footer) {
    background: var(--admin-surface) !important;
    border-color: var(--admin-border) !important;
}
html[data-panel-surface="admin"] :is(.bg-white,.bg-light,.bg-primary-transparent,.bg-secondary-transparent) {
    background: var(--admin-raised) !important;
    color: var(--admin-text) !important;
}
html[data-panel-surface="admin"] .side-menu__item { color: var(--admin-muted) !important; }
html[data-panel-surface="admin"] .side-menu__icon { color: var(--admin-muted) !important; }
html[data-panel-surface="admin"] .app-sidebar .side-menu__item:is(.active,:hover) {
    background: var(--admin-accent-bg) !important;
    color: var(--admin-text) !important;
}
html[data-panel-surface="admin"] .app-sidebar .side-menu__item:is(.active,:hover) :is(.side-menu__label,.side-menu__icon,.side-menu__angle) { color: var(--admin-text) !important; }
html[data-panel-surface="admin"] .app-sidebar .slide__category { color: var(--admin-muted) !important; opacity: .8; }
html[data-panel-surface="admin"] :is(.dropdown-item,.nav-link) { color: var(--admin-muted) !important; }
html[data-panel-surface="admin"] :is(.dropdown-item:hover,.nav-link:hover,.nav-link.active) {
    background: var(--admin-accent-bg) !important;
    color: var(--admin-text) !important;
}
html[data-panel-surface="admin"] .table {
    color: var(--admin-text) !important;
    --bs-table-bg: var(--admin-surface);
    --bs-table-color: var(--admin-text);
    --bs-table-border-color: var(--admin-border);
    --bs-table-striped-bg: var(--admin-raised);
    --bs-table-striped-color: var(--admin-text);
    --bs-table-hover-bg: var(--admin-raised);
    --bs-table-hover-color: var(--admin-text);
}
html[data-panel-surface="admin"] .table > :not(caption) > * > * { border-color: var(--admin-border) !important; color: var(--admin-text); }
html[data-panel-surface="admin"] .table thead th { background: var(--admin-raised) !important; color: var(--admin-muted) !important; }
html[data-panel-surface="admin"] :is(.form-control,.form-select,.input-group-text,.select2-selection,.select2-dropdown,.choices__inner,.choices__list--dropdown) {
    background: var(--admin-input) !important;
    color: var(--admin-text) !important;
    border-color: var(--admin-border) !important;
}
html[data-panel-surface="admin"] :is(.form-control,.form-select):focus {
    border-color: #0b9878 !important;
    box-shadow: 0 0 0 3px rgb(11 152 120 / 16%) !important;
}
html[data-panel-surface="admin"] :is(input,textarea)::placeholder { color: var(--admin-muted) !important; opacity: .8; }
html[data-panel-surface="admin"] :is(.select2-selection__rendered,.choices__item) { color: var(--admin-text) !important; }
html[data-panel-surface="admin"] :is(.select2-results__option--highlighted,.choices__item--selectable.is-highlighted) { background: var(--admin-accent-bg) !important; }
html[data-panel-surface="admin"] :is(.btn-primary,.btn-secondary,.btn-info) {
    background: #3268ea !important;
    border-color: #3268ea !important;
    color: #f0f4f8 !important;
    box-shadow: none !important;
}
html[data-panel-surface="admin"] :is(.btn-primary,.btn-secondary,.btn-info):hover { background: #066453 !important; }
html[data-panel-surface="admin"] :is(.btn-light,.btn-outline-primary,.page-link) {
    background: var(--admin-raised) !important;
    color: var(--admin-text) !important;
    border-color: var(--admin-border) !important;
}
html[data-panel-surface="admin"] .btn-danger { background: #80545c !important; border-color: #946b72 !important; color: #f6edef !important; }
html[data-panel-surface="admin"] .btn-success { background: #456b5b !important; border-color: #5b816f !important; color: #eef6f1 !important; }
html[data-panel-surface="admin"] .btn-warning { background: #8b7550 !important; border-color: #a08b67 !important; color: #faf6ed !important; }
html[data-panel-surface="admin"] .badge { box-shadow: none !important; }
html[data-panel-surface="admin"] .badge.bg-primary { background: #3268ea !important; color: #eef4f8 !important; }
html[data-panel-surface="admin"] .badge.bg-primary-transparent { background: var(--admin-accent-bg) !important; color: var(--admin-accent) !important; }
html[data-panel-surface="admin"] .form-text { color: var(--admin-muted) !important; }
html[data-panel-surface="admin"] :is(.alert,.swal2-popup) {
    background: var(--admin-raised) !important;
    border: 1px solid var(--admin-border) !important;
    color: var(--admin-text) !important;
    box-shadow: none !important;
}
html[data-panel-surface="admin"] .alert-danger { border-left: 3px solid #af7c83 !important; }
html[data-panel-surface="admin"] .alert-warning { border-left: 3px solid #b19b72 !important; }
html[data-panel-surface="admin"] .alert-info { border-left: 3px solid #0b9878 !important; }
html[data-panel-surface="admin"] :is(.alert .svg-danger,.alert .svg-warning,.alert .svg-info) { fill: var(--admin-muted) !important; }
html[data-panel-surface="admin"] .admin-stat-card { position: relative; }
html[data-panel-surface="admin"] .admin-stat-card::before {
    content: "";
    position: absolute;
    left: 0; top: 0; right: 0;
    height: 3px;
    background: var(--stat-accent,#0b9878);
}
html[data-panel-surface="admin"] .admin-stat-card--month { --stat-accent: #6396c4; }
html[data-panel-surface="admin"] .admin-stat-card--week { --stat-accent: #28a67e; }
html[data-panel-surface="admin"] .admin-stat-card--today { --stat-accent: #d3a453; }
html[data-panel-surface="admin"] .admin-stat-card :is(.text-white,.text-white i) { color: var(--admin-text) !important; }
html[data-panel-surface="admin"] .admin-stat-card .text-opacity-75 { color: var(--admin-muted) !important; opacity: 1 !important; }
html[data-panel-surface="admin"] .admin-stat-card :is(.p-2.rounded,span[style*="background:"]) { background: var(--admin-raised) !important; }
html[data-panel-surface="admin"] .admin-stat-card .card-body { padding: 22px; }
html[data-panel-surface="admin"] :is(.ai-chat-container,.ai-chat-bubble-ai,.ai-chat-message-ai .ai-chat-bubble) {
    background: var(--admin-input) !important;
    color: var(--admin-text) !important;
    border-color: var(--admin-border) !important;
}
html[data-panel-surface="admin"] :is(.ai-chat-avatar,.ai-chat-message-user .ai-chat-bubble) { background: #3268ea !important; }
html[data-panel-surface="admin"] .admin-runtime-notice {
    display: flex; align-items: center; gap: 16px;
    padding: 17px 20px; margin-bottom: 24px;
    background: var(--admin-surface); color: var(--admin-text);
    border: 1px solid var(--admin-border); border-radius: 12px;
}
html[data-panel-surface="admin"] .admin-runtime-notice > i { font-size: 23px; color: var(--admin-muted); }
html[data-panel-surface="admin"] .admin-runtime-notice strong { font-size: 13px; font-weight: 600; }
html[data-panel-surface="admin"] .admin-runtime-notice p { margin: 4px 0 0; color: var(--admin-muted); font-size: 12px; line-height: 1.7; }
html[data-panel-surface="admin"] .admin-runtime-notice .btn { margin-left: auto; white-space: nowrap; }
html[data-panel-surface="admin"] .admin-cron-help { color: var(--admin-muted); font-size: 12px; margin: 8px 0 0; line-height: 1.7; }
@media (max-width: 575px) {
    html[data-panel-surface="admin"] .admin-runtime-notice { align-items: flex-start; flex-wrap: wrap; }
    html[data-panel-surface="admin"] .admin-runtime-notice > div { flex: 1; min-width: 200px; }
    html[data-panel-surface="admin"] .admin-runtime-notice .btn { margin-left: 39px; }
}

/* An ocean navigation rail frames warm, spacious work surfaces. */
html[data-panel-surface="admin"] .app-sidebar,html[data-panel-surface="admin"] .main-sidebar-header{background:#253468!important;border-color:#354779!important}
html[data-panel-surface="admin"] .app-sidebar :is(.side-menu__label,.side-menu__icon,.side-menu__angle,.side-menu__item){color:#c1dedc!important}
html[data-panel-surface="admin"] .app-sidebar .slide__category{color:#81b9b4!important;font-weight:650;letter-spacing:1px}
html[data-panel-surface="admin"] .app-sidebar .side-menu__item{border-radius:11px;min-height:43px;margin-bottom:3px}
html[data-panel-surface="admin"] .app-sidebar .side-menu__item:is(.active,:hover){background:#394ca0!important;box-shadow:inset 3px 0 #9ce8bf;color:#fff!important}
html[data-panel-surface="admin"] .app-sidebar .side-menu__item:is(.active,:hover) :is(.side-menu__label,.side-menu__icon,.side-menu__angle){color:#fff8ec!important}
html[data-panel-surface="admin"] .app-header{background:#ffffff!important;border-color:#e5e5f1!important}
html[data-panel-surface="admin"][data-theme-mode="dark"] .app-header{background:#0c3750!important;border-color:#256079!important}
html[data-panel-surface="admin"] .card{border-radius:17px!important;box-shadow:0 7px 24px #10473506!important}
html[data-panel-surface="admin"] .card-header{padding:20px 22px}
html[data-panel-surface="admin"] .table thead th{font-size:11px;letter-spacing:.4px;padding:15px 16px}
html[data-panel-surface="admin"] .table tbody td{padding:14px 16px}
html[data-panel-surface="admin"] :is(.form-control,.form-select){border-radius:10px;min-height:43px}
html[data-panel-surface="admin"] .btn{border-radius:10px;min-height:40px}
html[data-panel-surface="admin"] .btn-sm{min-height:34px}
html[data-panel-surface="admin"] .admin-stat-card::before{height:4px}
.admin-overview-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0 24px}
.admin-overview-heading h1{font-size:27px;font-weight:750;margin:4px 0 7px}
.admin-overview-heading p{margin:0;color:var(--admin-muted);font-size:13px}
.admin-overview-heading .panel-eyebrow{font-size:10px;color:var(--admin-accent);letter-spacing:1.5px}
.admin-overview-actions{display:flex;gap:10px;flex-wrap:wrap}
html[data-panel-surface="admin"] .admin-stat-card span[style*="background:"] i{color:var(--admin-accent)!important}
@media(max-width:767px){.admin-overview-heading{align-items:flex-start;flex-direction:column;gap:16px;padding-top:8px}.admin-overview-actions{width:100%}.admin-overview-actions .btn{flex:1}.admin-overview-heading h1{font-size:24px}}

html[data-panel-surface="admin"]{--admin-accent:#4664d5;--admin-accent-bg:#edecff;--admin-raised:#f3f2fc;--admin-muted:#5a6685}
html[data-panel-surface="admin"][data-theme-mode="dark"]{--admin-raised:#183755;--admin-muted:#b6cfdf;--admin-accent:#abc6ff;--admin-accent-bg:#243d66}
html[data-panel-surface="admin"] .card.admin-stat-card{border:0!important;background:linear-gradient(125deg,#347cf1,#2250d7)!important}
html[data-panel-surface="admin"] .card.admin-stat-card--month{background:linear-gradient(125deg,#8a56ec,#6c29d7)!important}
html[data-panel-surface="admin"] .card.admin-stat-card--week{background:linear-gradient(125deg,#09ae80,#04976e)!important}
html[data-panel-surface="admin"] .card.admin-stat-card--today{background:linear-gradient(125deg,#ed9800,#dc8200)!important}
html[data-panel-surface="admin"] .admin-stat-card::before{display:none}
html[data-panel-surface="admin"] .admin-stat-card :is(h1,h2,h3,h4,h5,h6,p,.text-white,.text-opacity-75,.text-white i,span[style*="background:"] i){color:#fff!important;opacity:1!important}
html[data-panel-surface="admin"] .admin-stat-card :is(.p-2.rounded,span[style*="background:"]){background:#ffffff2b!important}
html[data-panel-surface="admin"] .admin-stat-card .card-body{padding:22px}

/* Match customer actions with stronger fills and explicit semantic colors. */
html[data-panel-surface="admin"] .btn{font-weight:700}
html[data-panel-surface="admin"] :is(.btn-primary,.btn-outline-primary,.btn-primary-light){background:#2457d6!important;border-color:#2457d6!important;color:#fff!important}
html[data-panel-surface="admin"] :is(.btn-primary,.btn-outline-primary,.btn-primary-light):is(:hover,:focus-visible,:active,.active){background:#1e43b0!important;border-color:#1e43b0!important}
html[data-panel-surface="admin"] :is(.btn-light,.btn-secondary,.btn-outline-secondary,.btn-secondary-light){background:#5540ad!important;border-color:#5540ad!important;color:#fff!important}
html[data-panel-surface="admin"] :is(.btn-light,.btn-secondary,.btn-outline-secondary,.btn-secondary-light):is(:hover,:focus-visible,:active,.active){background:#44318d!important;border-color:#44318d!important}
html[data-panel-surface="admin"] :is(.btn-success,.btn-outline-success,.btn-success-light){background:#087a54!important;border-color:#087a54!important;color:#fff!important}
html[data-panel-surface="admin"] :is(.btn-success,.btn-outline-success,.btn-success-light):is(:hover,:focus-visible,:active,.active){background:#065e41!important;border-color:#065e41!important}
html[data-panel-surface="admin"] :is(.btn-danger,.btn-outline-danger){background:#c22f49!important;border-color:#c22f49!important;color:#fff!important}
html[data-panel-surface="admin"] :is(.btn-danger,.btn-outline-danger):is(:hover,:focus-visible,:active,.active){background:#a52339!important;border-color:#a52339!important}
html[data-panel-surface="admin"] :is(.btn-warning,.btn-outline-warning){background:#a85c0a!important;border-color:#a85c0a!important;color:#fff!important}
html[data-panel-surface="admin"] :is(.btn-warning,.btn-outline-warning):is(:hover,:focus-visible,:active,.active){background:#864906!important;border-color:#864906!important}
html[data-panel-surface="admin"] :is(.btn-info,.btn-outline-info,.btn-info-light){background:#086c96!important;border-color:#086c96!important;color:#fff!important}
html[data-panel-surface="admin"] :is(.btn-info,.btn-outline-info,.btn-info-light):is(:hover,:focus-visible,:active,.active){background:#075779!important;border-color:#075779!important}
html[data-panel-surface="admin"] :is(.btn-dark,.btn-outline-dark,.btn-outline-light){background:#243354!important;border-color:#243354!important;color:#fff!important}
html[data-panel-surface="admin"] :is(.btn-dark,.btn-outline-dark,.btn-outline-light):is(:hover,:focus-visible,:active,.active){background:#18243d!important;border-color:#18243d!important}
html[data-panel-surface="admin"] .page-link{border-color:#b6bddd!important;font-weight:650}
html[data-panel-surface="admin"] .page-link:is(:hover,:focus-visible),html[data-panel-surface="admin"] .page-item.active .page-link{background:#2457d6!important;border-color:#2457d6!important;color:#fff!important}

/* Saved theme images must not paint a light veil over the dark menu. */
html[data-panel-surface="admin"] .app-sidebar{--menu-bg:#253468;--menu-prime-color:#f3f6ff;background:#253468!important}
html[data-panel-surface="admin"] .app-sidebar::before,html[data-panel-surface="admin"] .app-sidebar::after{content:none!important;display:none!important;background:none!important}
html[data-panel-surface="admin"] .app-sidebar :is(.side-menu__item,.side-menu__label,.side-menu__icon,.side-menu__angle){color:#f3f6ff!important;opacity:1}
html[data-panel-surface="admin"] .app-sidebar .side-menu__item{font-size:14px;font-weight:600}
html[data-panel-surface="admin"] .app-sidebar .side-menu__label{font-size:14px}
html[data-panel-surface="admin"] .app-sidebar :is(.slide__category,.category-name){color:#c3cdec!important;opacity:1!important}
html[data-panel-surface="admin"] .app-sidebar .side-menu__item:is(.active,:hover,:focus-visible){background:#394ca0!important;color:#fff!important}
html[data-panel-surface="admin"] .app-sidebar .side-menu__item:is(.active,:hover,:focus-visible) :is(.side-menu__label,.side-menu__icon,.side-menu__angle){color:#fff!important}
html[data-panel-surface="admin"] .app-sidebar .side-menu__item:focus-visible{outline:3px solid #b8c9ff;outline-offset:2px}