/* Rentas SLP dark agency theme 20260815-312. Loaded after every app stylesheet. */
:root[data-theme="dark"] {
  color-scheme: dark;
  --agency-canvas: #080e14;
  --agency-canvas-soft: #0c141c;
  --agency-panel: #111b24;
  --agency-panel-raised: #16232e;
  --agency-panel-hover: #1a2a36;
  --agency-border: #293a47;
  --agency-border-strong: #3d5668;
  --agency-text: #f4f7fa;
  --agency-text-soft: #d6e0e8;
  --agency-muted: #9dafbd;
  --agency-blue: #4d9cff;
  --agency-blue-strong: #237fdf;
  --agency-blue-soft: rgba(77, 156, 255, .14);
  --agency-green: #32d296;
  --agency-green-soft: rgba(50, 210, 150, .13);
  --agency-amber: #f0b35a;
  --agency-amber-soft: rgba(240, 179, 90, .14);
  --agency-danger: #fb7185;
  --agency-danger-soft: rgba(251, 113, 133, .14);
  --agency-shadow: 0 18px 44px rgba(0, 0, 0, .28);
  --brand: var(--agency-blue);
  --brand-dark: #b9d9ff;
  --accent: var(--agency-green);
  --accent-soft: var(--agency-green-soft);
  --soft: var(--agency-panel-raised);
  --surface: var(--agency-panel);
  --surface-2: var(--agency-panel-raised);
  --line: var(--agency-border);
  --muted: var(--agency-muted);
  --shadow: var(--agency-shadow);
}

html:root[data-theme="dark"],
html:root[data-theme="dark"] body {
  color: var(--agency-text) !important;
  background: var(--agency-canvas) !important;
}

html:root[data-theme="dark"] body {
  scrollbar-color: #425a6c #0b1219;
}

html:root[data-theme="dark"] body ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

html:root[data-theme="dark"] body ::-webkit-scrollbar-track {
  background: #0b1219;
}

html:root[data-theme="dark"] body ::-webkit-scrollbar-thumb {
  border: 2px solid #0b1219;
  border-radius: 999px;
  background: #425a6c;
}

html:root[data-theme="dark"] body h1,
html:root[data-theme="dark"] body h2,
html:root[data-theme="dark"] body h3,
html:root[data-theme="dark"] body h4,
html:root[data-theme="dark"] body strong,
html:root[data-theme="dark"] body label,
html:root[data-theme="dark"] body summary {
  color: var(--agency-text) !important;
}

html:root[data-theme="dark"] body p,
html:root[data-theme="dark"] body small,
html:root[data-theme="dark"] body .meta,
html:root[data-theme="dark"] body .muted {
  color: var(--agency-muted) !important;
}

html:root[data-theme="dark"] body a {
  color: #8fc5ff;
}

html:root[data-theme="dark"] body input,
html:root[data-theme="dark"] body select,
html:root[data-theme="dark"] body textarea {
  border-color: var(--agency-border) !important;
  color: var(--agency-text) !important;
  background: #0b131b !important;
  box-shadow: none !important;
  caret-color: var(--agency-blue);
}

html:root[data-theme="dark"] body input:hover,
html:root[data-theme="dark"] body select:hover,
html:root[data-theme="dark"] body textarea:hover {
  border-color: var(--agency-border-strong) !important;
}

html:root[data-theme="dark"] body input:focus,
html:root[data-theme="dark"] body select:focus,
html:root[data-theme="dark"] body textarea:focus {
  border-color: var(--agency-blue) !important;
  outline: 3px solid rgba(77, 156, 255, .16) !important;
}

html:root[data-theme="dark"] body input::placeholder,
html:root[data-theme="dark"] body textarea::placeholder {
  color: #708392 !important;
}

html:root[data-theme="dark"] body button:not(.secondary):not(.ghost):not(.danger):not(.link-button),
html:root[data-theme="dark"] body .large-action {
  border-color: transparent !important;
  color: #ffffff !important;
  background: var(--agency-blue-strong) !important;
  box-shadow: 0 8px 22px rgba(35, 127, 223, .2) !important;
}

html:root[data-theme="dark"] body button:not(.secondary):not(.ghost):not(.danger):not(.link-button):hover,
html:root[data-theme="dark"] body .large-action:hover {
  background: #3590ed !important;
}

