/* Final dark-only bridge for legacy modules. Light mode and layout remain untouched. */
html[data-theme="dark"] #app#app#app#app#app#app {
  --ex-bg: var(--agency-canvas);
  --ex-surface: var(--agency-panel);
  --ex-soft: var(--agency-panel-raised);
  --ex-line: var(--agency-border);
  --ex-text: var(--agency-text);
  --ex-muted: var(--agency-muted);
  --ex-accent: var(--agency-blue);
  --ex-tint: var(--agency-blue-soft);
  --ex-success: var(--agency-green);
  --ex-warning: var(--agency-amber);
  --ex-danger: var(--agency-danger);
  color: var(--agency-text) !important;
  background: var(--agency-canvas) !important;
}
html[data-theme="dark"] #app#app#app#app#app#app .home-workspace {
  --home-bg: var(--agency-panel) !important;
  --home-soft: var(--agency-panel-raised) !important;
  --home-line: var(--agency-border) !important;
  --home-ink: var(--agency-text) !important;
  --home-muted: var(--agency-muted) !important;
  --home-blue: var(--agency-blue) !important;
  --home-green: var(--agency-green) !important;
  --home-amber: var(--agency-amber) !important;
  --home-red: var(--agency-danger) !important;
}
html[data-theme="dark"] #app#app#app#app#app#app #properties {
  --service-bg: var(--agency-panel);
  --service-soft: var(--agency-panel-raised);
  --service-ink: var(--agency-text);
  --service-muted: var(--agency-muted);
  --service-line: var(--agency-border);
  --service-link: var(--agency-blue);
  --service-danger: var(--agency-danger);
  --service-green: var(--agency-green);
}
html[data-theme="dark"] #app#app#app#app#app#app #calendar {
  --gm-bg: var(--agency-panel);
  --gm-text: var(--agency-text);
  --gm-muted: var(--agency-muted);
  --gm-border: var(--agency-border);
  --gm-hover: var(--agency-panel-hover);
  --gm-accent: var(--agency-blue);
  --gm-selected: var(--agency-blue-soft);
}

/* Remove the old outlined lettering, glow and overly heavy body copy. */
html[data-theme="dark"] #app#app#app#app#app#app * {
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
  letter-spacing: 0 !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
}
html[data-theme="dark"] #app#app#app#app#app#app :is(h1,h2,h3,h4,strong,b) { font-weight: 650 !important; }
html[data-theme="dark"] #app#app#app#app#app#app :is(p,small,.meta,.muted) { font-weight: 400 !important; }
html[data-theme="dark"] #app#app#app#app#app#app :is(label,dt) { font-weight: 500 !important; }
html[data-theme="dark"] #app#app#app#app#app#app :is(button,summary) { font-weight: 600 !important; }
html[data-theme="dark"] #app#app#app#app#app#app button { box-shadow: none !important; }
html[data-theme="dark"] #app#app#app#app#app#app > :is(.app-header,#tabs,#admin-bottom-nav) {
  color: var(--agency-text) !important;
  background: var(--agency-canvas-soft) !important;
  border-color: var(--agency-border) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] #app#app#app#app#app#app .app-kicker {
  color: var(--agency-muted) !important;
  background: none !important;
  border-color: transparent !important;
}
html[data-theme="dark"] #app#app#app#app#app#app :is(#tabs,#admin-bottom-nav) button {
  color: var(--agency-muted) !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] #app#app#app#app#app#app :is(#tabs,#admin-bottom-nav) button:hover {
  color: var(--agency-text) !important;
  background: var(--agency-panel-raised) !important;
}
html[data-theme="dark"] #app#app#app#app#app#app :is(#tabs,#admin-bottom-nav) button.active {
  color: var(--agency-blue) !important;
  background: var(--agency-blue-soft) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] #app#app#app#app#app#app #tabs button.active { box-shadow: inset 3px 0 var(--agency-blue) !important; }
html[data-theme="dark"] #app#app#app#app#app#app :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea) {
  color-scheme: dark !important;
  color: var(--agency-text) !important;
  background-color: var(--agency-canvas-soft) !important;
  border-color: var(--agency-border-strong) !important;
  box-shadow: none !important;
  font-weight: 400 !important;
}
html[data-theme="dark"] #app#app#app#app#app#app :is(input,textarea)::placeholder { color: var(--agency-muted) !important; opacity: 1; }
html[data-theme="dark"] #app#app#app#app#app#app :is(input,select,textarea,button,a,summary):focus-visible { outline: 2px solid var(--agency-blue) !important; outline-offset: 3px !important; }
html[data-theme="dark"] #app#app#app#app#app#app :is(input[type=checkbox],input[type=radio]) { accent-color: var(--agency-blue-strong); }

