/* Shared admin/producer surfaces. Literal white/black never double as text tokens. */
html[data-admin-theme] {
  --panel-bg:#eeeff1; --panel-surface:#fff; --panel-soft:#f5f5f6;
  --panel-text:#171719; --panel-muted:#58585f; --panel-line:#d8d8dd;
  --panel-button:#171719; --panel-button-text:#fff;
  --white-color:var(--panel-text); --black-color:var(--panel-text);
  --body-color:var(--panel-text); --assest-color:var(--panel-surface);
  --light-assest:var(--panel-soft); --dark-body:var(--panel-muted);
  --primary-color:var(--panel-text); --green-color:var(--panel-text);
  --stat-primary-bg:var(--panel-soft); --stat-approve-color:var(--panel-text);
  --stat-approve-bg:var(--panel-soft); --core-color:23,23,25;
  color-scheme:light;
}
html[data-admin-theme="dark"] {
  --panel-bg:#09090b; --panel-surface:#18181b; --panel-soft:#242427;
  --panel-text:#fafafa; --panel-muted:#b7b7bf; --panel-line:#414148;
  --panel-button:#fafafa; --panel-button-text:#111113; --core-color:250,250,250;
  color-scheme:dark;
}
html[data-admin-theme] body { background:var(--panel-bg)!important; color:var(--panel-text)!important; }
html[data-admin-theme] .sidebar { background:var(--panel-surface)!important; border:1px solid var(--panel-line); box-shadow:none!important; padding:12px; }
html[data-admin-theme] .header { background:var(--panel-surface)!important; color:var(--panel-text); border:1px solid var(--panel-line); border-radius:22px; box-shadow:none!important; margin:18px 24px 0; width:auto; }
html[data-admin-theme] .body-content { padding:26px 24px; }
html[data-admin-theme] .side-head { border-bottom:1px solid var(--panel-line); padding-bottom:18px; }
html[data-admin-theme] .side-logo h3 { color:var(--panel-text)!important; font-size:23px; letter-spacing:-1px; }
html[data-admin-theme] .page-title { font-weight:500; letter-spacing:-.8px; }
html[data-admin-theme] .partition { color:var(--panel-muted); font-size:10px; letter-spacing:1.3px; text-transform:uppercase; }
html[data-admin-theme] .sidebar .side-menu a { color:var(--panel-muted)!important; border-radius:12px; font-weight:400; }
html[data-admin-theme] .sidebar .side-menu a:hover { color:var(--panel-text)!important; background:var(--panel-soft)!important; }
html[data-admin-theme] .sidebar .side-menu .active > a,
html[data-admin-theme] .sidebar .side-menu .side-submenu .active > a { background:var(--panel-button)!important; color:var(--panel-button-text)!important; }
html[data-admin-theme] .sidebar .side-menu .active > a i { color:inherit!important; }
html[data-admin-theme] .side-submenu { background:transparent!important; box-shadow:none!important; }
html[data-admin-theme] .sidebar .side-menu .dropdown.active .side-submenu .side_line:not(.active) > a.dropdown-item {
  background:transparent!important;
  color:var(--panel-muted)!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html[data-admin-theme] .sidebar .side-menu .dropdown.active .side-submenu .side_line:not(.active) > a.dropdown-item i {
  color:inherit!important;
}
html[data-admin-theme] .sidebar .side-menu .side-submenu .side_line.active > a.dropdown-item {
  background:var(--panel-button)!important;
  color:var(--panel-button-text)!important;
  border-color:var(--panel-button)!important;
  box-shadow:none!important;
}
html[data-admin-theme] .sidebar .side-menu .side-submenu .side_line.active > a.dropdown-item i {
  color:inherit!important;
}
html[data-admin-theme] .side-toggle span { background:var(--panel-text)!important; }
html[data-admin-theme] .card, html[data-admin-theme] .custom-border-card,
html[data-admin-theme] .db-stat-card, html[data-admin-theme] .db-chart-card,
html[data-admin-theme] .modal-content, html[data-admin-theme] .dropdown-menu,
html[data-admin-theme] .admin-upload-dialog, html[data-admin-theme] .page-search,
html[data-admin-theme] .custom-tabs, html[data-admin-theme] .dataTables_processing {
  background:var(--panel-surface)!important; color:var(--panel-text)!important;
  border:1px solid var(--panel-line)!important; border-radius:22px; box-shadow:none!important;
}
html[data-admin-theme] .db-stat-card { padding:20px; min-height:106px; align-items:flex-start; gap:16px; }
html[data-admin-theme] .db-stat-icon { background:var(--panel-soft)!important; color:var(--panel-text)!important; border-radius:50%; width:42px; height:42px; font-size:17px; }
html[data-admin-theme] .db-stat-value { color:var(--panel-text)!important; font-size:30px; font-weight:500; letter-spacing:-1px; }
html[data-admin-theme] .db-stat-label { color:var(--panel-muted)!important; font-weight:400; }
html[data-admin-theme] .db-chart-card { padding:24px; }
html[data-admin-theme] .db-chart-title { color:var(--panel-text)!important; font-weight:500; }
html[data-admin-theme] .card-header, html[data-admin-theme] .card-footer { background:transparent!important; color:var(--panel-text)!important; border-color:var(--panel-line)!important; padding:20px 24px; }
html[data-admin-theme] .card-body { padding:24px; }
html[data-admin-theme] .breadcrumb { background:transparent!important; color:var(--panel-muted)!important; box-shadow:none!important; padding:0 0 12px; }
html[data-admin-theme] .form-control, html[data-admin-theme] .custom-select,
html[data-admin-theme] select, html[data-admin-theme] textarea,
html[data-admin-theme] .select2-container--default .select2-selection--single,
html[data-admin-theme] .select2-dropdown { background:var(--panel-surface)!important; color:var(--panel-text)!important; border:1px solid var(--panel-line)!important; border-radius:12px; font-weight:400; }
html[data-admin-theme] .form-control { min-height:44px; }
html[data-admin-theme] input[type="color"].form-control { padding:6px; height:48px; cursor:pointer; }
html[data-admin-theme] input[type="color"]::-webkit-color-swatch-wrapper { padding:0; height:32px; }
html[data-admin-theme] input[type="color"]::-webkit-color-swatch { border:1px solid var(--panel-muted); border-radius:6px; }
html[data-admin-theme] option { background:var(--panel-surface)!important; color:var(--panel-text)!important; }
html[data-admin-theme] input::placeholder, html[data-admin-theme] textarea::placeholder { color:var(--panel-muted)!important; opacity:1; font-weight:400; }
html[data-admin-theme] label, html[data-admin-theme] .form-label, html[data-admin-theme] .assest-color,
html[data-admin-theme] .primary-color, html[data-admin-theme] .dropdown-item,
html[data-admin-theme] .select2-selection__rendered, html[data-admin-theme] .system-note { color:var(--panel-text)!important; }
html[data-admin-theme] .text-muted, html[data-admin-theme] .form-text { color:var(--panel-muted)!important; }
html[data-admin-theme] .btn { border-radius:999px; font-weight:500; padding:10px 20px; }
html[data-admin-theme] .btn-default, html[data-admin-theme] .btn-primary,
html[data-admin-theme] .btn-default-white, html[data-admin-theme] .db-filter-btn.active,
html[data-admin-theme] .nav-link.active, html[data-admin-theme] .pagination .active .page-link {
  background:var(--panel-button)!important; color:var(--panel-button-text)!important; border-color:var(--panel-button)!important; box-shadow:none!important;
}
html[data-admin-theme] .btn-default i, html[data-admin-theme] .btn-primary i { color:inherit!important; }
html[data-admin-theme] .btn-default:hover, html[data-admin-theme] .btn-primary:hover { background:var(--panel-accent)!important; color:#fff!important; border-color:var(--panel-accent)!important; }
html[data-admin-theme] .btn-cancel, html[data-admin-theme] .edit-delete-btn,
html[data-admin-theme] .db-filter-btn, html[data-admin-theme] .page-link,
html[data-admin-theme] .header .head-control .head-btn { background:var(--panel-soft)!important; color:var(--panel-text)!important; border:1px solid var(--panel-line)!important; }
html[data-admin-theme] .db-filter-btn { border-radius:999px; }
html[data-admin-theme] .table { color:var(--panel-text)!important; }
html[data-admin-theme] .table thead th { background:var(--panel-soft)!important; color:var(--panel-muted)!important; border-color:var(--panel-line)!important; font-weight:500; padding:16px; }
html[data-admin-theme] .table td { color:var(--panel-text)!important; border-color:var(--panel-line)!important; padding:16px; vertical-align:middle; }
html[data-admin-theme] .table-striped tbody tr:nth-of-type(odd), html[data-admin-theme] .table-hover tbody tr:hover { background:var(--panel-soft)!important; }
html[data-admin-theme] .badge, html[data-admin-theme] .badge-dark { background:var(--panel-soft)!important; color:var(--panel-text)!important; border:1px solid var(--panel-line); border-radius:999px; }
html[data-admin-theme] .custom-control-input:checked ~ .custom-control-label::before { background:var(--panel-accent)!important; border-color:var(--panel-accent)!important; }
html[data-admin-theme] :focus-visible { outline:3px solid var(--panel-muted)!important; outline-offset:3px; }
html[data-admin-theme] .dropdown-item:hover { background:var(--panel-soft)!important; }
html[data-admin-theme] .apexcharts-text { fill:var(--panel-text)!important; }
html[data-admin-theme] .apexcharts-tooltip { background:var(--panel-surface)!important; color:var(--panel-text)!important; border-color:var(--panel-line)!important; }
.panel-welcome { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:0 0 26px; }
.panel-welcome h2 { font-size:32px; letter-spacing:-1.2px; font-weight:500; margin:5px 0 8px; color:var(--panel-text); }
.panel-welcome p { color:var(--panel-muted); margin:0; }
.panel-eyebrow { font-size:10px; letter-spacing:2px; color:var(--panel-muted); text-transform:uppercase; }
.panel-theme-preview { background:var(--panel-soft); border:1px solid var(--panel-line); border-radius:18px; padding:24px; margin-top:24px; }
html[data-admin-theme] .odio-admin { --odio-surface:var(--panel-surface); --odio-surface-soft:var(--panel-soft); --odio-border:var(--panel-line); --odio-text:var(--panel-text); --odio-muted:var(--panel-muted); --odio-blue:var(--panel-text); --odio-teal:var(--panel-text); --odio-coral:var(--panel-text); --odio-gold:var(--panel-text); }
html[data-admin-theme] .odio-heading-icon { background:var(--panel-button)!important; color:var(--panel-button-text)!important; }
html[data-admin-theme] .header .head-control .head-btn { box-shadow:none!important; }
html[data-admin-theme] .db-stat-icon { border:1px solid var(--panel-line)!important; }
html[data-admin-theme] .page-title { color:var(--panel-text)!important; }
html[data-admin-theme] .sidebar .side-menu .side-submenu .active { background:transparent!important; }
html[data-admin-theme] .apexcharts-legend-text { color:var(--panel-text)!important; }
html[data-admin-theme] .apexcharts-line { stroke:var(--panel-text)!important; }
html[data-admin-theme] .apexcharts-marker { fill:var(--panel-text)!important; stroke:var(--panel-surface)!important; }
html[data-admin-theme] .apexcharts-datalabels text { fill:#fff!important; paint-order:stroke; stroke:#171719; stroke-width:2px; }
html[data-admin-theme] .apexcharts-tooltip-title { background:var(--panel-soft)!important; border-color:var(--panel-line)!important; }
@media(min-width:992px) { html[data-admin-theme] .sidebar { top:18px; left:18px; bottom:18px; height:calc(100vh - 36px); border-radius:22px; } }
@media(max-width:991px) { html[data-admin-theme] .header { margin:10px 12px 0; border-radius:16px; } html[data-admin-theme] .body-content { padding:20px 12px; } .panel-welcome { align-items:flex-start; flex-direction:column; } .panel-welcome h2 { font-size:26px; } }
@media(prefers-reduced-motion:reduce) { *, *::before, *::after { scroll-behavior:auto!important; transition:none!important; } }
@media(max-width:575px) {
  html[data-admin-theme] .header { padding:12px; gap:8px; flex-wrap:wrap; }
  html[data-admin-theme] .header .title-control { min-width:0; }
  html[data-admin-theme] .header .title-control .side-toggle { margin-right:8px; padding:8px; }
  html[data-admin-theme] .header .side-logo h3 { font-size:19px; margin:0; }
  html[data-admin-theme] .header .head-control .head-btn { width:36px; height:40px; margin-left:5px; }
  html[data-admin-theme] .card-body, html[data-admin-theme] .card-header, html[data-admin-theme] .card-footer { padding:18px; }
  html[data-admin-theme] .dropdown-menu { max-width:calc(100vw - 32px); }
}