html:root[data-theme="dark"] body button.secondary,
html:root[data-theme="dark"] body button.ghost,
html:root[data-theme="dark"] body .file-button,
html:root[data-theme="dark"] body .view-link {
  border-color: var(--agency-border) !important;
  color: var(--agency-text-soft) !important;
  background: var(--agency-panel-raised) !important;
  box-shadow: none !important;
}

html:root[data-theme="dark"] body button.secondary:hover,
html:root[data-theme="dark"] body button.ghost:hover,
html:root[data-theme="dark"] body .file-button:hover,
html:root[data-theme="dark"] body .view-link:hover {
  border-color: var(--agency-border-strong) !important;
  color: #ffffff !important;
  background: var(--agency-panel-hover) !important;
}

html:root[data-theme="dark"] body button.danger {
  border-color: rgba(251, 113, 133, .35) !important;
  color: #ffdbe1 !important;
  background: #8f3042 !important;
}

html:root[data-theme="dark"] body .card,
html:root[data-theme="dark"] body .item,
html:root[data-theme="dark"] body details,
html:root[data-theme="dark"] body .property-summary,
html:root[data-theme="dark"] body .property-selector-card,
html:root[data-theme="dark"] body .property-tile,
html:root[data-theme="dark"] body .property-money span,
html:root[data-theme="dark"] body .property-room-stats span,
html:root[data-theme="dark"] body .report-mini-stats span,
html:root[data-theme="dark"] body .report-facts span,
html:root[data-theme="dark"] body .calendar-day,
html:root[data-theme="dark"] body .tenant-profile-card,
html:root[data-theme="dark"] body .tenant-document-panel,
html:root[data-theme="dark"] body .tenant-document-item,
html:root[data-theme="dark"] body .tenant-file-block,
html:root[data-theme="dark"] body .template-upload,
html:root[data-theme="dark"] body .room-photo-block,
html:root[data-theme="dark"] body .statement div {
  border-color: var(--agency-border) !important;
  color: var(--agency-text) !important;
  background: var(--agency-panel) !important;
  box-shadow: var(--agency-shadow) !important;
}

html:root[data-theme="dark"] body .badge,
html:root[data-theme="dark"] body .pill,
html:root[data-theme="dark"] body .chip {
  border-color: var(--agency-border) !important;
  color: var(--agency-text-soft) !important;
  background: var(--agency-panel-raised) !important;
}

html:root[data-theme="dark"] body .notice {
  border-color: rgba(240, 179, 90, .35) !important;
  color: #ffe0af !important;
  background: var(--agency-amber-soft) !important;
}

html:root[data-theme="dark"] body .badge.pending,
html:root[data-theme="dark"] body .calendar-event.due {
  color: #ffd7de !important;
  background: var(--agency-danger-soft) !important;
}

html:root[data-theme="dark"] body .calendar-event.paid {
  color: #b9f7df !important;
  background: var(--agency-green-soft) !important;
}

html:root[data-theme="dark"] body .google-calendar-toolbar,
html:root[data-theme="dark"] body .google-calendar-help {
  border-color: var(--agency-border) !important;
  background: var(--agency-panel) !important;
}

html:root[data-theme="dark"] body .google-calendar-frame-wrap,
html:root[data-theme="dark"] body .google-calendar-frame {
  background: #ffffff !important;
}

/* Login and role access */
html:root[data-theme="dark"] body .cool-login-screen,
html:root[data-theme="dark"] body .login-screen {
  color: var(--agency-text) !important;
  background-color: var(--agency-canvas) !important;
}

html:root[data-theme="dark"] body .cool-login-screen::after {
  background: rgba(4, 9, 14, .68) !important;
  backdrop-filter: saturate(.8) brightness(.72);
}

html:root[data-theme="dark"] body .cool-login-card,
html:root[data-theme="dark"] body .cool-auth-card,
html:root[data-theme="dark"] body .cool-auth-form,
html:root[data-theme="dark"] body .cool-access-details,
html:root[data-theme="dark"] body .primary-login,
html:root[data-theme="dark"] body .landlord-login {
  border-color: rgba(106, 142, 168, .36) !important;
  color: var(--agency-text) !important;
  background: rgba(13, 22, 30, .95) !important;
  box-shadow: 0 28px 72px rgba(0, 0, 0, .46) !important;
}

html:root[data-theme="dark"] body .cool-login-logo,
html:root[data-theme="dark"] body .cool-login-logo strong,
html:root[data-theme="dark"] body .cool-login-title h1,
html:root[data-theme="dark"] body .cool-access-details > summary,
html:root[data-theme="dark"] body .cool-auth-card h2 {
  color: var(--agency-text) !important;
}