/* A single raised surface; inner rows and sections do not cast more shadows. */
html[data-theme="dark"] #app#app#app#app#app#app :is(.card,.item,details,.empty,.admin-room-catalog-card,.tenant-profile-card,.settings-v2-card,.settings-v2-integration-card,.properties-v2-list-panel,.tenants-v2-list-panel) {
  border-color: var(--agency-border) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] #app#app#app#app#app#app :is(.admin-room-catalog-card,.settings-v2-card,.settings-v2-integration-card,.tenant-profile-card,.properties-v2-list-panel,.tenants-v2-list-panel) {
  background: var(--agency-panel) !important;
  border-radius: 8px !important;
}
html[data-theme="dark"] #app#app#app#app#app#app :is(.admin-room-catalog-section,.admin-room-catalog-carousel,.experience-editor,.rental-editor-pane,.tenant-document-panel) { background: transparent !important; box-shadow: none !important; }
html[data-theme="dark"] #app#app#app#app#app#app :is(.admin-room-card-empty,.photo-empty,.admin-room-feature-row > span,.tenant-facts > div) {
  background: var(--agency-panel-raised) !important;
  color: var(--agency-muted) !important;
  border-color: var(--agency-border) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] #app#app#app#app#app#app .admin-room-tenant-strip {
  background: var(--agency-canvas-soft) !important;
  border-color: var(--agency-border) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] #app#app#app#app#app#app .admin-room-tenant-strip.available { background: var(--agency-green-soft) !important; border-color: #3c6254 !important; }
html[data-theme="dark"] #app#app#app#app#app#app .admin-room-catalog-card:has(.admin-room-status.incomplete) .admin-room-tenant-strip { background: var(--agency-canvas-soft) !important; border-color: var(--agency-border) !important; }
html[data-theme="dark"] #app#app#app#app#app#app :is(.admin-room-card-actions,.public-stay-row-controls,.admin-room-carousel-head-tools) button {
  background: var(--agency-panel-raised) !important;
  color: var(--agency-text-soft) !important;
  border-color: var(--agency-border) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] #app#app#app#app#app#app .admin-room-status.occupied { background: var(--agency-blue-soft) !important; color: var(--agency-blue) !important; }
html[data-theme="dark"] #app#app#app#app#app#app .admin-room-status { box-shadow: none !important; }
html[data-theme="dark"] #app#app#app#app#app#app .admin-room-carousel-range { background: transparent !important; }
html[data-theme="dark"] #app#app#app#app#app#app .admin-room-carousel-range::-webkit-slider-runnable-track { background: var(--agency-border) !important; box-shadow: none !important; }
html[data-theme="dark"] #app#app#app#app#app#app .admin-room-carousel-range::-webkit-slider-thumb { background: var(--agency-blue) !important; border-color: var(--agency-panel) !important; box-shadow: none !important; }
html[data-theme="dark"] #app#app#app#app#app#app .admin-room-carousel-range::-moz-range-track { background: var(--agency-border) !important; }
html[data-theme="dark"] #app#app#app#app#app#app .admin-room-carousel-range::-moz-range-thumb { background: var(--agency-blue) !important; border-color: var(--agency-panel) !important; }
html[data-theme="dark"] #app#app#app#app#app#app .home-v2-movement-status { background: none !important; border: 0 !important; border-radius: 0 !important; color: var(--agency-amber) !important; }
html[data-theme="dark"] #app#app#app#app#app#app .statement > div { background: none !important; box-shadow: none !important; }
html[data-theme="dark"] #app#app#app#app#app#app :is(.settings-v2-nav,.settings-v2-theme-options) { background: var(--agency-canvas-soft) !important; border-color: var(--agency-border) !important; box-shadow: none !important; }
html[data-theme="dark"] #app#app#app#app#app#app :is(.settings-v2-nav button,[data-theme-choice]) { color: var(--agency-muted) !important; background: none !important; box-shadow: none !important; }
html[data-theme="dark"] #app#app#app#app#app#app :is(.settings-v2-nav button.active,[data-theme-choice].active) { color: var(--agency-text) !important; background: var(--agency-panel-raised) !important; border-color: var(--agency-blue) !important; }
html[data-theme="dark"] #app#app#app#app#app#app [data-theme-choice] { border: 1px solid transparent !important; border-radius: 8px !important; }
html[data-theme="dark"] #app#app#app#app#app#app .theme-choice[data-theme-choice][aria-pressed="true"] { border-color: var(--agency-blue) !important; background: var(--agency-blue-soft) !important; }
html[data-theme="dark"] #app#app#app#app#app#app :is(.settings-v2-eyebrow,.tenants-v2-eyebrow,.properties-v2-eyebrow) { color: var(--agency-muted) !important; }

