/* Screen chrome only: keep printable contracts and documents unchanged. */
@media screen {
/* Rentas SLP: one blue palette for public, tenant and administrative screens.
   Keep aliases for the existing modules so their layouts and status colors survive. */
html:root {
  --rslp-canvas: #f3f8ff;
  --rslp-canvas-soft: #f7fbff;
  --rslp-surface: #ffffff;
  --rslp-raised: #eaf3ff;
  --rslp-hover: #deedff;
  --rslp-border: #cfdfef;
  --rslp-border-strong: #93b4d3;
  --rslp-text: #102a45;
  --rslp-text-soft: #2d506f;
  --rslp-muted: #526d86;
  --rslp-blue: #0b5da9;
  --rslp-primary: #1e72c9;
  --rslp-primary-hover: #0b5da9;
  --rslp-tint: #e3f0ff;
  --rslp-success: #147350;
  --rslp-success-soft: #e9f7ef;
  --rslp-warning: #885800;
  --rslp-warning-soft: #fff5db;
  --rslp-danger: #af2d41;
  --rslp-danger-soft: #ffedf0;
  --rslp-shadow: 0 8px 28px rgb(30 83 137 / 8%);
  color-scheme: light;
}
html:root[data-theme="dark"] {
  --rslp-canvas: #071b33;
  --rslp-canvas-soft: #0b223c;
  --rslp-surface: #102b48;
  --rslp-raised: #183856;
  --rslp-hover: #214867;
  --rslp-border: #355575;
  --rslp-border-strong: #6b91b5;
  --rslp-text: #eef6ff;
  --rslp-text-soft: #d0e5f9;
  --rslp-muted: #adcae5;
  --rslp-blue: #90c5ff;
  --rslp-tint: #183f66;
  --rslp-success: #85d9b3;
  --rslp-success-soft: #163f37;
  --rslp-warning: #f1cb82;
  --rslp-warning-soft: #433720;
  --rslp-danger: #ffadb9;
  --rslp-danger-soft: #482c40;
  --rslp-shadow: 0 8px 28px rgb(0 10 27 / 20%);
  color-scheme: dark;
}
html:root, html:root[data-theme] {
  --brand: var(--rslp-primary);
  --brand-dark: var(--rslp-text);
  --accent: var(--rslp-blue);
  --accent-soft: var(--rslp-tint);
  --soft: var(--rslp-raised);
  --surface: var(--rslp-surface);
  --surface-2: var(--rslp-canvas-soft);
  --line: var(--rslp-border);
  --muted: var(--rslp-muted);
  --shadow: var(--rslp-shadow);
  /* Shared-session startup and recovery panels live outside the #app scope. */
  --ex-bg: var(--rslp-canvas);
  --ex-surface: var(--rslp-surface);
  --ex-soft: var(--rslp-raised);
  --ex-line: var(--rslp-border);
  --ex-text: var(--rslp-text);
  --ex-muted: var(--rslp-muted);
  --ex-accent: var(--rslp-blue);
  --ex-tint: var(--rslp-tint);
  --agency-canvas: var(--rslp-canvas);
  --agency-canvas-soft: var(--rslp-canvas-soft);
  --agency-panel: var(--rslp-surface);
  --agency-panel-raised: var(--rslp-raised);
  --agency-panel-hover: var(--rslp-hover);
  --agency-border: var(--rslp-border);
  --agency-border-strong: var(--rslp-border-strong);
  --agency-text: var(--rslp-text);
  --agency-text-soft: var(--rslp-text-soft);
  --agency-muted: var(--rslp-muted);
  --agency-blue: var(--rslp-blue);
  --agency-blue-strong: var(--rslp-primary);
  --agency-blue-soft: var(--rslp-tint);
  --agency-green: var(--rslp-success);
  --agency-green-soft: var(--rslp-success-soft);
  --agency-amber: var(--rslp-warning);
  --agency-amber-soft: var(--rslp-warning-soft);
  --agency-danger: var(--rslp-danger);
  --agency-danger-soft: var(--rslp-danger-soft);
  --agency-shadow: var(--rslp-shadow);
  --admin-canvas: var(--rslp-canvas);
  --admin-surface: var(--rslp-surface);
  --admin-surface-soft: var(--rslp-canvas-soft);
  --admin-border: var(--rslp-border);
  --admin-border-strong: var(--rslp-border-strong);
  --admin-ink: var(--rslp-text);
  --admin-muted: var(--rslp-muted);
  --admin-blue: var(--rslp-primary);
  --admin-blue-strong: var(--rslp-primary-hover);
  --admin-blue-soft: var(--rslp-tint);
  --admin-green: var(--rslp-success);
  --admin-amber: var(--rslp-warning);
  --admin-shadow: var(--rslp-shadow);
  --ca-bg: var(--rslp-canvas);
  --ca-surface: var(--rslp-surface);
  --ca-surface-2: var(--rslp-canvas-soft);
  --ca-sidebar: var(--rslp-surface);
  --ca-sidebar-soft: var(--rslp-raised);
  --ca-border: var(--rslp-border);
  --ca-text: var(--rslp-text);
  --ca-muted: var(--rslp-muted);
  --ca-accent: var(--rslp-primary);
  --ca-accent-soft: var(--rslp-tint);
  --ca-success: var(--rslp-success);
  --ca-warning: var(--rslp-warning);
  --ca-danger: var(--rslp-danger);
  --ca-shadow: var(--rslp-shadow);
  --rs-blue: var(--rslp-primary);
  --rs-blue-dark: var(--rslp-text);
  --rs-blue-soft: var(--rslp-tint);
  --rs-blue-line: var(--rslp-border);
  --rs-cream: var(--rslp-tint);
  --rs-paper: var(--rslp-canvas-soft);
  --rs-ink: var(--rslp-text);
  --rs-muted: var(--rslp-muted);
  --rs-line: var(--rslp-border);
  --rs-bg: var(--rslp-canvas);
  --rs-card: var(--rslp-surface);
  --rs-card-soft: var(--rslp-canvas-soft);
  --rs-shadow: var(--rslp-shadow);
  --rs-shadow-soft: var(--rslp-shadow);
  --rentas-ink: var(--rslp-text);
  --rentas-muted: var(--rslp-muted);
  --rentas-blue: var(--rslp-primary);
  --rentas-blue-dark: var(--rslp-blue);
  --rentas-blue-soft: var(--rslp-tint);
  --rentas-gold: var(--rslp-blue);
  --rentas-line: var(--rslp-border);
  --rentas-bg: var(--rslp-canvas);
  --rentas-card: var(--rslp-surface);
}

/* Reuse the existing priority layer instead of adding more repeated ID selectors.
   Only the palette and identifiable UI chrome are changed; document/image content
   and the responsive positioning rules keep their own styles. */
@layer admin-system {
  html:root, html:root body {
    color: var(--rslp-text) !important;
    background: var(--rslp-canvas) !important;
  }
  #app {
    --agency-border-strong: var(--rslp-border-strong) !important;
    --ui-canvas: var(--rslp-canvas) !important;
    --ui-surface: var(--rslp-surface) !important;
    --ui-raised: var(--rslp-raised) !important;
    --ui-line: var(--rslp-border) !important;
    --ui-text: var(--rslp-text) !important;
    --ui-muted: var(--rslp-muted) !important;
    --ui-accent: var(--rslp-blue) !important;
    --ui-primary: var(--rslp-primary) !important;
    --ui-tint: var(--rslp-tint) !important;
    --ui-success: var(--rslp-success) !important;
    --ui-success-soft: var(--rslp-success-soft) !important;
    --ui-warning: var(--rslp-warning) !important;
    --ui-danger: var(--rslp-danger) !important;
    --admin-ink: var(--rslp-text) !important;
    --admin-muted: var(--rslp-muted) !important;
    --admin-soft: var(--rslp-canvas-soft) !important;
    --admin-card: var(--rslp-surface) !important;
    --admin-card-solid: var(--rslp-surface) !important;
    --admin-line: var(--rslp-border) !important;
    --admin-blue: var(--rslp-primary) !important;
    --admin-blue-dark: var(--rslp-blue) !important;
    --admin-blue-soft: var(--rslp-tint) !important;
    --admin-green: var(--rslp-success) !important;
    --mobile-surface: var(--rslp-surface) !important;
    --mobile-surface-raised: var(--rslp-raised) !important;
    --mobile-border: var(--rslp-border) !important;
    --mobile-text: var(--rslp-text) !important;
    --mobile-muted: var(--rslp-muted) !important;
    --mobile-accent: var(--rslp-blue) !important;
  }
  #app :is(.experience-primary, .home-primary, .properties-v2-primary, .tenants-v2-primary, .cw-new, [data-ine-save], .settings-v2-form-actions button[type="submit"]) {
    color: #fff !important;
    background: var(--rslp-primary) !important;
    border-color: var(--rslp-primary) !important;
    box-shadow: none !important;
  }
  #app :is(.experience-primary, .home-primary, .properties-v2-primary, .tenants-v2-primary, .cw-new, .tenant-contract-generate):hover:not(:disabled) { background: var(--rslp-primary-hover) !important; }
  #app :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]), select, textarea) { border-color: var(--rslp-border-strong) !important; }
  #app .home-workspace {
    --home-bg: var(--rslp-surface) !important;
    --home-soft: var(--rslp-raised) !important;
    --home-line: var(--rslp-border) !important;
    --home-ink: var(--rslp-text) !important;
    --home-muted: var(--rslp-muted) !important;
    --home-blue: var(--rslp-blue) !important;
    --home-green: var(--rslp-success) !important;
    --home-amber: var(--rslp-warning) !important;
    --home-red: var(--rslp-danger) !important;
  }
  #app #properties {
    --service-bg: var(--rslp-surface) !important;
    --service-soft: var(--rslp-canvas-soft) !important;
    --service-ink: var(--rslp-text) !important;
    --service-muted: var(--rslp-muted) !important;
    --service-line: var(--rslp-border) !important;
    --service-link: var(--rslp-blue) !important;
    --service-danger: var(--rslp-danger) !important;
    --service-green: var(--rslp-success) !important;
  }
  #app #calendar {
    --gm-bg: var(--rslp-surface) !important;
    --gm-text: var(--rslp-text) !important;
    --gm-muted: var(--rslp-muted) !important;
    --gm-border: var(--rslp-border) !important;
    --gm-hover: var(--rslp-hover) !important;
    --gm-accent: var(--rslp-blue) !important;
    --gm-selected: var(--rslp-tint) !important;
  }
  #app #ine-intake {
    --ine-bg: var(--rslp-surface) !important;
    --ine-soft: var(--rslp-raised) !important;
    --ine-text: var(--rslp-text) !important;
    --ine-muted: var(--rslp-muted) !important;
    --ine-border: var(--rslp-border) !important;
  }
  :is(#tenant-app, #public-catalog) {
    color: var(--rslp-text) !important;
    background: var(--rslp-canvas) !important;
  }
  #public-catalog {
    --rentas-blue: var(--rslp-primary) !important;
    --rentas-blue-dark: var(--rslp-blue) !important;
    --rentas-blue-soft: var(--rslp-tint) !important;
    --rentas-line: var(--rslp-border) !important;
    --public-blue: var(--rslp-primary) !important;
    --public-blue-dark: var(--rslp-blue) !important;
    --public-blue-line: var(--rslp-border) !important;
    --public-blue-soft: var(--rslp-tint) !important;
  }

  #login.cool-login-screen {
    background: radial-gradient(ellipse at 10% 5%, var(--rslp-tint), transparent 65%), var(--rslp-canvas) !important;
    color: var(--rslp-text) !important;
  }
  #login :is(.cool-login-card, .cool-auth-card, .cool-access-details, .primary-login, .landlord-login) {
    background: var(--rslp-surface) !important;
    border-color: var(--rslp-border) !important;
    box-shadow: none !important;
    border-radius: 12px !important;
  }
  #login .cool-login-card {
    box-shadow: var(--rslp-shadow) !important;
  }
  #login :is(.cool-auth-form, .cool-tenant-login > .cool-auth-form) { background: transparent !important; }
  #login .cool-login-logo,
  #login :is(.cool-login-logo strong, .cool-login-title h1, .cool-auth-form label, .cool-check) {
    color: var(--rslp-text) !important;
  }
  #login .cool-login-title h1 {
    font-family: "Segoe UI", Inter, Arial, sans-serif !important;
    font-weight: 650 !important;
    line-height: 1.15 !important;
    font-size: clamp(1.7rem, 4vw, 2.2rem) !important;
  }
  #login :is(.cool-login-title p, .cool-auth-foot, .cool-auth-divider, .passkey-help, .auth-status) {
    color: var(--rslp-muted) !important;
    border-color: var(--rslp-border) !important;
  }
  #login .cool-auth-divider span { background: var(--rslp-surface) !important; }
  #login :is(.cool-access-details > summary, .cool-admin-secret > summary) {
    color: var(--rslp-blue) !important;
    background: var(--rslp-tint) !important;
  }
  #login :is(.large-action, .cool-public-action, .passkey-login-button) {
    color: #fff !important;
    background: var(--rslp-primary) !important;
    box-shadow: none !important;
  }
  #login :is(.large-action, .cool-public-action, .passkey-login-button):hover:not(:disabled) {
    background: var(--rslp-primary-hover) !important;
  }
  #login .cool-outline-action { color: var(--rslp-blue) !important; background: var(--rslp-surface) !important; border-color: var(--rslp-border-strong) !important; }
  #login .link-button { color: var(--rslp-blue) !important; }

  :is(#login, #tenant-app, #public-catalog, .passkey-dialog) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]), select, textarea) {
    color: var(--rslp-text) !important;
    background-color: var(--rslp-canvas-soft) !important;
    border-color: var(--rslp-border-strong) !important;
    box-shadow: none !important;
  }
  :is(#login, #tenant-app, #public-catalog, .passkey-dialog) :is(input, textarea)::placeholder { color: var(--rslp-muted) !important; opacity: 1; }
  :is(#login, #tenant-app, #public-catalog, .passkey-dialog) :is(input[type="checkbox"], input[type="radio"]) { accent-color: var(--rslp-primary) !important; }
  :is(#login, #tenant-app, #public-catalog, .passkey-dialog) :is(button, a, input, select, textarea, summary):focus-visible { outline: 2px solid var(--rslp-blue) !important; outline-offset: 3px !important; }
  :is(#tenant-app, #public-catalog) :is(h1, h2, h3, h4, strong, label, summary):not(:where(#document, #document *)) {
    color: var(--rslp-text) !important;
    font-family: "Segoe UI", Inter, Arial, sans-serif !important;
  }
  :is(#tenant-app, #public-catalog) :is(p, small, .meta, .muted):not(:where(#document, #document *)) { color: var(--rslp-muted) !important; }
  :is(#tenant-app, #public-catalog) :is(.card, .item, .property-summary, .tenant-profile-card, .tenant-document-panel, .tenant-file-block, .tenant-document-item, .tenant-qr-card, .tenant-self-qr, .tenant-focus-card, .tenant-access) {
    background: var(--rslp-surface) !important;
    border-color: var(--rslp-border) !important;
    color: var(--rslp-text) !important;
    box-shadow: var(--rslp-shadow) !important;
  }
  #tenant-app :is(.stats .stat, .report-facts span, .property-money span, .qr-url, .payment-cta, .steps span) {
    background: var(--rslp-raised) !important;
    border-color: var(--rslp-border) !important;
    color: var(--rslp-text) !important;
  }
  :is(#tenant-app, #public-catalog) .app-kicker { color: var(--rslp-muted) !important; }
  :is(#tenant-app, #public-catalog) :is(.app-header, .tenant-panel-nav, .tenant-bottom-nav, .public-mobile-header, .public-desktop-header, .public-bottom-nav, .public-section-nav, .public-mobile-location-rail) {
    color: var(--rslp-text) !important;
    background: var(--rslp-surface) !important;
    border-color: var(--rslp-border) !important;
    box-shadow: var(--rslp-shadow) !important;
  }
  :is(#tenant-app, #public-catalog) :is(.tenant-panel-nav, .tenant-bottom-nav, .public-bottom-nav, .public-section-nav) button {
    color: var(--rslp-muted) !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }
  #public-catalog :is(.public-bottom-nav, .public-section-nav) .public-nav-label { color: inherit !important; }
  #public-catalog :is(.public-bottom-nav, .public-section-nav) .public-nav-icon { color: inherit !important; background: transparent !important; border-color: transparent !important; box-shadow: none !important; }
  #public-catalog :is(.public-bottom-nav, .public-section-nav) .public-nav-icon::before { background: currentColor !important; }
  #public-catalog .public-nav-icon-spark::before { -webkit-mask: var(--modern-nav-icon) center / contain no-repeat !important; mask: var(--modern-nav-icon) center / contain no-repeat !important; }
  :is(#tenant-app, #public-catalog) :is(.tenant-panel-nav, .tenant-bottom-nav, .public-bottom-nav, .public-section-nav) button:is(.active, [aria-selected="true"]),
  #app :is(.admin-mobile-menu-grid button.active, .admin-mobile-select) {
    color: var(--rslp-blue) !important;
    background: var(--rslp-tint) !important;
    border-color: var(--rslp-border) !important;
  }
  :is(#tenant-app, #public-catalog) :is(button.secondary, button.ghost, .file-button, .view-link) {
    background: var(--rslp-raised) !important;
    color: var(--rslp-text-soft) !important;
    border-color: var(--rslp-border) !important;
    box-shadow: none !important;
  }
  :is(#tenant-app, #public-catalog) :is(.button-link, .large-action) {
    background: var(--rslp-primary) !important;
    color: #fff !important;
    box-shadow: none !important;
  }
  :is(#tenant-app, #public-catalog) button.danger { color: var(--rslp-danger) !important; background: var(--rslp-danger-soft) !important; }

  :is(.passkey-offer, .passkey-account-card, .passkey-dialog, .experience-dialog, .admin-mobile-menu-sheet, .photo-viewer-card, .marketplace-publisher-card) {
    color: var(--rslp-text) !important;
    background: var(--rslp-surface) !important;
    border-color: var(--rslp-border) !important;
  }
  :is(.passkey-offer, .passkey-account-card, .passkey-dialog) :is(p, small, .passkey-help, .passkey-status) { color: var(--rslp-muted) !important; }
  :is(.passkey-offer, .passkey-account-card, .passkey-dialog) :is(h2, h3, strong, label) { color: var(--rslp-text) !important; }
  .passkey-device-list li { border-color: var(--rslp-border) !important; }
  :is(.passkey-offer, .passkey-account-card, .passkey-dialog) button:not(.secondary):not(.danger):not(.ghost) { color: #fff !important; background: var(--rslp-primary) !important; box-shadow: none !important; }
  .passkey-dialog button.secondary { color: var(--rslp-text-soft) !important; background: var(--rslp-raised) !important; border-color: var(--rslp-border) !important; box-shadow: none !important; }
  .passkey-dialog button.danger { color: var(--rslp-danger) !important; background: var(--rslp-danger-soft) !important; }
  :is(.passkey-dialog, .experience-dialog)::backdrop { background: rgb(0 16 36 / 68%); }
  :is(#login, #tenant-app, #public-catalog, .passkey-dialog) .error { color: var(--rslp-danger) !important; }

  /* Public catalogue chrome, leaving listing photos and the map intact. */
  #public-catalog :is(.public-room-card, .public-property-group, .public-contact-panel, .public-premium-map-card, .public-premium-map-head, .public-premium-filter-panel, .public-ai-chat-panel, .public-location-picker, .public-stay-explorer, .public-catalog-hero, .public-contact-ai-card) {
    color: var(--rslp-text) !important;
    background: var(--rslp-surface) !important;
    border-color: var(--rslp-border) !important;
    box-shadow: var(--rslp-shadow) !important;
  }
  #public-catalog :is(.public-services-grid article, .public-ai-chat-panel header, .public-ai-chat-prompts, .public-ai-chat-compose, .public-ai-chat-note) {
    color: var(--rslp-text) !important;
    background: var(--rslp-surface) !important;
    border-color: var(--rslp-border) !important;
    box-shadow: none !important;
  }
  #public-catalog :is(.public-ai-chat-messages, .public-contact-direct-card, .public-contact-selected-room, .public-summary-grid > span) {
    color: var(--rslp-text) !important;
    background: var(--rslp-canvas-soft) !important;
    border-color: var(--rslp-border) !important;
  }
  #public-catalog .public-location-tab { color: var(--rslp-blue) !important; background: var(--rslp-raised) !important; border-color: var(--rslp-border) !important; }
  #public-catalog :is(.public-location-tab, .public-rail-filter-button):is(.active, :hover) { color: var(--rslp-blue) !important; background: var(--rslp-tint) !important; border-color: var(--rslp-blue) !important; }
  #public-catalog .public-mobile-location-rail :is(button > span, button > strong) { color: inherit !important; }
  #public-catalog .public-room-details {
    color: var(--rslp-text) !important;
    background: var(--rslp-canvas-soft) !important;
    border-color: var(--rslp-border) !important;
    box-shadow: none !important;
  }
  #public-catalog .public-room-details .public-services span { color: var(--rslp-text-soft) !important; background: var(--rslp-raised) !important; border-color: var(--rslp-border) !important; }
  #public-catalog .public-stay-filter-panel {
    color: var(--rslp-text) !important;
    background: var(--rslp-surface) !important;
    border-color: var(--rslp-border) !important;
    box-shadow: var(--rslp-shadow) !important;
  }
  #public-catalog .public-stay-filter-chips button {
    color: var(--rslp-text-soft) !important;
    background: var(--rslp-raised) !important;
    border-color: var(--rslp-border) !important;
    box-shadow: none !important;
  }
  #public-catalog .public-stay-filter-chips button:is(.active, :hover) { color: var(--rslp-blue) !important; background: var(--rslp-tint) !important; border-color: var(--rslp-blue) !important; }
  #public-catalog .public-stay-filter-chips button span { color: inherit !important; background: transparent !important; }
  #public-catalog :is(.public-stay-filter-chips button small, .public-filter-toggle small) { color: var(--rslp-blue) !important; background: var(--rslp-tint) !important; }
  #public-catalog .public-stay-filter-chips button.active small { color: var(--rslp-blue) !important; background: var(--rslp-surface) !important; }
  #public-catalog .public-price-filter-form button { color: #fff !important; background: var(--rslp-primary) !important; }
  #public-catalog .public-ai-message > div { color: var(--rslp-text) !important; background: var(--rslp-raised) !important; border-color: var(--rslp-border) !important; }
  #public-catalog .public-ai-message.user > div { color: #fff !important; background: var(--rslp-primary) !important; border-color: var(--rslp-primary) !important; }
  #public-catalog .public-ai-message.user > div p { color: #fff !important; }
  #public-catalog :is(.public-ai-chat-prompts button, .public-ai-chat-panel header button) { color: var(--rslp-blue) !important; background: var(--rslp-tint) !important; border-color: var(--rslp-border) !important; }
  #public-catalog .public-ai-chat-compose button { color: #fff !important; background: var(--rslp-primary) !important; }
  #public-catalog :is(.public-services-head > span, .public-services-grid small) { color: var(--rslp-blue) !important; }
  #public-catalog :is(.public-premium-map-list, .public-premium-search, .public-premium-filter-menu, .public-map-view-toggle, .public-room-tags span, .public-room-features span, .public-location-pills, .public-stay-row-controls, .public-stay-explorer-summary, .public-filter-toggle, .public-rail-filter-button) {
    color: var(--rslp-text-soft) !important;
    background: var(--rslp-raised) !important;
    border-color: var(--rslp-border) !important;
    box-shadow: none !important;
  }
  #public-catalog :is(.public-premium-map-list button, .public-premium-filter-panel button, .public-location-pills button, .public-map-view-toggle button) {
    color: var(--rslp-text-soft) !important;
    background: var(--rslp-surface) !important;
    border-color: var(--rslp-border) !important;
    box-shadow: none !important;
  }
  #public-catalog :is(.public-premium-map-list button, .public-premium-filter-panel button, .public-location-pills button, .public-map-view-toggle button):is(.active, [aria-selected="true"]) {
    color: var(--rslp-blue) !important;
    background: var(--rslp-tint) !important;
    border-color: var(--rslp-blue) !important;
  }
  #public-catalog :is(.public-card-detail-button, .public-card-whatsapp-action, .public-premium-search-button, .public-contact-action, .public-hero-action) {
    color: #fff !important;
    background: var(--rslp-primary) !important;
    border-color: var(--rslp-primary) !important;
    box-shadow: none !important;
  }
  #public-catalog :is(.public-stay-badge, .public-map-list-pin, .public-map-list-count, .public-room-price, .public-room-status, .public-availability-badge) {
    color: var(--rslp-blue) !important;
    background: var(--rslp-tint) !important;
    border-color: var(--rslp-border) !important;
  }
  #public-catalog .public-premium-hero {
    background:
      linear-gradient(90deg, rgb(7 27 51 / 92%) 0%, rgb(7 27 51 / 82%) 55%, rgb(7 27 51 / 40%) 100%),
      var(--hero-photo, none) center / cover no-repeat,
      #0b5da9 !important;
  }
  #public-catalog :is(.public-premium-benefits, .public-premium-benefits article, .public-premium-contact-card) {
    color: var(--rslp-text) !important;
    background: var(--rslp-surface) !important;
    border-color: var(--rslp-border) !important;
  }
  #public-catalog .public-premium-benefits span { color: var(--rslp-muted) !important; }
  #public-catalog .public-desktop-main-nav button { color: var(--rslp-muted) !important; background: transparent !important; }
  #public-catalog .public-desktop-main-nav button.active { color: var(--rslp-blue) !important; border-color: var(--rslp-blue) !important; }
  #public-catalog :is(.public-whatsapp-action, .public-premium-search-action) { color: #fff !important; background: var(--rslp-primary) !important; border-color: var(--rslp-primary) !important; }
  #public-catalog .public-whatsapp-action strong { color: #fff !important; }
  #public-catalog .public-whatsapp-action .public-contact-icon-whatsapp { color: #fff !important; background: #fff !important; }
  @media (max-width: 760px) {
    #public-catalog .public-premium-hero {
      background:
        linear-gradient(180deg, rgb(7 27 51 / 70%) 0%, rgb(7 27 51 / 90%) 100%),
        var(--hero-photo, none) center / cover no-repeat,
        #0b5da9 !important;
    }
  }
  #public-catalog :is(.public-premium-hero h1, .public-premium-hero p, .public-premium-trust-row strong, .public-premium-trust-row small) { color: #fff !important; }

  /* Conversations share portal chrome; green remains available for status. */
  #app #whatsapp :is(.whatsapp-admin-console, .whatsapp-chat-list, .whatsapp-chat-panel, .whatsapp-list-head, .whatsapp-chat-head, .whatsapp-status-grid, .whatsapp-composer-preview) {
    color: var(--rslp-text) !important;
    background: var(--rslp-surface) !important;
    border-color: var(--rslp-border) !important;
    box-shadow: none !important;
  }
  #app #whatsapp .whatsapp-chat-body { background: var(--rslp-canvas-soft) !important; }
  #app #whatsapp :is(h2, strong, .whatsapp-chat-bubble p) { color: var(--rslp-text) !important; }
  #app #whatsapp :is(p, small, time, .whatsapp-connection-line, .whatsapp-search-empty) { color: var(--rslp-muted) !important; }
  #app #whatsapp :is(.whatsapp-avatar, .whatsapp-brand-dot, .whatsapp-thread-count, .whatsapp-thread-button.active) { color: var(--rslp-blue) !important; background: var(--rslp-tint) !important; }
  #app #whatsapp .whatsapp-thread-button:hover { background: var(--rslp-raised) !important; }
  #app #whatsapp :is(.whatsapp-status-grid > span, .whatsapp-composer-preview > span, .whatsapp-chat-bubble) { color: var(--rslp-text) !important; background: var(--rslp-raised) !important; border-color: var(--rslp-border) !important; }
  #app #whatsapp .whatsapp-chat-bubble.out { background: var(--rslp-tint) !important; }
  #app #whatsapp :is(.whatsapp-chat-bubble.system, .whatsapp-list-note.warn) { color: var(--rslp-warning) !important; background: var(--rslp-warning-soft) !important; }
  #app #whatsapp .whatsapp-list-note { color: var(--rslp-text) !important; background: var(--rslp-tint) !important; }
  #app #whatsapp :is(.whatsapp-composer-preview button, .whatsapp-chat-empty button) { color: #fff !important; background: var(--rslp-primary) !important; }
  #app #whatsapp .whatsapp-live-pill.automatic { color: var(--rslp-success) !important; background: var(--rslp-success-soft) !important; }
  #app #whatsapp .whatsapp-live-pill:not(.automatic) { color: var(--rslp-warning) !important; background: var(--rslp-warning-soft) !important; }
  #app #whatsapp .whatsapp-filter-row button.active { color: var(--rslp-blue) !important; }
  #app .admin-mobile-menu-grid button { color: var(--rslp-text-soft) !important; background: var(--rslp-raised) !important; border-color: var(--rslp-border) !important; }
}

}