html:root[data-theme="dark"] body .cool-login-title p,
html:root[data-theme="dark"] body .cool-auth-foot,
html:root[data-theme="dark"] body .cool-auth-card p {
  color: var(--agency-muted) !important;
}

html:root[data-theme="dark"] body .cool-auth-divider::before {
  background: var(--agency-border) !important;
}

html:root[data-theme="dark"] body .cool-auth-divider span {
  color: var(--agency-muted) !important;
  background: var(--agency-canvas-soft) !important;
}

/* Admin shell and responsive navigation */
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) {
  --admin-canvas: var(--agency-canvas);
  --admin-surface: var(--agency-panel);
  --admin-surface-soft: var(--agency-panel-raised);
  --admin-border: var(--agency-border);
  --admin-border-strong: var(--agency-border-strong);
  --admin-ink: var(--agency-text);
  --admin-muted: var(--agency-muted);
  --admin-blue: var(--agency-blue);
  --admin-blue-strong: var(--agency-blue-strong);
  --admin-blue-soft: var(--agency-blue-soft);
  --admin-green: var(--agency-green);
  --admin-amber: var(--agency-amber);
  --admin-shadow: var(--agency-shadow);
  --rentas-bg: var(--agency-canvas);
  --rentas-card: var(--agency-panel);
  --rentas-card-soft: var(--agency-panel-raised);
  --rentas-ink: var(--agency-text);
  --rentas-muted: var(--agency-muted);
  --rentas-line: var(--agency-border);
  --rentas-blue: var(--agency-blue);
  --rentas-blue-dark: var(--agency-text);
  --rentas-blue-soft: var(--agency-blue-soft);
  color: var(--agency-text) !important;
  background: var(--agency-canvas) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) > header.app-header,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) > nav#tabs.tabbar {
  border-color: var(--agency-border) !important;
  color: var(--agency-text) !important;
  background: rgba(13, 21, 29, .98) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .24) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) > header.app-header .app-kicker {
  color: var(--agency-amber) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) > nav#tabs.tabbar button {
  border-color: transparent !important;
  color: var(--agency-muted) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) > nav#tabs.tabbar button:hover {
  border-color: var(--agency-border) !important;
  color: var(--agency-text) !important;
  background: var(--agency-panel-raised) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) > nav#tabs.tabbar button.active {
  border-color: rgba(77, 156, 255, .46) !important;
  color: #ffffff !important;
  background: var(--agency-blue-soft) !important;
  box-shadow: inset 3px 0 0 var(--agency-blue) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) > .page:not(.hidden),
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms {
  color: var(--agency-text) !important;
  background: transparent !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) .page:not(.hidden) .card:not(.dashboard-hero):not(.property-room-hero),
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) .page:not(.hidden) .item,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) .page:not(.hidden) .empty,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) .page:not(.hidden) details {
  border-color: var(--agency-border) !important;
  color: var(--agency-text) !important;
  background: var(--agency-panel) !important;
  box-shadow: var(--agency-shadow) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) .page:not(.hidden) h1,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) .page:not(.hidden) h2,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) .page:not(.hidden) h3,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) .page:not(.hidden) h4 {
  color: var(--agency-text) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) .page:not(.hidden) .progress-track,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) .page:not(.hidden) .cool-chart-track {
  background: #20313e !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-location-rail,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-catalog-card {
  border-color: var(--agency-border) !important;
  color: var(--agency-text) !important;
  background: var(--agency-panel) !important;
  box-shadow: var(--agency-shadow) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-location-pills button {
  color: var(--agency-text-soft) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-location-pills button.active {
  border-color: rgba(77, 156, 255, .48) !important;
  color: #ffffff !important;
  background: var(--agency-blue-soft) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-card-empty,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .photo-empty {
  color: var(--agency-muted) !important;
  background: #0d171f !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-card-title h3,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-card-title > strong,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-section-head h2 {
  color: var(--agency-text) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-tenant-strip {
  border-color: rgba(77, 156, 255, .24) !important;
  color: var(--agency-text-soft) !important;
  background: rgba(77, 156, 255, .09) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-tenant-strip.available {
  border-color: rgba(50, 210, 150, .27) !important;
  background: var(--agency-green-soft) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-card-actions button,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-location-controls button,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .public-stay-row-controls button,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-carousel-count {
  border-color: var(--agency-border) !important;
  color: var(--agency-text-soft) !important;
  background: var(--agency-panel-raised) !important;
  box-shadow: none !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-status.published {
  color: #071a12 !important;
  background: var(--agency-green) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-status.draft,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-status.incomplete {
  color: #211406 !important;
  background: var(--agency-amber) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-status.maintenance {
  color: #ffffff !important;
  background: #a83e52 !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-publication-box {
  border-color: var(--agency-border) !important;
  color: var(--agency-text) !important;
  background: var(--agency-panel-raised) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-publication-box.pending {
  border-left-color: var(--agency-amber) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-publication-box .pending {
  border-color: rgba(240, 179, 90, .34) !important;
  color: #ffe0af !important;
  background: var(--agency-amber-soft) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-task-panel {
  border-color: var(--agency-border) !important;
  color: var(--agency-text) !important;
  background: var(--agency-panel-raised) !important;
  box-shadow: inset 3px 0 0 var(--agency-blue) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-task-icon {
  color: #9ac9ff !important;
  background: var(--agency-blue-soft) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-task-title span:not(.admin-room-task-icon),
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-task-summary,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-task-copy small,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-task-empty {
  color: var(--agency-muted) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-task-title strong,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-task-summary b,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-task-copy strong,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-task-empty strong {
  color: var(--agency-text) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-task-summary i,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-task-progress {
  background: var(--agency-border) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-task-progress span,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-task-item.done .admin-room-task-check {
  border-color: var(--agency-green) !important;
  background: var(--agency-green) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-task-item.done .admin-room-task-check {
  color: #071a12 !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-task-item,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-task-empty {
  border-color: var(--agency-border) !important;
  background: #101a23 !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-task-add input {
  border-color: var(--agency-border-strong) !important;
  color: var(--agency-text) !important;
  background: #0b131b !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-task-check,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-task-delete {
  border-color: var(--agency-border-strong) !important;
  color: var(--agency-muted) !important;
  background: transparent !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-task-delete:hover {
  border-color: rgba(251, 113, 133, .25) !important;
  color: var(--agency-danger) !important;
  background: var(--agency-danger-soft) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-task-item.done .admin-room-task-copy strong {
  color: #8293a1 !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-catalog-section {
  border-color: var(--agency-border) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-carousel-range::-webkit-slider-runnable-track {
  background: linear-gradient(90deg, var(--agency-blue) 0 var(--admin-carousel-progress), #263844 var(--admin-carousel-progress) 100%) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-carousel-range::-webkit-slider-thumb {
  border-color: var(--agency-panel) !important;
  background: #9ac9ff !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) > nav#admin-bottom-nav.portal-bottom-nav.admin-bottom-nav,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) .admin-mobile-menu-sheet {
  border-color: var(--agency-border) !important;
  color: var(--agency-text) !important;
  background: rgba(13, 21, 29, .98) !important;
  box-shadow: 0 -18px 46px rgba(0, 0, 0, .4) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) > nav#admin-bottom-nav.portal-bottom-nav.admin-bottom-nav button,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) .admin-mobile-menu-grid button {
  border-color: transparent !important;
  color: var(--agency-muted) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) > nav#admin-bottom-nav.portal-bottom-nav.admin-bottom-nav button.active,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) .admin-mobile-menu-grid button.active {
  border-color: rgba(77, 156, 255, .32) !important;
  color: #ffffff !important;
  background: var(--agency-blue-soft) !important;
}

html:root[data-theme="dark"] body .theme-choice-group,
html:root[data-theme="dark"] body .theme-choice {
  border-color: var(--agency-border) !important;
  color: var(--agency-text-soft) !important;
  background: var(--agency-panel-raised) !important;
}

html:root[data-theme="dark"] body .theme-choice.active {
  border-color: var(--agency-blue) !important;
  background: var(--agency-blue-soft) !important;
  box-shadow: inset 0 0 0 1px rgba(77, 156, 255, .34) !important;
}

/* WhatsApp workspace */
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #whatsapp .whatsapp-admin-console {
  border-color: var(--agency-border) !important;
  color: var(--agency-text) !important;
  background: #0b131a !important;
  box-shadow: var(--agency-shadow) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #whatsapp .whatsapp-chat-list,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #whatsapp .whatsapp-chat-panel,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #whatsapp .whatsapp-list-head,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #whatsapp .whatsapp-chat-head,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #whatsapp .whatsapp-composer {
  border-color: var(--agency-border) !important;
  color: var(--agency-text) !important;
  background: var(--agency-panel) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #whatsapp .whatsapp-search,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #whatsapp .whatsapp-search input,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #whatsapp .whatsapp-mode-card,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #whatsapp .whatsapp-list-note,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #whatsapp .whatsapp-status-grid span {
  border-color: var(--agency-border) !important;
  color: var(--agency-text-soft) !important;
  background: var(--agency-panel-raised) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #whatsapp .whatsapp-thread-button {
  border-color: transparent !important;
  color: var(--agency-text-soft) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #whatsapp .whatsapp-thread-button:hover,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #whatsapp .whatsapp-thread-button.active {
  border-color: var(--agency-border) !important;
  background: #202c33 !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #whatsapp .whatsapp-filter-row button {
  color: #aebac1 !important;
  background: #202c33 !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #whatsapp .whatsapp-filter-row button:hover {
  background: #293842 !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #whatsapp .whatsapp-filter-row button.active {
  color: #00a884 !important;
  background: #103629 !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #whatsapp .whatsapp-mobile-back,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #whatsapp .whatsapp-conversation-mode-button {
  border-color: var(--agency-border) !important;
  color: #53bdeb !important;
  background: transparent !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #whatsapp .whatsapp-conversation-mode-button:hover,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #whatsapp .whatsapp-conversation-mode-button.release {
  color: #6fe3bc !important;
  background: #123328 !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #whatsapp .whatsapp-chat-body {
  background-color: #0b141a !important;
  background-image: radial-gradient(circle at 1px 1px, rgba(157, 175, 189, .06) 1px, transparent 0) !important;
  background-size: 18px 18px !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #whatsapp .whatsapp-date-separator {
  color: #aebac1 !important;
  background: #182229 !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #whatsapp .whatsapp-chat-bubble {
  border-color: var(--agency-border) !important;
  color: var(--agency-text) !important;
  background: var(--agency-panel-raised) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #whatsapp .whatsapp-chat-bubble p,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #whatsapp .whatsapp-chat-bubble time {
  color: var(--agency-text-soft) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #whatsapp .whatsapp-chat-bubble.in::before {
  border-color: transparent var(--agency-panel-raised) transparent transparent !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #whatsapp .whatsapp-chat-bubble.out {
  border-color: rgba(50, 210, 150, .2) !important;
  background: #123328 !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #whatsapp .whatsapp-chat-bubble.out::before {
  border-color: transparent transparent transparent #123328 !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #whatsapp .whatsapp-composer textarea {
  border-color: transparent !important;
  color: var(--agency-text) !important;
  background: #202c33 !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #whatsapp .whatsapp-chat-bubble.system {
  border-color: rgba(77, 156, 255, .22) !important;
  background: var(--agency-blue-soft) !important;
}

/* Messenger and Marketplace workspace */
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #messenger .messenger-hero-stats span,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #messenger .messenger-room-card {
  border-color: var(--agency-border) !important;
  color: var(--agency-text) !important;
  background: var(--agency-panel-raised) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #messenger .messenger-hero-stats small,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #messenger .messenger-check-list span,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #messenger .messenger-room-main p,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #messenger .messenger-room-main small {
  color: var(--agency-muted) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #messenger .messenger-hero-stats strong {
  color: var(--agency-text) !important;
}

/* Tenant portal */
html:root[data-theme="dark"] body main#tenant-app#tenant-app.tenant-shell:not(.hidden) {
  --rentas-bg: var(--agency-canvas);
  --rentas-card: var(--agency-panel);
  --rentas-card-soft: var(--agency-panel-raised);
  --rentas-ink: var(--agency-text);
  --rentas-muted: var(--agency-muted);
  --rentas-line: var(--agency-border);
  --rentas-blue: var(--agency-blue);
  --rentas-blue-dark: var(--agency-text);
  --rentas-blue-soft: var(--agency-blue-soft);
  color: var(--agency-text) !important;
  background: var(--agency-canvas) !important;
}

html:root[data-theme="dark"] body main#tenant-app#tenant-app.tenant-shell:not(.hidden) > header.app-header,
html:root[data-theme="dark"] body main#tenant-app#tenant-app.tenant-shell:not(.hidden) .tenant-panel-nav,
html:root[data-theme="dark"] body main#tenant-app#tenant-app.tenant-shell:not(.hidden) .tenant-qr-card,
html:root[data-theme="dark"] body main#tenant-app#tenant-app.tenant-shell:not(.hidden) .tenant-focus-card {
  border-color: var(--agency-border) !important;
  color: var(--agency-text) !important;
  background: var(--agency-panel) !important;
  box-shadow: var(--agency-shadow) !important;
}

html:root[data-theme="dark"] body main#tenant-app#tenant-app.tenant-shell:not(.hidden) .tenant-panel-nav button {
  color: var(--agency-muted) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html:root[data-theme="dark"] body main#tenant-app#tenant-app.tenant-shell:not(.hidden) .tenant-panel-nav button.active {
  color: #ffffff !important;
  background: var(--agency-blue-strong) !important;
}

html:root[data-theme="dark"] body main#tenant-app#tenant-app#tenant-app.tenant-shell:not(.hidden) nav.portal-bottom-nav.tenant-bottom-nav {
  border-color: var(--agency-border) !important;
  color: var(--agency-text) !important;
  background: rgba(13, 21, 29, .98) !important;
  box-shadow: 0 -18px 46px rgba(0, 0, 0, .4) !important;
}

html:root[data-theme="dark"] body main#tenant-app#tenant-app#tenant-app.tenant-shell:not(.hidden) nav.portal-bottom-nav.tenant-bottom-nav button {
  border-color: transparent !important;
  color: var(--agency-muted) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html:root[data-theme="dark"] body main#tenant-app#tenant-app#tenant-app.tenant-shell:not(.hidden) nav.portal-bottom-nav.tenant-bottom-nav button.active {
  color: #ffffff !important;
  background: var(--agency-blue-soft) !important;
}

/* Public catalog */
html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) {
  --public-blue: var(--agency-blue);
  --public-blue-dark: #b9d9ff;
  --public-green: var(--agency-green);
  --rentas-bg: var(--agency-canvas);
  --rentas-card: var(--agency-panel);
  --rentas-card-soft: var(--agency-panel-raised);
  --rentas-ink: var(--agency-text);
  --rentas-muted: var(--agency-muted);
  --rentas-line: var(--agency-border);
  --rentas-blue: var(--agency-blue);
  --rentas-blue-dark: var(--agency-text);
  --rentas-blue-soft: var(--agency-blue-soft);
  color: var(--agency-text) !important;
  background: var(--agency-canvas) !important;
}

html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-desktop-header {
  border-color: var(--agency-border) !important;
  color: var(--agency-text) !important;
  background: rgba(9, 16, 23, .98) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .32) !important;
  backdrop-filter: blur(16px) saturate(1.12) !important;
}

html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-desktop-nav button {
  border-color: transparent !important;
  color: var(--agency-text-soft) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-desktop-nav button:hover,
html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-desktop-nav button.active {
  border-bottom-color: var(--agency-blue) !important;
  color: #ffffff !important;
}

html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-desktop-actions .public-whatsapp-action {
  border-color: rgba(50, 210, 150, .38) !important;
  color: #b9f7df !important;
  background: var(--agency-green-soft) !important;
  box-shadow: none !important;
}

html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-desktop-actions .public-whatsapp-action strong,
html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-desktop-actions .public-whatsapp-action span {
  color: #b9f7df !important;
}

html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-mobile-contact a.public-whatsapp-action.public-whatsapp-action {
  border-color: rgba(50, 210, 150, .38) !important;
  color: #b9f7df !important;
  background: var(--agency-green-soft) !important;
  box-shadow: none !important;
}

html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-mobile-contact a.public-whatsapp-action.public-whatsapp-action strong,
html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-mobile-contact a.public-whatsapp-action.public-whatsapp-action span {
  color: #b9f7df !important;
}

html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-premium-hero.public-premium-hero {
  background:
    linear-gradient(90deg, rgba(6, 14, 21, .9) 0%, rgba(6, 14, 21, .65) 45%, rgba(6, 14, 21, .28) 100%),
    var(--hero-photo, url("/api/public/rooms/f8a1aea0-0e38-3c3b-7b9d-1fb9db12af34/photos/9aab7df7-c034-6885-c341-66259774ca22")) center / cover no-repeat,
    #16232e !important;
}

html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-premium-search,
html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) details.public-premium-filter-menu,
html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-premium-filter-options,
html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-empty-premium-card {
  border-color: var(--agency-border) !important;
  color: var(--agency-text) !important;
  background: var(--agency-panel) !important;
  box-shadow: var(--agency-shadow) !important;
}

html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) details.public-premium-filter-menu summary {
  color: var(--agency-text) !important;
  background: transparent !important;
}

html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) details.public-premium-filter-menu button {
  border-color: transparent !important;
  color: var(--agency-text-soft) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) details.public-premium-filter-menu button:hover,
html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) details.public-premium-filter-menu button.active {
  color: #ffffff !important;
  background: var(--agency-blue-soft) !important;
}

html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) details.public-premium-filter-menu .public-premium-filter-panel button {
  border-color: transparent !important;
  color: var(--agency-text-soft) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) details.public-premium-filter-menu .public-premium-filter-panel button:hover,
html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) details.public-premium-filter-menu .public-premium-filter-panel button.active {
  color: #ffffff !important;
  background: var(--agency-blue-soft) !important;
}

html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) details.public-premium-filter-menu .public-premium-filter-panel button span,
html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) details.public-premium-filter-menu .public-premium-filter-panel button small {
  color: inherit !important;
}

html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) h2,
html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) h3 {
  color: var(--agency-text) !important;
}

html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-catalog-header,
html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-mobile-header,
html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-stay-search-card,
html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-stay-card,
html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-premium-filter-panel,
html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-premium-map-card,
html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-location-card,
html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-contact-panel,
html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-services-catalog,
html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-room-detail {
  border-color: var(--agency-border) !important;
  color: var(--agency-text) !important;
  background: var(--agency-panel) !important;
  box-shadow: var(--agency-shadow) !important;
}

html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-stay-row,
html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-property-group {
  border-color: var(--agency-border) !important;
  background: transparent !important;
}

html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-stay-filter-chips button,
html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-property-tabs button,
html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-location-pills button,
html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-stay-card-actions button {
  border-color: var(--agency-border) !important;
  color: var(--agency-text-soft) !important;
  background: var(--agency-panel-raised) !important;
  box-shadow: none !important;
}

html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-stay-filter-chips button.active,
html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-property-tabs button.active,
html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-location-pills button.active {
  border-color: rgba(77, 156, 255, .45) !important;
  color: #ffffff !important;
  background: var(--agency-blue-soft) !important;
}

html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-stay-badge,
html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-room-badge {
  color: #071a12 !important;
  background: var(--agency-green) !important;
}

html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-stay-price,
html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-room-price {
  color: #b9d9ff !important;
}

html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) nav.public-bottom-nav.portal-bottom-nav {
  border-color: var(--agency-border) !important;
  background: rgba(13, 21, 29, .98) !important;
  box-shadow: 0 -14px 34px rgba(0, 0, 0, .34) !important;
}

html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) nav.public-bottom-nav.portal-bottom-nav button {
  color: var(--agency-muted) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) nav.public-bottom-nav.portal-bottom-nav button.active {
  color: #ffffff !important;
  background: var(--agency-blue-soft) !important;
}