/* Filled blue is reserved for primary commands, not every clickable row. */
html[data-theme="dark"] #app#app#app#app#app#app :is(.experience-primary,.home-primary,.properties-v2-primary,.tenants-v2-primary,.settings-v2-form-actions button[type=submit],.service-form button[type=submit]) {
  color: #fff !important;
  background: var(--agency-blue-strong) !important;
  border-color: var(--agency-blue-strong) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] #app#app#app#app#app#app :is(.experience-primary,.home-primary,.properties-v2-primary,.tenants-v2-primary,.settings-v2-form-actions button[type=submit],.service-form button[type=submit]):hover { background: #2873c3 !important; }
html[data-theme="dark"] #app#app#app#app#app#app button.danger { color: var(--agency-danger) !important; background: var(--agency-danger-soft) !important; box-shadow: none !important; }
html[data-theme="dark"] #app#app#app#app#app#app .experience-dialog { background: var(--agency-panel) !important; border-color: var(--agency-border-strong) !important; }
html[data-theme="dark"] #app#app#app#app#app#app .experience-dialog::backdrop { background: rgba(0,0,0,.65); backdrop-filter: blur(3px); }
html[data-theme="dark"] #app#app#app#app#app#app :is(button.secondary,button.ghost,.file-button,.view-link) {
  color: var(--agency-text-soft) !important;
  background: var(--agency-panel-raised) !important;
  border-color: var(--agency-border) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] #app#app#app#app#app#app :is(button.secondary,button.ghost,.file-button,.view-link):hover { background: var(--agency-panel-hover) !important; }
html[data-theme="dark"] #app#app#app#app#app#app :is([data-add-room-for-property],[data-room-create],.admin-room-empty-property button,.room-management-toolbar button) {
  color: var(--agency-blue) !important;
  background: var(--agency-panel) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] #app#app#app#app#app#app :is(.admin-room-tenant-strip > span,.admin-room-publication-head > div > span,.room-photo-empty-state > span,.tenants-v2-bulk-actions > summary) { color: var(--agency-muted) !important; }
html[data-theme="dark"] #app#app#app#app#app#app .tenants-v2-avatar { color: var(--agency-blue) !important; background: var(--agency-blue-soft) !important; }
html[data-theme="dark"] #app#app#app#app#app#app :is(.room-photo-empty-state,.room-photo-dropzone) { background: var(--agency-canvas-soft) !important; border-color: var(--agency-border-strong) !important; box-shadow: none !important; }
html[data-theme="dark"] #app#app#app#app#app#app .room-photo-dropzone.drag-over { background: var(--agency-blue-soft) !important; border-color: var(--agency-blue) !important; }
html[data-theme="dark"] #app#app#app#app#app#app .admin-room-publication-checks i { color: #16181c !important; background: var(--agency-green) !important; }
html[data-theme="dark"] #app#app#app#app#app#app .admin-room-publication-checks .ready { color: var(--agency-green) !important; background: var(--agency-green-soft) !important; border-color: #3c6254 !important; }
html[data-theme="dark"] #app#app#app#app#app#app .admin-room-publication-checks .pending i { background: var(--agency-amber) !important; }

