/* Promzona Admin — light & dark themes */

/* Material Symbols — must keep icon font (Bootstrap overrides break ligatures) */
.material-symbols-outlined {
  font-family: "Material Symbols Outlined" !important;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

html[data-admin-theme="dark"],
html:not([data-admin-theme]) {
  --site-red: #e01a3a;
  --site-red-dark: #c8102e;
  --site-dark: #f0f2ff;
  --site-text: #e8eaf6;
  --site-muted: #8b93b8;
  --site-bg: #13152a;
  --site-card: #252b48;
  --site-border: rgba(255, 255, 255, 0.08);
  --site-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
  --accent: #e01a3a;
  --accent-hover: #ff3d5a;
  --accent-dim: rgba(224, 26, 58, 0.18);
  --sidebar-bg: #14172b;
  --content-bg: #13152a;
  --text-muted: #8b93b8;
  --ux-bg: #13152a;
  --ux-bg-elevated: #1a1d35;
  --ux-sidebar: #14172b;
  --ux-card: #252b48;
  --ux-card-hover: #2d3456;
  --ux-border: rgba(255, 255, 255, 0.06);
  --ux-border-strong: rgba(255, 255, 255, 0.12);
  --ux-text: #f0f2ff;
  --ux-muted: #8b93b8;
  --ux-blue: #e01a3a;
  --ux-blue-dark: #c8102e;
  --ux-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
  --ux-input-bg: rgba(0, 0, 0, 0.25);
  --ux-table-head: rgba(0, 0, 0, 0.2);
  --ux-table-hover: rgba(224, 26, 58, 0.08);
}

/* ——— Широкий layout на всех страницах ——— */
html[data-admin-theme] {
  --sidebar-width: 260px;
  --admin-pad-x: 12px;
  --admin-pad-y: 14px;
}

html[data-admin-theme] .sidebar {
  width: var(--sidebar-width) !important;
}

html[data-admin-theme] .content {
  width: calc(100% - var(--sidebar-width)) !important;
  max-width: none !important;
  padding: var(--admin-pad-y) var(--admin-pad-x) 64px !important;
}

html[data-admin-theme] .page-messages .content {
  padding: 0 !important;
  margin-left: var(--sidebar-width, 260px) !important;
  width: auto !important;
  flex: 1 1 auto !important;
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 0 !important;
  max-height: 100vh !important;
  max-height: 100dvh !important;
  overflow: hidden !important;
  background: #0b141a !important;
}

html[data-admin-theme="light"] .page-messages .content {
  background: #e5ddd5 !important;
}

html[data-admin-theme] .bk-panel,
html[data-admin-theme] .pay-panel,
html[data-admin-theme] .av-panel,
html[data-admin-theme] .msg-panel,
html[data-admin-theme] .ntf-panel,
html[data-admin-theme] .doc-panel,
html[data-admin-theme] .hr-panel,
html[data-admin-theme] .ov-payments-box,
html[data-admin-theme] .overview-panel,
html[data-admin-theme] .bk-hero,
html[data-admin-theme] .pay-hero,
html[data-admin-theme] .av-hero,
html[data-admin-theme] .prop-hero,
html[data-admin-theme] .overview-hero {
  max-width: none !important;
  width: 100%;
  box-sizing: border-box;
}

html[data-admin-theme] .bk-table-wrap,
html[data-admin-theme] .pay-table-wrap,
html[data-admin-theme] .ov-payments-table-wrap,
html[data-admin-theme] .overview-table-wrap,
html[data-admin-theme] .av-table-wrap,
html[data-admin-theme] .prop-table-wrap {
  width: 100%;
  max-width: none !important;
}

html[data-admin-theme] .bk-table,
html[data-admin-theme] .pay-table,
html[data-admin-theme] .ov-payments-table,
html[data-admin-theme] .overview-table,
html[data-admin-theme] .av-table {
  width: 100% !important;
}

html[data-admin-theme] .ux-search {
  max-width: min(640px, 100%) !important;
}

html[data-admin-theme] [class*="hero"] p,
html[data-admin-theme] [class*="hero"]__sub,
html[data-admin-theme] [class*="subtitle"],
html[data-admin-theme] [class*="hero__desc"] {
  max-width: none !important;
}

html[data-admin-theme] .pay-checkout {
  grid-template-columns: minmax(0, 1fr) minmax(360px, 480px) !important;
}

html[data-admin-theme] .pay-form-card,
html[data-admin-theme] .pay-filter-card,
html[data-admin-theme] .pay-terminal,
html[data-admin-theme] .pay-id-box {
  background: var(--ux-input-bg) !important;
  border-color: var(--ux-border) !important;
}

html[data-admin-theme] .pay-table tbody tr:hover td {
  background: var(--ux-table-hover) !important;
}

html[data-admin-theme] .av-global-filter,
html[data-admin-theme] .av-kpi-grid,
html[data-admin-theme] .av-tabs,
html[data-admin-theme] .av-property-banner {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}

html[data-admin-theme] .av-field--property,
html[data-admin-theme] .av-search {
  max-width: none !important;
}

html[data-admin-theme] .av-filter-card,
html[data-admin-theme] .av-global-filter,
html[data-admin-theme] .av-grid-nav,
html[data-admin-theme] .av-grid-shell,
html[data-admin-theme] .av-room-card {
  background: var(--ux-input-bg) !important;
  border-color: var(--ux-border) !important;
}

html[data-admin-theme] .av-grid-panel {
  background:
    linear-gradient(160deg, var(--accent-dim) 0%, transparent 40%),
    linear-gradient(180deg, var(--ux-card) 0%, var(--ux-card) 100%) !important;
  border-color: rgba(200, 16, 46, 0.14) !important;
}

html[data-admin-theme] .av-table tbody tr:hover td {
  background: var(--ux-table-hover) !important;
}

html[data-admin-theme] .av-filter-card {
  grid-template-columns: repeat(2, minmax(160px, 1fr)) minmax(180px, 220px) !important;
}

html[data-admin-theme] .overview-grid-2 {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px) !important;
}

html[data-admin-theme] .prop-layout {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  grid-template-columns: unset !important;
}

html[data-admin-theme] .doc-layout {
  display: grid !important;
  grid-template-columns: minmax(220px, 252px) minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 12px !important;
}

html[data-admin-theme] .page-documents .doc-upload {
  width: 100%;
  max-width: 252px;
  flex-shrink: 0;
}

html[data-admin-theme] .page-documents .doc-panel {
  min-width: 0;
  width: 100%;
}

@media (max-width: 900px) {
  html[data-admin-theme] .doc-layout {
    grid-template-columns: 1fr !important;
  }

  html[data-admin-theme] .page-documents .doc-upload {
    max-width: none;
    position: static !important;
  }
}

html[data-admin-theme] .msg-layout,
html[data-admin-theme] .ntf-layout,
html[data-admin-theme] .hr-layout {
  grid-template-columns: minmax(240px, 280px) minmax(0, 1fr) !important;
}

html[data-admin-theme] .sidebar-inner {
  padding: 20px 14px 16px !important;
}

html[data-admin-theme] .brand-logo-card {
  width: 80px !important;
  height: 80px !important;
}

html[data-admin-theme] .menu a,
html[data-admin-theme] .menu-item {
  padding-left: 12px !important;
  padding-right: 12px !important;
  font-size: 14px !important;
}

html[data-admin-theme] .overview-table--wide td.wrap,
html[data-admin-theme] .ov-payments-table td.wrap {
  max-width: none !important;
  min-width: 100px;
}

@media (min-width: 1400px) {
  html[data-admin-theme] .ux-metrics,
  html[data-admin-theme] .bk-kpi-grid,
  html[data-admin-theme] .pay-kpi-grid,
  html[data-admin-theme] .overview-kpi-grid {
    gap: 18px;
  }
}

@media (max-width: 1023px) {
  html[data-admin-theme] .content {
    width: 100% !important;
    padding: 72px 14px 64px !important;
  }

  html[data-admin-theme] .page-messages .content {
    width: auto !important;
    margin-left: 0 !important;
    padding: 0 !important;
  }
}

html[data-admin-theme="light"] {
  --site-red: #c8102e;
  --site-red-dark: #a00d24;
  --site-dark: #1a1d35;
  --site-text: #1e2235;
  --site-muted: #5c6478;
  --site-bg: #f4f6fb;
  --site-card: #ffffff;
  --site-border: rgba(0, 0, 0, 0.08);
  --site-shadow: 0 8px 32px rgba(26, 35, 70, 0.08);
  --accent: #c8102e;
  --accent-hover: #e01a3a;
  --accent-dim: rgba(200, 16, 46, 0.08);
  --sidebar-bg: #ffffff;
  --content-bg: #f4f6fb;
  --text-muted: #5c6478;
  --ux-bg: #f4f6fb;
  --ux-bg-elevated: #ffffff;
  --ux-sidebar: #ffffff;
  --ux-card: #ffffff;
  --ux-card-hover: #f0f2f8;
  --ux-border: rgba(0, 0, 0, 0.07);
  --ux-border-strong: rgba(0, 0, 0, 0.12);
  --ux-text: #1e2235;
  --ux-muted: #5c6478;
  --ux-blue: #c8102e;
  --ux-blue-dark: #a00d24;
  --ux-shadow: 0 4px 24px rgba(26, 35, 70, 0.08);
  --ux-input-bg: #f8f9fc;
  --ux-table-head: rgba(0, 0, 0, 0.03);
  --ux-table-hover: rgba(200, 16, 46, 0.05);
  color-scheme: light;
}

html[data-admin-theme] body.admin-promzona {
  font-family: "Montserrat", "Inter", system-ui, sans-serif;
  background: var(--content-bg);
  color: var(--ux-text);
}

/* Sidebar */
html[data-admin-theme] .sidebar {
  background: var(--sidebar-bg);
  border-right: 1px solid var(--ux-border);
  box-shadow: 4px 0 24px rgba(0, 0, 0, 0.04);
}

html[data-admin-theme="dark"] .sidebar {
  box-shadow: none;
}

html[data-admin-theme="light"] .sidebar {
  box-shadow: 2px 0 20px rgba(26, 35, 70, 0.06);
}

html[data-admin-theme] .brand-caption {
  color: var(--ux-muted);
  letter-spacing: 0.08em;
}

html[data-admin-theme] .sidebar-section-label {
  color: var(--ux-muted);
}

html[data-admin-theme] .menu-item {
  color: var(--ux-text);
}

html[data-admin-theme] .menu-item__icon .material-symbols-outlined {
  color: var(--ux-muted);
}