html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) nav.public-bottom-nav.public-bottom-nav {
  border-color: var(--agency-border) !important;
  color: var(--agency-text) !important;
  background: rgba(13, 21, 29, .98) !important;
  box-shadow: 0 -14px 34px rgba(0, 0, 0, .34) !important;
}

html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) nav.public-bottom-nav.public-bottom-nav button {
  border-color: transparent !important;
  color: var(--agency-muted) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) nav.public-bottom-nav.public-bottom-nav button.active {
  color: #ffffff !important;
  background: var(--agency-blue-soft) !important;
}

html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .leaflet-tile-pane {
  filter: grayscale(.35) invert(.88) hue-rotate(180deg) brightness(.7) contrast(1.15);
}

html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .leaflet-control-zoom a,
html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .leaflet-control-attribution {
  border-color: var(--agency-border) !important;
  color: var(--agency-text-soft) !important;
  background: rgba(13, 21, 29, .92) !important;
}

/* Dialogs and photo tools */
html:root[data-theme="dark"] body .photo-viewer,
html:root[data-theme="dark"] body .marketplace-publisher,
html:root[data-theme="dark"] body .admin-mobile-menu-backdrop {
  background: rgba(2, 6, 10, .76) !important;
}

html:root[data-theme="dark"] body .photo-viewer-card,
html:root[data-theme="dark"] body .marketplace-publisher-card,
html:root[data-theme="dark"] body .room-photo-card,
html:root[data-theme="dark"] body .room-photo-stage,
html:root[data-theme="dark"] body .room-photo-thumb,
html:root[data-theme="dark"] body .room-photo-crop {
  border-color: var(--agency-border) !important;
  color: var(--agency-text) !important;
  background: var(--agency-panel) !important;
}