/* The local calendar is still available when Google is disconnected. */
html[data-theme="dark"] #app#app#app#app#app#app #calendar :is(.calendar-day,.calendar-view-switcher,.calendar-week,.calendar-year-month) { background: var(--agency-panel) !important; border-color: var(--agency-border) !important; }
html[data-theme="dark"] #app#app#app#app#app#app #calendar :is(.calendar-type-list li,.day-number) { color: var(--agency-text-soft) !important; }
html[data-theme="dark"] #app#app#app#app#app#app #calendar :is(.calendar-view-switcher button,.calendar-add) { color: var(--agency-muted) !important; background: var(--agency-panel-raised) !important; box-shadow: none !important; }
html[data-theme="dark"] #app#app#app#app#app#app #calendar .calendar-view-switcher button.active { color: var(--agency-blue) !important; background: var(--agency-blue-soft) !important; }
html[data-theme="dark"] #app#app#app#app#app#app #calendar .calendar-event { color: var(--agency-text) !important; background: var(--agency-panel-raised) !important; box-shadow: none !important; }
html[data-theme="dark"] #app#app#app#app#app#app #calendar .calendar-event.due { color: var(--agency-danger) !important; background: var(--agency-danger-soft) !important; }
html[data-theme="dark"] #app#app#app#app#app#app #calendar .calendar-event.paid { color: var(--agency-green) !important; background: var(--agency-green-soft) !important; }
html[data-theme="dark"] #app#app#app#app#app#app #calendar .calendar-event.expense { color: var(--agency-amber) !important; background: var(--agency-amber-soft) !important; }

/* Keep WhatsApp's green conversation identity without blue chat selection. */
html[data-theme="dark"] #app#app#app#app#app#app #whatsapp .whatsapp-thread-button { background: transparent !important; box-shadow: none !important; }
html[data-theme="dark"] #app#app#app#app#app#app #whatsapp .whatsapp-thread-button:is(.active,:hover) { background: #2a3942 !important; }
html[data-theme="dark"] #app#app#app#app#app#app #whatsapp .whatsapp-thread-button strong { color: #e9edef !important; }
html[data-theme="dark"] #app#app#app#app#app#app #whatsapp :is(p,small,time) { color: #b0bec5 !important; }
html[data-theme="dark"] #app#app#app#app#app#app #whatsapp .whatsapp-thread-button.unread time { color: #83cdb0 !important; }
html[data-theme="dark"] #app#app#app#app#app#app #whatsapp .whatsapp-thread-count { color: #10271f !important; background: #83cdb0 !important; }
html[data-theme="dark"] #app#app#app#app#app#app #whatsapp .whatsapp-avatar { color: #d3d8df !important; background: #394850 !important; }
html[data-theme="dark"] #app#app#app#app#app#app #whatsapp .whatsapp-live-pill { color: var(--agency-amber) !important; background: var(--agency-amber-soft) !important; }
html[data-theme="dark"] #app#app#app#app#app#app #whatsapp .whatsapp-live-pill.automatic { color: #83cdb0 !important; background: #223b33 !important; }
html[data-theme="dark"] #app#app#app#app#app#app #whatsapp .whatsapp-chat-bubble p { color: #e9edef !important; }
html[data-theme="dark"] #app#app#app#app#app#app #whatsapp .whatsapp-chat-bubble > small { color: #83cdb0 !important; }
html[data-theme="dark"] #app#app#app#app#app#app #whatsapp :is(.whatsapp-list-head p,.whatsapp-mode-copy small,.whatsapp-mode-card b,.whatsapp-connection-line,.whatsapp-search-empty) { color: #b0bec5 !important; }
html[data-theme="dark"] #app#app#app#app#app#app #whatsapp .whatsapp-filter-row button.active { color: #83cdb0 !important; }

html:root[data-theme="dark"] body { scrollbar-color: #626d7b var(--agency-canvas); }
html:root[data-theme="dark"] body ::-webkit-scrollbar-track { background: var(--agency-canvas) !important; }
html:root[data-theme="dark"] body ::-webkit-scrollbar-thumb { background: #626d7b !important; border-color: var(--agency-canvas) !important; }
html:root[data-theme="dark"] body :is(.cool-login-card,.cool-auth-card,.cool-auth-form,.cool-access-details,.primary-login,.landlord-login) { background: var(--agency-panel) !important; border-color: var(--agency-border) !important; box-shadow: none !important; }
html:root[data-theme="dark"] body :is(.cool-login-card,.cool-auth-card) :is(input,select) { background: var(--agency-canvas-soft) !important; border-color: var(--agency-border-strong) !important; }
html:root[data-theme="dark"] body :is(.cool-login-card,.cool-auth-card) input::placeholder { color: var(--agency-muted) !important; }
@media (prefers-reduced-motion: reduce) {
  html[data-theme="dark"] #app#app#app#app#app#app :is(button,input,select,textarea) { transition: none !important; }
}