html[data-admin-theme] a.menu-item:hover {
  color: var(--site-dark);
  background: var(--accent-dim);
}

html[data-admin-theme] a.menu-item:hover .menu-item__icon .material-symbols-outlined {
  color: var(--site-red);
}

html[data-admin-theme] .menu-item.active {
  color: #fff;
  background: linear-gradient(180deg, #e01a3a 0%, var(--site-red) 100%);
  box-shadow: 0 6px 20px rgba(200, 16, 46, 0.35);
}

html[data-admin-theme] .menu-item.active .menu-item__icon .material-symbols-outlined,
html[data-admin-theme] .menu-item.active .menu-item__arrow {
  color: #fff;
}

html[data-admin-theme] .sidebar-footer {
  border-top-color: var(--ux-border);
}

html[data-admin-theme] .sidebar-footer-card {
  background: var(--ux-card-hover);
  border-color: var(--ux-border);
}

html[data-admin-theme] .sidebar-footer-card .material-symbols-outlined {
  color: var(--site-red);
}

html[data-admin-theme] .sidebar-footer-card small {
  color: var(--ux-muted);
}

/* Content shell */
html[data-admin-theme] .content {
  background: var(--content-bg);
}

html[data-admin-theme] .topbar,
html[data-admin-theme] .ux-app-header {
  background: var(--ux-card);
  border: 1px solid var(--ux-border);
  box-shadow: var(--ux-shadow);
}

html[data-admin-theme] .topbar h1,
html[data-admin-theme] .ux-user__text strong,
html[data-admin-theme] .overview-panel__title h3,
html[data-admin-theme] .pg-hero h2 {
  color: var(--site-dark);
  font-weight: 800;
}

html[data-admin-theme] .topbar p,
html[data-admin-theme] .ux-user__text small,
html[data-admin-theme] .form-label,
html[data-admin-theme] .text-muted {
  color: var(--ux-muted) !important;
}

/* Buttons & forms */
html[data-admin-theme] .btn-primary {
  background: linear-gradient(180deg, #e01a3a 0%, var(--site-red) 100%);
  border: none;
  color: #fff !important;
  font-weight: 700;
  box-shadow: 0 6px 20px rgba(200, 16, 46, 0.3);
}

html[data-admin-theme] .btn-primary:hover {
  background: linear-gradient(180deg, var(--site-red) 0%, var(--site-red-dark) 100%);
}

html[data-admin-theme] .btn-outline-light {
  color: var(--ux-text);
  border-color: var(--ux-border-strong);
  background: var(--ux-card);
}

html[data-admin-theme] .btn-outline-light:hover {
  background: var(--accent-dim);
  border-color: rgba(200, 16, 46, 0.25);
  color: var(--site-red);
}

html[data-admin-theme] .form-control,
html[data-admin-theme] .form-select {
  background: var(--ux-input-bg);
  border-color: var(--ux-border-strong);
  color: var(--ux-text);
}

html[data-admin-theme] .form-control:focus,
html[data-admin-theme] .form-select:focus {
  border-color: var(--site-red);
  box-shadow: 0 0 0 3px rgba(200, 16, 46, 0.12);
  background: var(--ux-card);
}

html[data-admin-theme] .form-control::placeholder {
  color: var(--ux-muted);
}

/* App header */
html[data-admin-theme] .ux-search {
  background: var(--ux-input-bg);
  border-color: var(--ux-border);
}

html[data-admin-theme] .ux-search input {
  color: var(--ux-text);
}

html[data-admin-theme] .ux-icon-btn {
  background: var(--ux-card);
  border-color: var(--ux-border);
  color: var(--ux-muted);
}

html[data-admin-theme] .ux-icon-btn:hover,
html[data-admin-theme] .ux-icon-btn.is-active {
  color: var(--site-red);
  border-color: rgba(200, 16, 46, 0.25);
  background: var(--accent-dim);
}

html[data-admin-theme] .ux-user {
  background: var(--ux-card-hover);
  border-color: var(--ux-border);
}

html[data-admin-theme] .ux-user__avatar {
  background: linear-gradient(180deg, #e01a3a 0%, var(--site-red) 100%);
}

html[data-admin-theme] .ux-auth-drawer {
  background: var(--ux-card);
  border-color: var(--ux-border);
}

/* Cards & panels */
html[data-admin-theme] .ux-metric,
html[data-admin-theme] .overview-panel,
html[data-admin-theme] .ov-payments-box,
html[data-admin-theme] .overview-hero,
html[data-admin-theme] .pg-hero,
html[data-admin-theme] .bk-prepay-panel,
html[data-admin-theme] .prop-card,
html[data-admin-theme] .admin-card {
  background: var(--ux-card) !important;
  border-color: var(--ux-border) !important;
  color: var(--ux-text);
  box-shadow: var(--ux-shadow) !important;
}

html[data-admin-theme] .ux-metric__label,
html[data-admin-theme] .ux-metric__hint,
html[data-admin-theme] .overview-hero__sub,
html[data-admin-theme] .overview-updated {
  color: var(--ux-muted) !important;
}

html[data-admin-theme] .ux-metric__value,
html[data-admin-theme] .overview-updated strong {
  color: var(--site-dark) !important;
}

html[data-admin-theme] .ux-metric__badge {
  background: var(--accent-dim);
  color: var(--site-red);
}

html[data-admin-theme] .ux-metric--profit {
  border-top: 3px solid var(--site-red) !important;
}

html[data-admin-theme] .ux-tabs {
  background: var(--ux-card);
  border-color: var(--ux-border);
}

html[data-admin-theme] .ux-tab {
  color: var(--ux-muted);
}

html[data-admin-theme] .ux-tab.is-active,
html[data-admin-theme] .ux-tab:hover {
  color: #fff;
  background: var(--site-red);
}

html[data-admin-theme] .ux-date-pill {
  background: var(--ux-card);
  border-color: var(--ux-border);
  color: var(--ux-muted);
}

/* Quick actions & health */
html[data-admin-theme] .quick-action,
html[data-admin-theme] .health-item {
  background: var(--ux-card-hover);
  border-color: var(--ux-border);
  color: var(--ux-text);
}

html[data-admin-theme] .quick-action:hover {
  color: var(--site-red);
  background: var(--accent-dim);
  border-color: rgba(200, 16, 46, 0.2);
}

html[data-admin-theme] .quick-action__icon {
  background: var(--accent-dim);
}

html[data-admin-theme] .quick-action__icon .material-symbols-outlined,
html[data-admin-theme] .overview-panel__title h3 .material-symbols-outlined,
html[data-admin-theme] .health-item__left .material-symbols-outlined {
  color: var(--site-red) !important;
}

html[data-admin-theme] .quick-action__text small,
html[data-admin-theme] .health-item small {
  color: var(--ux-muted);
}

html[data-admin-theme] .health-pill {
  background: rgba(22, 163, 74, 0.1);
  color: #15803d;
  border-color: rgba(22, 163, 74, 0.2);
}

html[data-admin-theme="dark"] .health-pill {
  background: rgba(34, 197, 94, 0.15);
  color: #4ade80;
}

/* Tables */
html[data-admin-theme] .overview-table-wrap,
html[data-admin-theme] .ov-payments-table-shell,
html[data-admin-theme] .table-responsive {
  border-color: var(--ux-border);
}

html[data-admin-theme] .overview-table th,
html[data-admin-theme] table thead th {
  color: var(--ux-muted);
  background: var(--ux-table-head);
  border-bottom-color: var(--ux-border);
}

html[data-admin-theme] .overview-table td,
html[data-admin-theme] table tbody td {
  color: var(--ux-text);
  border-bottom-color: var(--ux-border);
}

html[data-admin-theme] .overview-table tr:hover td,
html[data-admin-theme] table tbody tr:hover td {
  background: var(--ux-table-hover);
}

html[data-admin-theme] .overview-empty,
html[data-admin-theme] .ov-payments-empty {
  color: var(--ux-muted);
}

html[data-admin-theme] .overview-link-all,
html[data-admin-theme] .ov-payments-link {
  color: var(--site-red);
}

/* Status chips */
html[data-admin-theme] .status-chip--paid,
html[data-admin-theme] .bk-status-chip--confirmed {
  background: rgba(22, 163, 74, 0.1);
  color: #15803d;
}

html[data-admin-theme] .status-chip--pending,
html[data-admin-theme] .bk-status-chip--pending {
  background: rgba(234, 179, 8, 0.12);
  color: #a16207;
}

html[data-admin-theme] .status-chip--cancelled,
html[data-admin-theme] .bk-status-chip--cancelled {
  background: var(--accent-dim);
  color: var(--site-red);
}

html[data-admin-theme="dark"] .status-chip--paid,
html[data-admin-theme="dark"] .bk-status-chip--confirmed {
  color: #4ade80;
}

/* Payments chips */
html[data-admin-theme] .ov-pay-kpi {
  background: var(--ux-card-hover);
  border-color: var(--ux-border);
}

html[data-admin-theme] .ov-payments-search {
  background: var(--ux-input-bg);
  border-color: var(--ux-border);
}

html[data-admin-theme] .ov-payments-search input {
  color: var(--ux-text);
}

html[data-admin-theme] .ov-pay-chip {
  background: var(--ux-card);
  border-color: var(--ux-border);
  color: var(--ux-muted);
}

html[data-admin-theme] .ov-pay-chip--active,
html[data-admin-theme] .ov-pay-chip:hover {
  background: var(--site-red);
  border-color: var(--site-red);
  color: #fff;
}

/* FAB */
html[data-admin-theme] .ux-fab {
  background: linear-gradient(180deg, #e01a3a 0%, var(--site-red) 100%);
  box-shadow: 0 8px 24px rgba(200, 16, 46, 0.4);
}

@media (max-width: 900px) {
  html[data-admin-theme] .ux-metrics {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  html[data-admin-theme] .ux-metrics,
  html[data-admin-theme] .quick-actions {
    grid-template-columns: 1fr;
  }
}

/* Bootstrap & base — dark only */
html[data-admin-theme],
html.admin-theme-dark {
  color-scheme: dark;
}

html[data-admin-theme] body,
html.admin-theme-dark body {
  background: var(--content-bg) !important;
  color: var(--ux-text) !important;
}

html[data-admin-theme] .table,
html[data-admin-theme] .table > :not(caption) > * > * {
  background-color: transparent;
  color: var(--ux-text);
  border-color: var(--ux-border);
}

html[data-admin-theme] .dropdown-menu,
html[data-admin-theme] .modal-content {
  background: var(--ux-card);
  border-color: var(--ux-border);
  color: var(--ux-text);
}

html[data-admin-theme] .dropdown-item {
  color: var(--ux-text);
}

html[data-admin-theme] .dropdown-item:hover,
html[data-admin-theme] .dropdown-item:focus {
  background: var(--accent-dim);
  color: var(--site-red);
}

/* Bookings page — red accent */
html[data-admin-theme] .bk-hero {
  background:
    linear-gradient(115deg, rgba(224, 26, 58, 0.16) 0%, transparent 42%),
    linear-gradient(160deg, #2a2850 0%, #252b48 50%, #1a1d35 100%) !important;
  border-color: rgba(200, 16, 46, 0.22) !important;
}

html[data-admin-theme] .bk-badge {
  color: var(--site-red);
  background: var(--accent-dim);
  border-color: rgba(200, 16, 46, 0.28);
}

html[data-admin-theme] .bk-prepay-panel {
  background: linear-gradient(135deg, rgba(200, 16, 46, 0.14), rgba(224, 26, 58, 0.06)) !important;
  border-color: rgba(200, 16, 46, 0.22) !important;
}

html[data-admin-theme] .bk-chip--active,
html[data-admin-theme] .bk-chip:hover {
  background: var(--site-red) !important;
  border-color: var(--site-red) !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(200, 16, 46, 0.35) !important;
}

html[data-admin-theme] .bk-panel__title h3 .material-symbols-outlined,
html[data-admin-theme] .bk-prepay-panel__info .material-symbols-outlined,
html[data-admin-theme] .bk-field label .material-symbols-outlined {
  color: var(--site-red) !important;
}

html[data-admin-theme] .btn-bk-primary,
html[data-admin-theme] .btn-bk-refresh:hover {
  background: linear-gradient(180deg, #e01a3a 0%, var(--site-red) 100%) !important;
  border-color: transparent !important;
}

html[data-admin-theme] .bk-table tbody tr:hover td {
  background: var(--ux-table-hover) !important;
}

html[data-admin-theme] .bk-table tbody tr.is-highlight td {
  background: rgba(200, 16, 46, 0.12) !important;
  box-shadow: inset 3px 0 0 var(--site-red) !important;
}

html[data-admin-theme] .bk-guest__avatar {
  background: linear-gradient(135deg, rgba(200, 16, 46, 0.35), rgba(224, 26, 58, 0.15)) !important;
}

html[data-admin-theme] .bk-btn-icon:hover {
  background: rgba(200, 16, 46, 0.2) !important;
  border-color: rgba(200, 16, 46, 0.35) !important;
}

html[data-admin-theme] .bk-prepay-switch input:checked + .bk-prepay-switch__ui {
  background: rgba(200, 16, 46, 0.45) !important;
  border-color: rgba(224, 26, 58, 0.55) !important;
}

html[data-admin-theme] .bk-field .form-control:focus,
html[data-admin-theme] .bk-field .form-select:focus {
  border-color: var(--site-red) !important;
  box-shadow: 0 0 0 3px rgba(200, 16, 46, 0.15) !important;
}

html[data-admin-theme="light"],
html.admin-theme-light {
  color-scheme: light;
}

html[data-admin-theme="light"] .health-pill {
  background: rgba(22, 163, 74, 0.1);
  color: #15803d;
}

html[data-admin-theme="light"] .status-chip--paid,
html[data-admin-theme="light"] .bk-status-chip--confirmed {
  color: #15803d;
}

html[data-admin-theme="light"] .status-chip--pending,
html[data-admin-theme="light"] .bk-status-chip--pending {
  color: #a16207;
}

/* Theme toggle */
.admin-theme-toggle[data-admin-theme-toggle].is-dark-active {
  color: #fbbf24;
}

.admin-theme-toggle[data-admin-theme-toggle].is-light-active {
  color: var(--site-red);
}

.sidebar-theme-toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid var(--ux-border);
  background: var(--ux-card-hover);
  color: var(--ux-text);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.sidebar-theme-toggle:hover {
  background: var(--accent-dim);
  border-color: rgba(200, 16, 46, 0.2);
  color: var(--site-red);
}

.sidebar-theme-toggle .material-symbols-outlined {
  font-size: 20px;
  color: var(--site-red);
}

/* ========== LIGHT THEME — Page heroes ========== */
html[data-admin-theme="light"] .av-hero,
html[data-admin-theme="light"] .prop-hero,
html[data-admin-theme="light"] .bk-hero,
html[data-admin-theme="light"] .pay-hero,
html[data-admin-theme="light"] .msg-hero,
html[data-admin-theme="light"] .ntf-hero,
html[data-admin-theme="light"] .doc-hero,
html[data-admin-theme="light"] .hr-hero,
html[data-admin-theme="light"] .hr-toolbar,
html[data-admin-theme="light"] .overview-hero,
html[data-admin-theme="light"] .pg-hero {
  background:
    linear-gradient(120deg, var(--accent-dim) 0%, transparent 42%),
    linear-gradient(160deg, #ffffff 0%, #f8f9fc 55%, #eef1f8 100%) !important;
  border-color: rgba(200, 16, 46, 0.14) !important;
  box-shadow: 0 8px 32px rgba(26, 35, 70, 0.08) !important;
}

html[data-admin-theme="light"] .msg-hero,
html[data-admin-theme="light"] .ntf-hero,
html[data-admin-theme="light"] .doc-hero,
html[data-admin-theme="light"] .hr-hero {
  background: linear-gradient(125deg, #e01a3a 0%, #c8102e 38%, #7f0a1e 72%, #1e293b 100%) !important;
  border: none !important;
  box-shadow: 0 20px 50px rgba(200, 16, 46, 0.22) !important;
}

html[data-admin-theme="light"] .pay-hero {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 8px 32px rgba(26, 35, 70, 0.08) !important;
}

html[data-admin-theme="light"] .pay-hero::after {
  display: none !important;
}

html[data-admin-theme="light"] .pay-hero h2 {
  color: var(--site-dark) !important;
}

html[data-admin-theme="light"] .page-payments .pay-badge {
  color: var(--ux-muted) !important;
  background: rgba(0, 0, 0, 0.04) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
}

html[data-admin-theme="light"] .page-payments .pay-badge .material-symbols-outlined {
  color: var(--ux-muted) !important;
}

html[data-admin-theme="light"] .hr-toolbar {
  background:
    linear-gradient(115deg, rgba(200, 16, 46, 0.08) 0%, transparent 42%),
    linear-gradient(160deg, #ffffff 0%, #f4f6fb 55%, #eef1f7 100%) !important;
  border-color: rgba(200, 16, 46, 0.16) !important;
  box-shadow: 0 10px 32px rgba(15, 23, 42, 0.08) !important;
}

html[data-admin-theme="light"] .overview-hero {
  background:
    linear-gradient(135deg, rgba(200, 16, 46, 0.08) 0%, rgba(224, 26, 58, 0.04) 40%, transparent 70%),
    linear-gradient(180deg, #ffffff 0%, #f4f6fb 100%) !important;
  border-color: rgba(0, 0, 0, 0.07) !important;
}

html[data-admin-theme="light"] .bk-hero {
  background:
    linear-gradient(115deg, rgba(200, 16, 46, 0.08) 0%, transparent 42%),
    linear-gradient(160deg, #ffffff 0%, #fafbfc 50%, #f0f2f8 100%) !important;
}

html[data-admin-theme="light"] .bk-prepay-panel {
  background: linear-gradient(135deg, rgba(200, 16, 46, 0.08), rgba(224, 26, 58, 0.03)) !important;
  border-color: rgba(200, 16, 46, 0.14) !important;
}

html[data-admin-theme="light"] .av-grid-panel {
  background:
    linear-gradient(160deg, var(--accent-dim) 0%, transparent 40%),
    linear-gradient(180deg, #ffffff 0%, #f8f9fc 100%) !important;
  border-color: rgba(200, 16, 46, 0.12) !important;
  box-shadow: 0 12px 36px rgba(26, 35, 70, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

/* ========== LIGHT THEME — Hero text & badges ========== */
html[data-admin-theme="light"] .av-badge,
html[data-admin-theme="light"] .prop-badge,
html[data-admin-theme="light"] .bk-badge,
html[data-admin-theme="light"] .av-period-badge {
  color: var(--site-red) !important;
}

html[data-admin-theme="light"] .pay-badge,
html[data-admin-theme="light"] .msg-badge,
html[data-admin-theme="light"] .ntf-badge,
html[data-admin-theme="light"] .doc-badge,
html[data-admin-theme="light"] .hr-badge,
html[data-admin-theme="light"] .pg-badge {
  color: var(--site-red) !important;
  background: var(--accent-dim) !important;
  border-color: rgba(200, 16, 46, 0.2) !important;
}

html[data-admin-theme="light"] .overview-badge {
  color: var(--site-red) !important;
  background: var(--accent-dim) !important;
  border-color: rgba(200, 16, 46, 0.2) !important;
}

html[data-admin-theme="light"] [class*="-hero__sub"],
html[data-admin-theme="light"] [class*="-hero__steps"],
html[data-admin-theme="light"] [class*="-updated"],
html[data-admin-theme="light"] .pg-hero__sub {
  color: var(--ux-muted) !important;
}

html[data-admin-theme="light"] [class*="-hero__steps"] > span:not([class*="arrow"]) {
  background: rgba(0, 0, 0, 0.04) !important;
  border-color: rgba(0, 0, 0, 0.07) !important;
}

html[data-admin-theme="light"] [class*="-hero__step-arrow"] {
  color: var(--ux-muted) !important;
}

html[data-admin-theme="light"] [class*="-updated"] strong,
html[data-admin-theme="light"] .av-room-num,
html[data-admin-theme="light"] .bk-phone,
html[data-admin-theme="light"] .bk-property {
  color: var(--ux-text) !important;
}

/* ========== LIGHT THEME — Ghost buttons & search ========== */
html[data-admin-theme="light"] [class*="btn-"][class*="-refresh"],
html[data-admin-theme="light"] .btn-pg-refresh,
html[data-admin-theme="light"] .btn-av-apply,
html[data-admin-theme="light"] .btn-av-reset {
  background: var(--ux-input-bg) !important;
  border-color: var(--ux-border-strong) !important;
  color: var(--ux-text) !important;
}

html[data-admin-theme="light"] [class*="btn-"][class*="-refresh"]:hover,
html[data-admin-theme="light"] .btn-pg-refresh:hover,
html[data-admin-theme="light"] .btn-av-apply:hover {
  background: var(--accent-dim) !important;
  border-color: rgba(200, 16, 46, 0.22) !important;
  color: var(--site-red) !important;
}

html[data-admin-theme="light"] .av-search,
html[data-admin-theme="light"] .prop-search,
html[data-admin-theme="light"] .bk-search,
html[data-admin-theme="light"] .pay-search,
html[data-admin-theme="light"] .msg-search,
html[data-admin-theme="light"] .ntf-search,
html[data-admin-theme="light"] .doc-search,
html[data-admin-theme="light"] .hr-search,
html[data-admin-theme="light"] .av-filters,
html[data-admin-theme="light"] .bk-filters,
html[data-admin-theme="light"] .prop-toolbar,
html[data-admin-theme="light"] .av-grid-nav,
html[data-admin-theme="light"] .av-field-box {
  background: var(--ux-input-bg) !important;
  border-color: var(--ux-border-strong) !important;
}

html[data-admin-theme="light"] .av-search input,
html[data-admin-theme="light"] .prop-search input,
html[data-admin-theme="light"] .bk-search input,
html[data-admin-theme="light"] .pay-search input,
html[data-admin-theme="light"] .msg-search input,
html[data-admin-theme="light"] .ntf-search input,
html[data-admin-theme="light"] .doc-search input,
html[data-admin-theme="light"] .hr-search input {
  color: var(--ux-text) !important;
}

html[data-admin-theme="light"] .av-search .material-symbols-outlined,
html[data-admin-theme="light"] .prop-search .material-symbols-outlined,
html[data-admin-theme="light"] .bk-search .material-symbols-outlined {
  color: var(--ux-muted) !important;
}

/* ========== LIGHT THEME — Panels, stats, cards ========== */
html[data-admin-theme="light"] .av-panel,
html[data-admin-theme="light"] .av-stat,
html[data-admin-theme="light"] .bk-stat,
html[data-admin-theme="light"] .bk-panel,
html[data-admin-theme="light"] .pay-panel,
html[data-admin-theme="light"] .pay-kpi,
html[data-admin-theme="light"] .msg-panel,
html[data-admin-theme="light"] .msg-thread,
html[data-admin-theme="light"] .ntf-panel,
html[data-admin-theme="light"] .doc-panel,
html[data-admin-theme="light"] .doc-upload,
html[data-admin-theme="light"] .doc-stat,
html[data-admin-theme="light"] .hr-panel,
html[data-admin-theme="light"] .hr-card,
html[data-admin-theme="light"] .overview-panel,
html[data-admin-theme="light"] .pg-panel {
  background: var(--ux-card) !important;
  border-color: var(--ux-border) !important;
  box-shadow: var(--ux-shadow) !important;
}

html[data-admin-theme="light"] .av-panel__meta,
html[data-admin-theme="light"] .av-stat__body small,
html[data-admin-theme="light"] .av-stat__body p,
html[data-admin-theme="light"] .av-muted,
html[data-admin-theme="light"] .av-empty-state,
html[data-admin-theme="light"] .bk-stat small,
html[data-admin-theme="light"] .bk-panel__meta {
  color: var(--ux-muted) !important;
}

html[data-admin-theme="light"] .av-stat__body h4,
html[data-admin-theme="light"] .av-empty-state h4,
html[data-admin-theme="light"] .bk-stat h4,
html[data-admin-theme="light"] .prop-card__title,
html[data-admin-theme="light"] .prop-card__meta {
  color: var(--ux-text) !important;
}

html[data-admin-theme="light"] .av-stat__icon {
  background: var(--accent-dim) !important;
  color: var(--site-red) !important;
}

/* ========== LIGHT THEME — Tables ========== */
html[data-admin-theme="light"] .av-table-wrap,
html[data-admin-theme="light"] .bk-table-wrap,
html[data-admin-theme="light"] .pay-table-shell,
html[data-admin-theme="light"] .msg-table-shell,
html[data-admin-theme="light"] .ntf-table-shell,
html[data-admin-theme="light"] .doc-table-shell,
html[data-admin-theme="light"] .hr-table-shell {
  background: var(--ux-input-bg) !important;
  border-color: var(--ux-border) !important;
}

html[data-admin-theme="light"] .av-table th,
html[data-admin-theme="light"] .bk-table th,
html[data-admin-theme="light"] .pay-table th,
html[data-admin-theme="light"] .msg-table th,
html[data-admin-theme="light"] .ntf-table th,
html[data-admin-theme="light"] .doc-table th,
html[data-admin-theme="light"] .hr-table th {
  background: var(--ux-table-head) !important;
  color: var(--ux-muted) !important;
  border-bottom-color: var(--ux-border) !important;
}

html[data-admin-theme="light"] .av-table td,
html[data-admin-theme="light"] .bk-table td,
html[data-admin-theme="light"] .pay-table td,
html[data-admin-theme="light"] .msg-table td,
html[data-admin-theme="light"] .ntf-table td,
html[data-admin-theme="light"] .doc-table td,
html[data-admin-theme="light"] .hr-table td {
  color: var(--ux-text) !important;
  border-bottom-color: var(--ux-border) !important;
}

html[data-admin-theme="light"] .av-table tbody tr:hover td,
html[data-admin-theme="light"] .bk-table tbody tr:hover td {
  background: var(--ux-table-hover) !important;
}

html[data-admin-theme="light"] .av-action-btn,
html[data-admin-theme="light"] .bk-btn-icon,
html[data-admin-theme="light"] .prop-action-btn {
  background: var(--ux-card-hover) !important;
  border-color: var(--ux-border-strong) !important;
  color: var(--ux-muted) !important;
}

html[data-admin-theme="light"] .av-action-btn:hover,
html[data-admin-theme="light"] .bk-btn-icon:hover,
html[data-admin-theme="light"] .prop-action-btn:hover {
  background: var(--accent-dim) !important;
  border-color: rgba(200, 16, 46, 0.22) !important;
  color: var(--site-red) !important;
}

/* ========== LIGHT THEME — Chips & filters ========== */
html[data-admin-theme="light"] .av-chip,
html[data-admin-theme="light"] .bk-chip,
html[data-admin-theme="light"] .prop-chip,
html[data-admin-theme="light"] .pay-chip,
html[data-admin-theme="light"] .msg-chip,
html[data-admin-theme="light"] .ntf-chip,
html[data-admin-theme="light"] .doc-chip,
html[data-admin-theme="light"] .hr-chip,
html[data-admin-theme="light"] .av-grid-nav-btn {
  background: var(--ux-card-hover) !important;
  border-color: var(--ux-border) !important;
  color: var(--ux-muted) !important;
}

html[data-admin-theme="light"] .av-chip--active,
html[data-admin-theme="light"] .bk-chip--active,
html[data-admin-theme="light"] .prop-chip--active,
html[data-admin-theme="light"] .pay-chip--active,
html[data-admin-theme="light"] .hr-chip--active,
html[data-admin-theme="light"] .doc-chip--active,
html[data-admin-theme="light"] .doc-chip:hover:not(:disabled):not(.doc-chip--disabled),
html[data-admin-theme="light"] .av-grid-nav-btn:hover {
  background: var(--site-red) !important;
  border-color: var(--site-red) !important;
  color: #fff !important;
}

html[data-admin-theme="light"] .av-grid-nav #avGridFrom {
  background: #fff !important;
  color: var(--ux-text) !important;
}

html[data-admin-theme="light"] .av-grid-nav-btn--today {
  color: var(--site-red) !important;
}

html[data-admin-theme="light"] .av-price-cell {
  color: var(--site-red) !important;
}

/* ========== LIGHT THEME — Property cards ========== */
html[data-admin-theme="light"] .prop-card {
  background: var(--ux-card) !important;
  color: var(--ux-text) !important;
}

html[data-admin-theme="light"] .prop-card__name,
html[data-admin-theme="light"] .prop-card__title {
  color: var(--ux-text) !important;
}

html[data-admin-theme="light"] .prop-card__meta {
  color: inherit !important;
}

html[data-admin-theme="light"] .prop-card__row {
  color: var(--ux-text) !important;
}

html[data-admin-theme="light"] .prop-card__id {
  color: var(--ux-muted) !important;
}

html[data-admin-theme="light"] .prop-card__link {
  color: var(--ux-text) !important;
  background: var(--ux-card-hover) !important;
  border-color: var(--ux-border) !important;
}

html[data-admin-theme="light"] .prop-card__link--photos {
  color: var(--site-red) !important;
  background: var(--accent-dim) !important;
}

html[data-admin-theme="light"] .prop-card__link--site {
  color: var(--ux-text) !important;
}

html[data-admin-theme="light"] .prop-card__link--site:hover {
  color: #fff !important;
}

html[data-admin-theme="light"] .prop-card__body,
html[data-admin-theme="light"] .prop-card__desc,
html[data-admin-theme="light"] .prop-card__stats small {
  color: var(--ux-muted) !important;
}

html[data-admin-theme="light"] .prop-card__type-pill {
  background: var(--ux-card-hover) !important;
  border-color: var(--ux-border) !important;
}

html[data-admin-theme="light"] .prop-create,
html[data-admin-theme="light"] .prop-catalog {
  background: var(--ux-card) !important;
  border-color: var(--ux-border) !important;
}

html[data-admin-theme] .prop-layout,
html[data-admin-theme] .prop-kpi,
html[data-admin-theme] .prop-grid {
  width: 100%;
  max-width: none;
}

html[data-admin-theme] .prop-search {
  max-width: none !important;
}

html[data-admin-theme] .hr-layout,
html[data-admin-theme] .hr-kpi-grid,
html[data-admin-theme] .hr-panel,
html[data-admin-theme] .hr-form-panel {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}

html[data-admin-theme] .hr-search {
  max-width: none !important;
}

html[data-admin-theme] .hr-pay-block {
  background: var(--ux-input-bg) !important;
  border-color: var(--ux-border) !important;
}

html[data-admin-theme] .hr-form-panel__icon {
  background: var(--accent-dim, rgba(200, 16, 46, 0.14)) !important;
  border: 1px solid rgba(200, 16, 46, 0.28) !important;
  box-shadow: none !important;
}

html[data-admin-theme] .hr-form-panel__icon .material-symbols-outlined {
  color: var(--site-red, #c8102e) !important;
  font-family: "Material Symbols Outlined" !important;
  font-size: 24px !important;
  line-height: 1 !important;
  font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 24 !important;
}

html[data-admin-theme] .hr-table tbody tr:hover td {
  background: var(--ux-table-hover) !important;
}

html[data-admin-theme="light"] .page-hr .btn-hr-add .material-symbols-outlined,
html[data-admin-theme="light"] .page-hr .hr-chip--active .material-symbols-outlined {
  color: #fff !important;
}

html[data-admin-theme="light"] .page-hr .hr-form-panel__icon .material-symbols-outlined {
  color: var(--site-red, #c8102e) !important;
}

html[data-admin-theme="light"] .page-hr .hr-field label .material-symbols-outlined,
html[data-admin-theme="light"] .page-hr .hr-panel__title h3 .material-symbols-outlined,
html[data-admin-theme="light"] .page-hr .hr-stat__icon .material-symbols-outlined,
html[data-admin-theme="light"] .page-hr .hr-search .material-symbols-outlined,
html[data-admin-theme="light"] .page-hr .hr-emp-cell .material-symbols-outlined {
  color: var(--site-red) !important;
}

html[data-admin-theme="light"] .page-hr .hr-emp-name,
html[data-admin-theme="light"] .page-hr .hr-table td {
  color: var(--ux-text) !important;
}

html[data-admin-theme] .msg-layout,
html[data-admin-theme] .msg-kpi-grid,
html[data-admin-theme] .msg-compose,
html[data-admin-theme] .msg-inbox {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}

html[data-admin-theme] .msg-search {
  max-width: none !important;
}

html[data-admin-theme] .msg-compose__icon {
  background: linear-gradient(135deg, var(--accent-hover, #e01a3a), var(--site-red, #c8102e)) !important;
  border: none !important;
  box-shadow: 0 6px 20px rgba(200, 16, 46, 0.35) !important;
}

html[data-admin-theme] .msg-compose__icon .material-symbols-outlined {
  color: #fff !important;
  background: transparent !important;
  font-size: 28px !important;
}

html[data-admin-theme="light"] .page-messages .msg-compose__icon {
  background: linear-gradient(135deg, var(--accent-hover, #e01a3a), var(--site-red, #c8102e)) !important;
}

html[data-admin-theme="light"] .page-messages .msg-compose__icon .material-symbols-outlined,
html[data-admin-theme="light"] .page-messages .btn-msg-send .material-symbols-outlined,
html[data-admin-theme="light"] .page-messages .msg-chip--active .material-symbols-outlined {
  color: #fff !important;
  background: transparent !important;
}

html[data-admin-theme="light"] .page-messages .msg-field label .material-symbols-outlined,
html[data-admin-theme="light"] .page-messages .msg-inbox__head h3 .material-symbols-outlined,
html[data-admin-theme="light"] .page-messages .msg-stat__icon .material-symbols-outlined,
html[data-admin-theme="light"] .page-messages .msg-search .material-symbols-outlined,
html[data-admin-theme="light"] .page-messages .btn-msg-action .material-symbols-outlined {
  color: var(--site-red) !important;
  background: transparent !important;
}

html[data-admin-theme="light"] .page-messages .msg-card__subject,
html[data-admin-theme="light"] .page-messages .msg-detail__head h4,
html[data-admin-theme="light"] .page-messages .msg-detail__body {
  color: var(--ux-text) !important;
}

html[data-admin-theme="light"] .page-messages .msg-compose,
html[data-admin-theme="light"] .page-messages .msg-inbox,
html[data-admin-theme="light"] .page-messages .msg-card,
html[data-admin-theme="light"] .page-messages .msg-detail {
  background: var(--ux-card) !important;
  border-color: var(--ux-border) !important;
}

html[data-admin-theme="light"] .prop-modal .modal-content,
html[data-admin-theme="light"] .av-modal .modal-content {
  background: var(--ux-card) !important;
  color: var(--ux-text) !important;
}

/* ========== LIGHT THEME — Availability grid ========== */
html[data-admin-theme="light"] .av-grid-table th,
html[data-admin-theme="light"] .av-grid-table td {
  border-bottom-color: var(--ux-border) !important;
}

html[data-admin-theme="light"] .av-grid-table thead th {
  background: linear-gradient(180deg, #f0f2f8 0%, #e8ebf2 100%) !important;
  box-shadow: 0 4px 12px rgba(26, 35, 70, 0.06) !important;
}

html[data-admin-theme="light"] .page-availability .av-grid-table tbody td.av-grid-room-col {
  background: #ffffff !important;
  box-shadow: 2px 0 8px rgba(26, 35, 70, 0.04) !important;
}

html[data-admin-theme="light"] .page-availability .av-grid-row--alt td.av-grid-room-col {
  background: #f6f8fb !important;
}

html[data-admin-theme="light"] .av-grid-room-card {
  background: var(--ux-card-hover) !important;
  border-color: var(--ux-border) !important;
}

html[data-admin-theme="light"] .av-grid-day-head strong {
  color: var(--ux-text) !important;
}

html[data-admin-theme="light"] .page-availability .av-grid-table tbody .av-grid-room-num {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html[data-admin-theme="light"] .av-grid-room-info small,
html[data-admin-theme="light"] .av-grid-day-head span {
  color: var(--ux-muted) !important;
}

html[data-admin-theme="light"] .page-availability .av-grid-room-label {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html[data-admin-theme="light"] .page-availability .av-grid-table tbody .av-grid-room-meta {
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
}

html[data-admin-theme="light"] .av-grid-month {
  color: var(--site-red) !important;
}

html[data-admin-theme="light"] .av-grid-cell-inner--free {
  background: rgba(52, 211, 153, 0.12) !important;
  color: #059669 !important;
}

html[data-admin-theme="light"] .bk-type-chip--registered {
  color: #15803d !important;
}

html[data-admin-theme="light"] .bk-type-chip--anon {
  color: #a16207 !important;
}

html[data-admin-theme="light"] .bk-prepay-switch__ui {
  background: rgba(0, 0, 0, 0.08) !important;
  border-color: var(--ux-border-strong) !important;
}

html[data-admin-theme="light"] .ux-user .material-symbols-outlined {
  color: var(--ux-muted) !important;
}

/* ========== LIGHT THEME — Overview dashboard ========== */
html[data-admin-theme="light"] .stat-card {
  background: var(--ux-card) !important;
  border-color: var(--ux-border) !important;
  box-shadow: var(--ux-shadow) !important;
}

html[data-admin-theme="light"] .stat-card__label,
html[data-admin-theme="light"] .stat-card__hint {
  color: var(--ux-muted) !important;
}

html[data-admin-theme="light"] .stat-card__value {
  color: var(--ux-text) !important;
}

html[data-admin-theme="light"] .stat-card__icon {
  border-color: var(--ux-border) !important;
}

html[data-admin-theme="light"] .stat-card--blue .stat-card__icon,
html[data-admin-theme="light"] .stat-card--cyan .stat-card__icon,
html[data-admin-theme="light"] .stat-card--violet .stat-card__icon,
html[data-admin-theme="light"] .stat-card--emerald .stat-card__icon {
  color: var(--site-red) !important;
  background: var(--accent-dim) !important;
}

html[data-admin-theme="light"] .btn-refresh-hero {
  background: var(--ux-input-bg) !important;
  border-color: var(--ux-border-strong) !important;
  color: var(--ux-text) !important;
}

html[data-admin-theme="light"] .overview-panel__title h3 .material-symbols-outlined {
  color: var(--site-red) !important;
}

html[data-admin-theme="light"] .ov-pay-kpi strong,
html[data-admin-theme="light"] .ov-pay-kpi span {
  color: var(--ux-text) !important;
}

/* ========== LIGHT THEME — AdminUX header & metrics (fix adminux.css) ========== */
html[data-admin-theme="light"] .ux-search {
  background: var(--ux-input-bg) !important;
  border-color: var(--ux-border-strong) !important;
}

html[data-admin-theme="light"] .ux-search .material-symbols-outlined {
  color: var(--site-red) !important;
}

html[data-admin-theme="light"] .ux-icon-btn {
  background: var(--ux-card-hover) !important;
  border-color: var(--ux-border-strong) !important;
  color: var(--site-red) !important;
}

html[data-admin-theme="light"] .ux-icon-btn:hover,
html[data-admin-theme="light"] .ux-icon-btn.is-active {
  color: var(--site-red) !important;
  background: var(--accent-dim) !important;
  border-color: rgba(200, 16, 46, 0.25) !important;
}

html[data-admin-theme="light"] #uxMsgBadge.is-visible,
html[data-admin-theme="light"] #uxNotifBadge.is-visible {
  background: var(--site-red) !important;
}

html[data-admin-theme="light"] .ux-user {
  background: var(--ux-card-hover) !important;
  border-color: var(--ux-border-strong) !important;
}

html[data-admin-theme="light"] .ux-user__avatar {
  background: linear-gradient(180deg, #e01a3a 0%, var(--site-red) 100%) !important;
}

html[data-admin-theme="light"] .ux-tabs {
  background: var(--ux-input-bg) !important;
  border-color: var(--ux-border) !important;
}

html[data-admin-theme="light"] .ux-tab {
  color: var(--ux-muted) !important;
}

html[data-admin-theme="light"] .ux-tab.is-active,
html[data-admin-theme="light"] .ux-tab:hover {
  background: var(--site-red) !important;
  color: #fff !important;
}

html[data-admin-theme="light"] .ux-date-pill {
  color: var(--ux-text) !important;
}

html[data-admin-theme="light"] .ux-date-pill .material-symbols-outlined {
  color: var(--site-red) !important;
}

html[data-admin-theme="light"] .ux-metric__value {
  color: var(--ux-text) !important;
}

html[data-admin-theme="light"] .ux-metric__label {
  color: var(--ux-muted) !important;
  opacity: 1 !important;
}

html[data-admin-theme="light"] .ux-metric__hint {
  color: var(--ux-muted) !important;
  opacity: 1 !important;
}

html[data-admin-theme="light"] .ux-metric__badge {
  background: var(--accent-dim) !important;
  color: var(--site-red) !important;
}

html[data-admin-theme="light"] .ux-metric--profit {
  background: var(--ux-card) !important;
  border-top: 3px solid var(--site-red) !important;
}

html[data-admin-theme="light"] .ux-metric--loss {
  background: var(--ux-card) !important;
  border-top: 3px solid var(--site-red-dark) !important;
}

html[data-admin-theme="light"] .ux-metric--loss .ux-metric__value,
html[data-admin-theme="light"] .ux-metric--loss .ux-metric__label,
html[data-admin-theme="light"] .ux-metric--loss .ux-metric__hint {
  color: var(--ux-text) !important;
}

html[data-admin-theme="light"] .ux-mini-bars span {
  background: linear-gradient(180deg, var(--site-red), rgba(200, 16, 46, 0.3)) !important;
}

html[data-admin-theme="light"] .overview-table-wrap,
html[data-admin-theme="light"] .pay-table-wrap,
html[data-admin-theme="light"] .bk-table-wrap,
html[data-admin-theme="light"] .pg-table-wrap,
html[data-admin-theme="light"] .table-wrap {
  background: var(--ux-input-bg) !important;
  border-color: var(--ux-border) !important;
}

html[data-admin-theme="light"] .overview-table th,
html[data-admin-theme="light"] .pay-table th,
html[data-admin-theme="light"] .bk-table th,
html[data-admin-theme="light"] .pg-table th {
  background: var(--ux-table-head) !important;
  color: var(--ux-muted) !important;
}

html[data-admin-theme="light"] .quick-action {
  background: var(--ux-card-hover) !important;
  color: var(--ux-text) !important;
}

html[data-admin-theme="light"] .quick-action:hover {
  background: var(--accent-dim) !important;
  border-color: rgba(200, 16, 46, 0.2) !important;
  color: var(--site-red) !important;
}

html[data-admin-theme="light"] .quick-action__text strong {
  color: var(--ux-text) !important;
}

html[data-admin-theme="light"] .health-item {
  background: var(--ux-card-hover) !important;
  color: var(--ux-text) !important;
}

html[data-admin-theme="light"] .health-item strong {
  color: var(--ux-text) !important;
}

html[data-admin-theme="light"] .ux-fab {
  background: linear-gradient(180deg, #e01a3a 0%, var(--site-red) 100%) !important;
  box-shadow: 0 8px 24px rgba(200, 16, 46, 0.35) !important;
}

html[data-admin-theme="light"] .ux-fab--chat,
html[data-admin-theme="light"] .ux-fab--settings {
  background: linear-gradient(180deg, #e01a3a 0%, var(--site-red) 100%) !important;
}

html[data-admin-theme="light"] .bk-panel__title h3 .material-symbols-outlined,
html[data-admin-theme="light"] .btn-bk-refresh:hover .material-symbols-outlined {
  color: var(--site-red) !important;
}

/* ========== LIGHT THEME — Все иконки и текст на страницах ========== */
html[data-admin-theme="light"] .content h1,
html[data-admin-theme="light"] .content h2,
html[data-admin-theme="light"] .content h3,
html[data-admin-theme="light"] .content h4,
html[data-admin-theme="light"] .content strong {
  color: var(--ux-text);
}

html[data-admin-theme="light"] .content .material-symbols-outlined {
  color: var(--site-red) !important;
}

html[data-admin-theme="light"] .menu-item.active .material-symbols-outlined,
html[data-admin-theme="light"] .btn-primary .material-symbols-outlined,
html[data-admin-theme="light"] .btn-pay-generate .material-symbols-outlined,
html[data-admin-theme="light"] .btn-pay-primary .material-symbols-outlined,
html[data-admin-theme="light"] .ux-tab.is-active .material-symbols-outlined,
html[data-admin-theme="light"] [class*="--active"] .material-symbols-outlined,
html[data-admin-theme="light"] .av-chip--active .material-symbols-outlined,
html[data-admin-theme="light"] .bk-chip--active .material-symbols-outlined,
html[data-admin-theme="light"] .pay-chip--active .material-symbols-outlined {
  color: #fff !important;
}

/* Properties — icons on red/dark surfaces stay white */
html[data-admin-theme="light"] .page-properties .prop-card__site-badge .material-symbols-outlined,
html[data-admin-theme="light"] .page-properties .prop-card__photos-badge .material-symbols-outlined,
html[data-admin-theme="light"] .page-properties .prop-card__city-badge .material-symbols-outlined,
html[data-admin-theme="light"] .page-properties .btn-prop-site .material-symbols-outlined,
html[data-admin-theme="light"] .page-properties .btn-prop-create .material-symbols-outlined,
html[data-admin-theme="light"] .page-properties .prop-create__head-icon .material-symbols-outlined,
html[data-admin-theme="light"] .page-properties .prop-view-btn--active .material-symbols-outlined,
html[data-admin-theme="light"] .page-properties .prop-chip--active .material-symbols-outlined,
html[data-admin-theme="light"] .page-properties .prop-card__link--site:hover .material-symbols-outlined {
  color: #fff !important;
}

html[data-admin-theme="light"] .page-properties .prop-card__row .material-symbols-outlined,
html[data-admin-theme="light"] .page-properties .prop-card__type-pill .material-symbols-outlined,
html[data-admin-theme="light"] .page-properties .prop-card__link .material-symbols-outlined,
html[data-admin-theme="light"] .page-properties .prop-kpi__icon .material-symbols-outlined,
html[data-admin-theme="light"] .page-properties .prop-catalog__head h3 .material-symbols-outlined {
  color: var(--site-red) !important;
}

html[data-admin-theme="light"] .content p,
html[data-admin-theme="light"] .content small,
html[data-admin-theme="light"] .content label,
html[data-admin-theme="light"] .content span {
  color: inherit;
}

html[data-admin-theme="light"] [class*="__sub"],
html[data-admin-theme="light"] [class*="__meta"],
html[data-admin-theme="light"] [class*="-updated"],
html[data-admin-theme="light"] [class*="-muted"],
html[data-admin-theme="light"] [class*="__hint"],
html[data-admin-theme="light"] [class*="__label"]:not(.form-label):not(.hr-card__label),
html[data-admin-theme="light"] [class*="stat__body"] small,
html[data-admin-theme="light"] [class*="stat__body"] p,
html[data-admin-theme="light"] [class*="compose__head"] p,
html[data-admin-theme="light"] [class*="panel__meta"],
html[data-admin-theme="light"] [class*="field"] label {
  color: var(--ux-muted) !important;
}

html[data-admin-theme="light"] [class*="updated"] strong,
html[data-admin-theme="light"] [class*="stat__body"] h4,
html[data-admin-theme="light"] [class*="stat__value"],
html[data-admin-theme="light"] [class*="room-num"],
html[data-admin-theme="light"] [class*="guest-name"],
html[data-admin-theme="light"] [class*="compose__head"] h3 {
  color: var(--ux-text) !important;
}

html[data-admin-theme="light"] [class*="-stat"],
html[data-admin-theme="light"] [class*="-compose"],
html[data-admin-theme="light"] [class*="-thread"],
html[data-admin-theme="light"] [class*="-list-panel"],
html[data-admin-theme="light"] [class*="-detail-panel"] {
  background: var(--ux-card) !important;
  border-color: var(--ux-border) !important;
  box-shadow: var(--ux-shadow) !important;
}

html[data-admin-theme="light"] [class*="stat__icon"],
html[data-admin-theme="light"] [class*="compose__icon"],
html[data-admin-theme="light"] [class*="panel__title"] .material-symbols-outlined,
html[data-admin-theme="light"] [class*="hero__steps"] .material-symbols-outlined {
  background: var(--accent-dim) !important;
  color: var(--site-red) !important;
}

html[data-admin-theme="light"] [class*="stat__icon"] .material-symbols-outlined,
html[data-admin-theme="light"] [class*="compose__icon"] .material-symbols-outlined {
  color: var(--site-red) !important;
}

html[data-admin-theme="light"] .sidebar-footer-card strong {
  color: var(--ux-text) !important;
}

html[data-admin-theme="light"] .menu-item__icon .material-symbols-outlined {
  color: var(--site-red) !important;
}

html[data-admin-theme="light"] a.menu-item:hover .menu-item__icon .material-symbols-outlined {
  color: var(--site-red-dark) !important;
}

/* Сброс «бледного» текста, заточенного под тёмный фон */
html[data-admin-theme="light"] .content [class*="hero"] h2,
html[data-admin-theme="light"] .content [class*="card__title"],
html[data-admin-theme="light"] .content [class*="card__name"],
html[data-admin-theme="light"] .content .av-table td,
html[data-admin-theme="light"] .content .prop-table td,
html[data-admin-theme="light"] .content .ntf-item__title,
html[data-admin-theme="light"] .content .msg-item__title,
html[data-admin-theme="light"] .content .doc-item__title,
html[data-admin-theme="light"] .content .hr-emp__name {
  color: var(--ux-text) !important;
}

html[data-admin-theme="light"] .content [class*="price"],
html[data-admin-theme="light"] .content [class*="badge"]:not([class*="status"]) {
  color: var(--site-red) !important;
}

/* ========== Таблица оплат (обзор) — всегда светлая карточка ========== */
html[data-admin-theme] .ov-payments-box {
  background: #ffffff !important;
  border-color: rgba(26, 35, 70, 0.1) !important;
  box-shadow: inset 0 3px 0 var(--site-red), 0 8px 32px rgba(26, 35, 70, 0.08) !important;
  color: #1a2346;
}

html[data-admin-theme] .ov-payments-box__head h3,
html[data-admin-theme] .ov-pay-kpi strong,
html[data-admin-theme] .ov-payments-empty h4 {
  color: #1a2346 !important;
}

html[data-admin-theme] .ov-payments-box__meta,
html[data-admin-theme] .ov-pay-kpi small,
html[data-admin-theme] .ov-payments-empty {
  color: #5c6478 !important;
}

html[data-admin-theme] .ov-pay-kpi {
  background: #f0f3f9 !important;
  border-color: rgba(26, 35, 70, 0.1) !important;
}

html[data-admin-theme] .ov-payments-search {
  background: #ffffff !important;
  border-color: rgba(26, 35, 70, 0.1) !important;
}

html[data-admin-theme] .ov-payments-search input {
  color: #1a2346 !important;
}

html[data-admin-theme] .ov-pay-chip {
  background: #ffffff !important;
  border-color: rgba(26, 35, 70, 0.1) !important;
  color: #5c6478 !important;
}

html[data-admin-theme] .ov-payments-table-wrap {
  background: #f8f9fc !important;
  border-color: rgba(26, 35, 70, 0.1) !important;
}

html[data-admin-theme] .ov-payments-table thead tr,
html[data-admin-theme] .ov-payments-table thead th {
  background: linear-gradient(180deg, #f6f8fc 0%, #eef1f7 100%) !important;
  color: #64748b !important;
  border-bottom: 2px solid rgba(200, 16, 46, 0.14) !important;
}

html[data-admin-theme] .ov-pay-th .material-symbols-outlined {
  color: var(--site-red) !important;
}

html[data-admin-theme] .ov-payments-table tbody td {
  background: #ffffff !important;
  color: #1a2346 !important;
  border-color: rgba(26, 35, 70, 0.1) !important;
}

html[data-admin-theme] .ov-payments-table .ov-pay-row:hover td {
  background: rgba(200, 16, 46, 0.04) !important;
}

html[data-admin-theme] .pay-date-cell__day,
html[data-admin-theme] .pay-tx-invoice,
html[data-admin-theme] .pay-stay-cell,
html[data-admin-theme] .ov-pay-guest__body strong {
  color: #1a2346 !important;
}

html[data-admin-theme] .pay-date-cell__time,
html[data-admin-theme] .pay-tx-order,
html[data-admin-theme] .ov-payments-box .overview-muted,
html[data-admin-theme] .ov-pay-guest__body small,
html[data-admin-theme] .ov-pay-amount__cur {
  color: #64748b !important;
}

html[data-admin-theme] .ov-payments-table .ov-pay-col--amount strong {
  color: var(--site-red) !important;
}

html[data-admin-theme] .ov-payments-empty .material-symbols-outlined {
  color: var(--site-red) !important;
}

/* ========== LIGHT THEME — Таблица оплат (обзор + оплаты) ========== */
html[data-admin-theme="light"] .ov-payments-box {
  background: var(--ux-card) !important;
  border-color: var(--ux-border) !important;
  box-shadow: inset 0 3px 0 var(--site-red), var(--ux-shadow) !important;
}

html[data-admin-theme="light"] .ov-pay-kpi {
  background: var(--ux-card-hover) !important;
  border-color: var(--ux-border) !important;
}

html[data-admin-theme="light"] .ov-pay-kpi strong {
  color: var(--ux-text) !important;
}

html[data-admin-theme="light"] .ov-pay-kpi--sum strong {
  color: var(--site-red) !important;
}

html[data-admin-theme="light"] .ov-payments-table-wrap {
  background: var(--ux-input-bg) !important;
  border-color: var(--ux-border) !important;
}

html[data-admin-theme="dark"] .ov-payments-table thead tr,
html[data-admin-theme="dark"] .ov-payments-table thead th,
html[data-admin-theme="light"] .ov-payments-table thead tr,
html[data-admin-theme="light"] .ov-payments-table thead th {
  background: linear-gradient(180deg, #f6f8fc 0%, #eef1f7 100%) !important;
  color: #64748b !important;
  border-bottom: 2px solid rgba(200, 16, 46, 0.14) !important;
}

html[data-admin-theme="light"] .ov-payments-table td {
  color: var(--ux-text) !important;
  border-bottom-color: var(--ux-border) !important;
}

html[data-admin-theme="light"] .ov-payments-table tr:hover td {
  background: var(--ux-table-hover) !important;
}

html[data-admin-theme="light"] .pay-date-cell__day,
html[data-admin-theme="light"] .pay-tx-invoice,
html[data-admin-theme="light"] .ov-payments-table .ov-pay-col--amount strong {
  color: var(--ux-text) !important;
}

html[data-admin-theme="light"] .ov-payments-table .ov-pay-col--amount strong {
  color: var(--site-red) !important;
}

html[data-admin-theme="light"] .pay-date-cell__time,
html[data-admin-theme="light"] .pay-tx-order,
html[data-admin-theme="light"] .overview-muted {
  color: var(--ux-muted) !important;
}

html[data-admin-theme="light"] .pay-date-cell__icon,
html[data-admin-theme="light"] .pay-stay-cell__icon {
  color: var(--site-red) !important;
  background: var(--accent-dim) !important;
}

html[data-admin-theme="light"] .ov-payments-empty h4 {
  color: var(--ux-text) !important;
}

html[data-admin-theme="light"] .ov-payments-empty .material-symbols-outlined {
  color: var(--site-red) !important;
}

html[data-admin-theme="light"] .overview-booking-link,
html[data-admin-theme="light"] .pay-booking-link {
  color: var(--site-red) !important;
}

/* ========== LIGHT + DARK — Страница бронирований ========== */
html[data-admin-theme] .page-bookings .bk-hero h2,
html[data-admin-theme] .page-bookings .bk-guest__name,
html[data-admin-theme] .page-bookings .bk-booking-num,
html[data-admin-theme] .page-bookings .bk-date-cell strong,
html[data-admin-theme] .page-bookings .bk-prepay-panel__info strong {
  color: var(--ux-text) !important;
}

html[data-admin-theme] .page-bookings .bk-filter-card,
html[data-admin-theme] .page-bookings .bk-card__guest,
html[data-admin-theme] .page-bookings .bk-room {
  background: var(--ux-input-bg) !important;
  border-color: var(--ux-border) !important;
}

html[data-admin-theme] .page-bookings .bk-card {
  background: var(--ux-card) !important;
  border-color: var(--ux-border-strong) !important;
  color: var(--ux-text) !important;
}

html[data-admin-theme] .page-bookings .bk-card:hover,
html[data-admin-theme] .page-bookings .bk-card--highlight {
  border-color: rgba(200, 16, 46, 0.35) !important;
}

html[data-admin-theme] .page-bookings .bk-card__value,
html[data-admin-theme] .page-bookings .bk-card__num strong {
  color: var(--ux-text) !important;
}

html[data-admin-theme] .page-bookings .bk-card__num-icon,
html[data-admin-theme] .page-bookings .bk-date-cell__icon,
html[data-admin-theme] .page-bookings .bk-room__icon {
  background: var(--accent-dim) !important;
}

html[data-admin-theme] .page-bookings .bk-card__num-icon .material-symbols-outlined,
html[data-admin-theme] .page-bookings .bk-card__label .material-symbols-outlined,
html[data-admin-theme] .page-bookings .bk-date-cell__icon .material-symbols-outlined,
html[data-admin-theme] .page-bookings .bk-room__icon .material-symbols-outlined {
  color: var(--site-red) !important;
}

html[data-admin-theme] .page-bookings .btn-bk-primary .material-symbols-outlined {
  color: #fff !important;
}

html[data-admin-theme="light"] .page-bookings .bk-hero {
  background:
    linear-gradient(120deg, var(--accent-dim) 0%, transparent 42%),
    linear-gradient(160deg, #ffffff 0%, #f8f9fc 55%, #eef1f8 100%) !important;
  border-color: rgba(200, 16, 46, 0.14) !important;
  box-shadow: 0 8px 32px rgba(26, 35, 70, 0.08) !important;
}

html[data-admin-theme="light"] .page-bookings .bk-badge {
  color: var(--site-red) !important;
}

html[data-admin-theme="light"] .page-bookings .bk-prepay-panel {
  background: linear-gradient(135deg, rgba(200, 16, 46, 0.08), rgba(224, 26, 58, 0.03)) !important;
}

html[data-admin-theme="light"] .page-bookings .bk-status-chip--default {
  background: var(--ux-card-hover) !important;
  color: var(--ux-muted) !important;
  border-color: var(--ux-border) !important;
}

html[data-admin-theme="light"] .page-bookings .bk-nights {
  background: var(--accent-dim) !important;
  color: var(--site-red) !important;
  border-color: rgba(200, 16, 46, 0.2) !important;
}

html[data-admin-theme="light"] .page-bookings .bk-card {
  box-shadow: 0 6px 24px rgba(26, 35, 70, 0.08) !important;
}

html[data-admin-theme="light"] .page-bookings .bk-card__foot {
  border-top-color: var(--ux-border) !important;
}

html[data-admin-theme="light"] .page-bookings .bk-card__amount {
  color: var(--site-red) !important;
}

html[data-admin-theme="light"] .page-bookings .btn-bk-refresh {
  background: var(--ux-input-bg) !important;
  border-color: var(--ux-border-strong) !important;
  color: var(--ux-text) !important;
}

html[data-admin-theme="light"] .page-bookings .btn-bk-refresh:hover {
  background: var(--accent-dim) !important;
  color: var(--site-red) !important;
}

/* Bookings cards — layout must survive cache / cascade issues */
html[data-admin-theme] .page-bookings .bk-cards-shell {
  display: block !important;
  width: 100% !important;
}

html[data-admin-theme] .page-bookings .bk-cards-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)) !important;
  gap: 18px !important;
  width: 100% !important;
}

html[data-admin-theme] .page-bookings .bk-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  padding: 20px !important;
  border-radius: 18px !important;
  border: 2px solid var(--ux-border-strong) !important;
  background: var(--ux-card) !important;
  box-shadow: var(--ux-shadow) !important;
  width: 100% !important;
  min-width: 0 !important;
}

html[data-admin-theme] .page-bookings .bk-card__head,
html[data-admin-theme] .page-bookings .bk-card__guest,
html[data-admin-theme] .page-bookings .bk-card__foot {
  display: flex !important;
}

html[data-admin-theme] .page-bookings .bk-card__grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px 14px !important;
}

html[data-admin-theme] .page-bookings .bk-card__field {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  min-width: 0 !important;
}

html[data-admin-theme] .page-bookings .bk-card__label {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

html[data-admin-theme] .page-bookings .bk-card__value {
  display: block !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
  background: var(--ux-input-bg) !important;
  border: 1px solid var(--ux-border) !important;
  color: var(--ux-text) !important;
}

html[data-admin-theme] .page-bookings .bk-card__booking-no,
html[data-admin-theme] .page-bookings .bk-guest__name {
  color: var(--ux-text) !important;
}

html[data-admin-theme] .page-bookings .bk-card__booking-id {
  color: var(--ux-muted) !important;
}

html[data-admin-theme] .page-bookings .bk-card__value .bk-date-cell {
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

html[data-admin-theme] .page-bookings .material-symbols-outlined {
  font-family: "Material Symbols Outlined" !important;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24 !important;
  -webkit-font-feature-settings: "liga" !important;
  font-feature-settings: "liga" !important;
  line-height: 1 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

html[data-admin-theme] .page-bookings .bk-card__label-ico.material-symbols-outlined {
  background: var(--accent-dim) !important;
  color: var(--site-red) !important;
}

html[data-admin-theme] .page-bookings .bk-card__num-icon .material-symbols-outlined,
html[data-admin-theme] .page-bookings .bk-date-cell__icon .material-symbols-outlined,
html[data-admin-theme] .page-bookings .bk-card__amount .material-symbols-outlined {
  color: var(--site-red) !important;
}

html[data-admin-theme] .page-bookings .btn-bk-primary .material-symbols-outlined,
html[data-admin-theme] .page-bookings .bk-chip--active .material-symbols-outlined {
  color: #fff !important;
}

html[data-admin-theme="light"] .page-bookings .bk-card {
  background: #ffffff !important;
  border-color: rgba(26, 35, 70, 0.12) !important;
  box-shadow: 0 8px 28px rgba(26, 35, 70, 0.1) !important;
}

html[data-admin-theme="light"] .page-bookings .bk-card__value {
  background: #f4f6fb !important;
  border-color: rgba(26, 35, 70, 0.1) !important;
}

html[data-admin-theme="light"] .page-bookings .bk-card__guest {
  background: #f8f9fc !important;
}

/* ========== HR — список сотрудников ========== */
html[data-admin-theme] .page-hr .hr-staff-list,
html[data-admin-theme] .page-hr .hr-cards-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
}

html[data-admin-theme] .page-hr .hr-emp {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  border-radius: 14px !important;
  border: 1px solid var(--ux-border-strong) !important;
  background: var(--ux-card) !important;
  box-shadow: var(--ux-shadow) !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

html[data-admin-theme] .page-hr .hr-emp__main,
html[data-admin-theme] .page-hr .hr-emp__identity,
html[data-admin-theme] .page-hr .hr-emp__tags,
html[data-admin-theme] .page-hr .hr-emp__facts,
html[data-admin-theme] .page-hr .hr-emp__foot,
html[data-admin-theme] .page-hr .hr-emp__access,
html[data-admin-theme] .page-hr .hr-fact,
html[data-admin-theme] .page-hr .hr-admin-badge {
  display: flex !important;
}

html[data-admin-theme] .page-hr .hr-emp__body,
html[data-admin-theme] .page-hr .hr-emp__finance {
  display: grid !important;
}

html[data-admin-theme] .page-hr .hr-emp__finance {
  display: flex !important;
}

html[data-admin-theme] .page-hr .hr-emp__name,
html[data-admin-theme] .page-hr .hr-fin__value {
  color: var(--ux-text) !important;
}

html[data-admin-theme] .page-hr .hr-fact__icon {
  background: var(--accent-dim) !important;
}

html[data-admin-theme] .page-hr .hr-fact__icon .material-symbols-outlined,
html[data-admin-theme] .page-hr .hr-btn-access .material-symbols-outlined,
html[data-admin-theme] .page-hr .hr-admin-badge .material-symbols-outlined {
  color: var(--site-red) !important;
}

html[data-admin-theme] .page-hr .material-symbols-outlined {
  font-family: "Material Symbols Outlined" !important;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24 !important;
  -webkit-font-feature-settings: "liga" !important;
  font-feature-settings: "liga" !important;
  line-height: 1 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

html[data-admin-theme] .page-hr .btn-hr-add .material-symbols-outlined,
html[data-admin-theme] .page-hr .hr-chip--active .material-symbols-outlined,
html[data-admin-theme] .page-hr .hr-tab--active .material-symbols-outlined {
  color: #fff !important;
}

html[data-admin-theme="light"] .page-hr .hr-row-btn--edit {
  background: #f1f5f9 !important;
  border-color: #94a3b8 !important;
  color: #334155 !important;
}

html[data-admin-theme="light"] .page-hr .hr-row-btn--pay {
  background: #d1fae5 !important;
  border-color: #34d399 !important;
  color: #047857 !important;
}

html[data-admin-theme="light"] .page-hr .hr-tab:not(.hr-tab--active) {
  background: #fff !important;
  border-color: #cbd5e1 !important;
  color: #334155 !important;
}

html[data-admin-theme="light"] .page-hr .hr-tab--active {
  box-shadow: 0 2px 6px rgba(200, 16, 46, 0.18) !important;
}

html[data-admin-theme="light"] .page-hr .hr-emp {
  background: #ffffff !important;
  border-color: rgba(26, 35, 70, 0.12) !important;
  box-shadow: 0 8px 28px rgba(26, 35, 70, 0.1) !important;
}

html[data-admin-theme="light"] .page-hr .hr-emp__foot {
  background: #f4f6fb !important;
  border-top-color: rgba(26, 35, 70, 0.1) !important;
}

html[data-admin-theme="light"] .page-hr .hr-emp__finance {
  background: #f8f9fc !important;
  border-color: rgba(26, 35, 70, 0.1) !important;
}

html[data-admin-theme="light"] .page-hr .hr-fin--net .hr-fin__value {
  color: #0d9f6e !important;
}

/* ========== Documents — upload panel ========== */
html[data-admin-theme] .page-documents .doc-upload {
  background: var(--ux-card) !important;
  border-color: var(--ux-border) !important;
  box-shadow: var(--ux-shadow) !important;
}

html[data-admin-theme] .page-documents .doc-upload__head h3,
html[data-admin-theme] .page-documents .doc-upload__head p,
html[data-admin-theme] .page-documents .doc-field label,
html[data-admin-theme] .page-documents .doc-file-drop p,
html[data-admin-theme] .page-documents .doc-file-drop small {
  color: var(--ux-muted) !important;
}

html[data-admin-theme] .page-documents .doc-upload__head h3,
html[data-admin-theme] .page-documents .doc-file-drop p {
  color: var(--ux-text) !important;
}

html[data-admin-theme] .page-documents .doc-field .form-control,
html[data-admin-theme] .page-documents .doc-field .form-select,
html[data-admin-theme] .page-documents .doc-file-drop {
  background: var(--ux-input-bg) !important;
  border-color: var(--ux-border-strong) !important;
  color: var(--ux-text) !important;
}

html[data-admin-theme] .page-documents .doc-file-drop {
  border-style: dashed !important;
  border-color: rgba(200, 16, 46, 0.28) !important;
}

html[data-admin-theme] .page-documents .doc-field .form-control:focus,
html[data-admin-theme] .page-documents .doc-field .form-select:focus {
  border-color: var(--site-red) !important;
  box-shadow: 0 0 0 3px rgba(200, 16, 46, 0.15) !important;
}

html[data-admin-theme] .page-documents .btn-doc-upload {
  background: linear-gradient(135deg, var(--accent-hover), var(--site-red)) !important;
  color: #fff !important;
}

html[data-admin-theme] .page-documents .btn-doc-upload .material-symbols-outlined,
html[data-admin-theme] .page-documents .doc-chip--active .material-symbols-outlined {
  color: #fff !important;
}

html[data-admin-theme] .page-documents .doc-field label .material-symbols-outlined,
html[data-admin-theme] .page-documents .doc-file-drop .material-symbols-outlined,
html[data-admin-theme] .page-documents .doc-file-drop__ico,
html[data-admin-theme] .page-documents .doc-mini-stat .material-symbols-outlined,
html[data-admin-theme] .page-documents .doc-panel__title h3 .material-symbols-outlined,
html[data-admin-theme] .page-documents .doc-topbar__refresh .material-symbols-outlined,
html[data-admin-theme] .page-documents .doc-empty-state .material-symbols-outlined {
  color: var(--site-red) !important;
  font-family: "Material Symbols Outlined" !important;
}

html[data-admin-theme="light"] .page-documents .doc-upload {
  background: #ffffff !important;
  border-color: rgba(26, 35, 70, 0.12) !important;
}

html[data-admin-theme="light"] .page-documents .doc-field .form-control,
html[data-admin-theme="light"] .page-documents .doc-field .form-select {
  background: #f4f6fb !important;
  border-color: rgba(26, 35, 70, 0.12) !important;
  color: #1a2346 !important;
}

html[data-admin-theme="light"] .page-documents .doc-file-drop {
  background: #f8f9fc !important;
  border-color: rgba(200, 16, 46, 0.22) !important;
}

html[data-admin-theme="light"] .page-documents .doc-file-drop:hover,
html[data-admin-theme="light"] .page-documents .doc-file-drop.is-dragover {
  background: var(--accent-dim) !important;
}

/* ========== Documents — карточки реестра ========== */
html[data-admin-theme] .page-documents .doc-cards-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
}

html[data-admin-theme] .page-documents .doc-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  padding: 18px !important;
  border-radius: 16px !important;
  border: 2px solid var(--ux-border-strong) !important;
  background: var(--ux-card) !important;
  box-shadow: var(--ux-shadow) !important;
  width: 100% !important;
  min-width: 0 !important;
}

html[data-admin-theme] .page-documents .doc-card__head,
html[data-admin-theme] .page-documents .doc-card__label {
  display: flex !important;
}

html[data-admin-theme] .page-documents .doc-card__grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px 12px !important;
}

html[data-admin-theme] .page-documents .doc-card__field {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
}

html[data-admin-theme] .page-documents .doc-card__field--wide {
  grid-column: 1 / -1 !important;
}

html[data-admin-theme] .page-documents .doc-card__value {
  display: block !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  background: var(--ux-input-bg) !important;
  border: 1px solid var(--ux-border) !important;
  color: var(--ux-text) !important;
}

html[data-admin-theme] .page-documents .doc-card__name,
html[data-admin-theme] .page-documents .doc-card__file {
  color: var(--ux-text) !important;
}

html[data-admin-theme] .page-documents .doc-card__file {
  color: var(--ux-muted) !important;
}

html[data-admin-theme] .page-documents .doc-card__type-ico,
html[data-admin-theme] .page-documents .doc-card__label-ico {
  background: var(--accent-dim) !important;
}

html[data-admin-theme] .page-documents .doc-card__type-ico .material-symbols-outlined,
html[data-admin-theme] .page-documents .doc-card__label-ico .material-symbols-outlined {
  color: var(--site-red) !important;
}

html[data-admin-theme="light"] .page-documents .doc-card {
  background: #ffffff !important;
  border-color: rgba(26, 35, 70, 0.12) !important;
  box-shadow: 0 8px 28px rgba(26, 35, 70, 0.1) !important;
}

html[data-admin-theme="light"] .page-documents .doc-card__value {
  background: #f4f6fb !important;
  border-color: rgba(26, 35, 70, 0.1) !important;
  color: #1a2346 !important;
}

html[data-admin-theme="light"] .page-documents .doc-card__name {
  color: #1a2346 !important;
}

/* Шахматка — колонка номеров: чёрный текст, без оверлея */
html[data-admin-theme="light"] .page-availability .av-grid-shell::before {
  display: none !important;
}

html[data-admin-theme="light"] .page-availability .av-grid-table tbody td.av-grid-room-col,
html[data-admin-theme="light"] .page-availability .av-grid-table tbody td.av-grid-room-col .av-grid-room-cell,
html[data-admin-theme="light"] .page-availability .av-grid-table tbody td.av-grid-room-col .av-grid-room-num,
html[data-admin-theme="light"] .page-availability .av-grid-table tbody td.av-grid-room-col .av-grid-room-meta {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html[data-admin-theme="light"] .page-availability .av-grid-table tbody td.av-grid-room-col .av-grid-room-meta {
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
}