html:root[data-theme="dark"] body .toast {
  border: 1px solid var(--agency-border-strong) !important;
  color: #ffffff !important;
  background: #172836 !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .42) !important;
}

/* Tenant dossiers */
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #tenants .admin-tenant-location-rail,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #tenants .admin-tenant-property-section,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #tenants .admin-tenant-card,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #tenants .tenant-create-drawer,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #tenants .tenant-record-details {
  border-color: var(--agency-border) !important;
  color: var(--agency-text) !important;
  background: var(--agency-panel) !important;
  box-shadow: var(--agency-shadow) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #tenants .admin-tenant-location-label,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #tenants .tenant-empty-card,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #tenants .tenant-ine-side,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #tenants .tenant-ine-reading {
  border-color: var(--agency-border) !important;
  color: var(--agency-text-soft) !important;
  background: var(--agency-panel-raised) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #tenants .admin-tenant-location-pills button {
  border-color: var(--agency-border) !important;
  color: var(--agency-text-soft) !important;
  background: var(--agency-panel-raised) !important;
  box-shadow: none !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #tenants .admin-tenant-location-pills button.active {
  border-color: rgba(77, 156, 255, .5) !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #237fdf, #176aa9) !important;
  box-shadow: 0 8px 20px rgba(35, 127, 223, .24) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #tenants .admin-tenant-location-tools .admin-room-location-summary > span,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #tenants .tenant-ine-workspace {
  border-color: var(--agency-border) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #tenants .admin-tenant-location-label,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #tenants .tenant-ine-side-preview {
  color: #a9d2ff !important;
  background: var(--agency-blue-soft) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #tenants .admin-tenant-location-tools .admin-room-location-summary strong,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #tenants .tenant-ine-side-copy strong {
  color: var(--agency-text) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #tenants .tenant-ine-heading p,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #tenants .tenant-record-form-heading p,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #tenants .tenant-ine-side-copy small,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #tenants .tenant-ine-side-copy span,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #tenants .tenant-ine-reading-actions small,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #tenants .tenant-ine-privacy,
html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #tenants .tenant-ine-consent {
  color: var(--agency-muted) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #tenants .tenant-ine-ready-badge.ready {
  color: #9ff4d3 !important;
  background: var(--agency-green-soft) !important;
}

html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #tenants .tenant-ine-ready-badge.pending {
  color: #ffd18b !important;
  background: var(--agency-amber-soft) !important;
}

@media (max-width: 760px) {
  html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) > header.app-header,
  html:root[data-theme="dark"] body main#tenant-app#tenant-app.tenant-shell:not(.hidden) > header.app-header,
  html:root[data-theme="dark"] body main#public-catalog#public-catalog#public-catalog.public-catalog-shell:not(.hidden) .public-mobile-header {
    background: rgba(9, 16, 23, .98) !important;
    backdrop-filter: blur(16px) saturate(1.15) !important;
  }

  html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) #rooms .admin-room-location-rail {
    background: rgba(17, 27, 36, .98) !important;
  }

  html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) > nav#admin-bottom-nav.portal-bottom-nav.admin-bottom-nav {
    border-color: rgba(91, 123, 148, .42) !important;
    background: rgba(11, 18, 25, .96) !important;
    box-shadow: 0 14px 42px rgba(0, 0, 0, .46), inset 0 1px rgba(255, 255, 255, .035) !important;
  }

  html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) > nav#admin-bottom-nav.portal-bottom-nav.admin-bottom-nav > button {
    color: #9fb0be !important;
    background: transparent !important;
  }

  html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) > nav#admin-bottom-nav.portal-bottom-nav.admin-bottom-nav > button.active,
  html:root[data-theme="dark"] body main#app#app#app.app-shell:not(.hidden) > nav#admin-bottom-nav.portal-bottom-nav.admin-bottom-nav > button.menu-open {
    border-color: rgba(137, 191, 255, .38) !important;
    color: #ffffff !important;
    background: #237fdf !important;
    box-shadow: 0 8px 18px rgba(15, 89, 168, .36), inset 0 1px rgba(255, 255, 255, .16) !important;
  }
}