/* V13.2 flagship identity + palette layer. Presentation only. */
:root{
  --brand-title-font:"Aptos Display","Segoe UI Variable Display","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --brand-body-font:"Aptos","Segoe UI Variable Text","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --brand-accent:#9B4DFF;
  --brand-accent-2:#9B4DFF2;
  --brand-deep:#150D35;
}
body{font-family:var(--brand-body-font)}
h1,h2,h3,.brand,.site-title,.product-title{font-family:var(--brand-title-font);letter-spacing:-.035em}
.brand{display:inline-flex!important;align-items:center;gap:.62rem;font-weight:820!important;white-space:nowrap;text-decoration:none}
.brand .brand-mark,.brand img.brand-mark{width:30px!important;height:30px!important;flex:0 0 30px;background:none!important;border-radius:8px;object-fit:contain}
.brand .brand-mark{background-image:url('/assets/brand-mark.svg')!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important}
.brand .brand-word{font-weight:850;letter-spacing:-.045em}
.brand .brand-word em{font-style:normal;color:var(--brand-accent)}
.brand-palette-toggle{appearance:none;border:1px solid color-mix(in srgb,var(--brand-accent),transparent 62%);background:color-mix(in srgb,var(--brand-accent),transparent 91%);color:inherit;width:34px;height:34px;min-height:34px!important;padding:0!important;border-radius:999px;display:inline-grid;place-items:center;cursor:pointer;flex:0 0 34px;margin-left:.35rem;box-shadow:none;transition:transform .16s ease,background .16s ease,border-color .16s ease}
.brand-palette-toggle:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--brand-accent),transparent 84%);border-color:color-mix(in srgb,var(--brand-accent),transparent 38%)}
.brand-palette-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-accent),#fff 28%);outline-offset:3px}
.brand-palette-toggle svg{width:18px;height:18px;display:block}
.brand-palette-toggle .alt-half{opacity:.34;transition:opacity .16s ease}
body[data-brand-palette="alt"] .brand-palette-toggle .alt-half{opacity:1}
body[data-brand-palette="alt"] .brand-palette-toggle .core-half{opacity:.34}

/* Alternate palette = deliberately different brand expression, not day/night. */
body[data-brand-palette="alt"]{
  --v13-bg:#F1F4FF!important;
  --v13-surface:#FFFFFF!important;
  --v13-ink:#24164F!important;
  --v13-muted:#665B86!important;
  --v13-line:#D7D9F4!important;
  color:#24164F;
  background:#F1F4FF;
}
body[data-brand-palette="alt"] .site-header,
body[data-brand-palette="alt"] header.site-header,
body[data-brand-palette="alt"] .nav-shell{background:color-mix(in srgb,#FFFFFF,transparent 5%)!important;color:#24164F!important;border-color:#D7D9F4!important}
body[data-brand-palette="alt"] .site-header a:not(.button):not(.header-cta):not(.nav-cta),
body[data-brand-palette="alt"] header a:not(.button):not(.header-cta):not(.nav-cta){color:#24164F}
body[data-brand-palette="alt"] .hero,
body[data-brand-palette="alt"] .rmh-hero{background:linear-gradient(135deg,#F1F4FF 0%,#FFFFFF 55%,color-mix(in srgb,var(--brand-accent),#fff 90%) 100%)!important;color:#24164F!important}
body[data-brand-palette="alt"] .hero h1,body[data-brand-palette="alt"] .hero h2,body[data-brand-palette="alt"] .hero h3,
body[data-brand-palette="alt"] .rmh-hero h1{color:#24164F!important}
body[data-brand-palette="alt"] .hero .lede,body[data-brand-palette="alt"] .hero .micro,body[data-brand-palette="alt"] .hero p,
body[data-brand-palette="alt"] .rmh-hero .lede{color:#665B86!important}
body[data-brand-palette="alt"] .card,body[data-brand-palette="alt"] .panel,body[data-brand-palette="alt"] .form-card,
body[data-brand-palette="alt"] .hero-card,body[data-brand-palette="alt"] .v13-hero-panel,body[data-brand-palette="alt"] .ops-board,
body[data-brand-palette="alt"] .facility-board,body[data-brand-palette="alt"] .market-card,body[data-brand-palette="alt"] .listing-card{
  background:#FFFFFF!important;color:#24164F!important;border-color:#D7D9F4!important;
}
body[data-brand-palette="alt"] .site-footer,body[data-brand-palette="alt"] footer{border-color:#D7D9F4}
@media(max-width:760px){.brand-palette-toggle{width:32px;height:32px;flex-basis:32px;margin-left:.15rem}.brand .brand-mark,.brand img.brand-mark{width:27px!important;height:27px!important;flex-basis:27px}}

.brand-palette-toggle.is-floating{position:fixed!important;right:14px;top:14px;z-index:9999;background:var(--v13-surface,#fff)}

/* ===== V13.3 FLAGSHIP UI ===== */
/* V13.3 Flagship UI System
   Load AFTER existing V13.2/V13.2.2 styles.
   Purpose: component-local color tokens, paired curated palettes, consistent controls.
*/
:root {
  --ui-radius-xs: 8px;
  --ui-radius-sm: 12px;
  --ui-radius-md: 18px;
  --ui-radius-lg: 26px;
  --ui-shadow-sm: 0 8px 24px rgba(24, 38, 58, .08);
  --ui-shadow-md: 0 18px 48px rgba(24, 38, 58, .12);
  --ui-focus: 0 0 0 4px color-mix(in srgb, var(--ui-primary) 24%, transparent);
  --ui-control-height: 46px;
  --ui-transition: 160ms ease;
}

html { color-scheme: light; }

body {
  background: var(--ui-bg) !important;
  color: var(--ui-ink) !important;
  transition: background-color 180ms ease, color 180ms ease;
}

body[data-brand-palette="alt"] { color-scheme: dark; }

main, .page, .page-shell, .shell, .content {
  color: var(--ui-ink);
}

header, .site-header, .topbar, nav, .nav-shell {
  background: var(--ui-header-bg) !important;
  color: var(--ui-header-ink) !important;
  border-color: var(--ui-border) !important;
}

header a, .site-header a, .topbar a, nav a, .nav-shell a {
  color: var(--ui-header-ink) !important;
}

section, .section {
  color: var(--ui-ink);
}

.card, .panel, .tile, .module, .form-card, .form-panel, .surface,
.metric-row, .metric-card, .stat-card, .result-card, .listing-card {
  background: var(--ui-surface) !important;
  color: var(--ui-ink) !important;
  border: 1px solid var(--ui-border) !important;
  box-shadow: var(--ui-shadow-sm);
}

.card h1, .card h2, .card h3, .card h4,
.panel h1, .panel h2, .panel h3, .panel h4,
.tile h1, .tile h2, .tile h3, .tile h4,
.metric-row h1, .metric-row h2, .metric-row h3, .metric-row h4,
.metric-card h1, .metric-card h2, .metric-card h3, .metric-card h4,
.stat-card h1, .stat-card h2, .stat-card h3, .stat-card h4 {
  color: var(--ui-ink) !important;
}

.card p, .card span, .card small,
.panel p, .panel span, .panel small,
.tile p, .tile span, .tile small,
.metric-row p, .metric-row span, .metric-row small,
.metric-card p, .metric-card span, .metric-card small,
.stat-card p, .stat-card span, .stat-card small {
  color: var(--ui-muted) !important;
}

.surface-alt, .section-alt, .band, .strip, .subtle {
  background: var(--ui-surface-alt) !important;
  color: var(--ui-ink) !important;
}

a {
  color: var(--ui-link);
  text-underline-offset: 3px;
}

a:hover { color: var(--ui-link-hover); }

button, .button, .btn, [role="button"],
input[type="submit"], input[type="button"] {
  min-height: var(--ui-control-height);
  border-radius: var(--ui-radius-sm);
  border: 1px solid transparent;
  font: inherit;
  font-weight: 750;
  letter-spacing: .005em;
  transition:
    transform var(--ui-transition),
    box-shadow var(--ui-transition),
    background-color var(--ui-transition),
    border-color var(--ui-transition),
    color var(--ui-transition);
}

button:not(.secondary):not(.ghost):not(.outline),
.button:not(.secondary):not(.ghost):not(.outline),
.btn:not(.secondary):not(.ghost):not(.outline),
input[type="submit"] {
  background: var(--ui-primary) !important;
  color: var(--ui-primary-ink) !important;
  border-color: var(--ui-primary) !important;
}

button:not(:disabled):hover,
.button:hover, .btn:hover, [role="button"]:hover,
input[type="submit"]:not(:disabled):hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px color-mix(in srgb, var(--ui-primary) 24%, transparent);
}

button:not(.secondary):not(.ghost):not(.outline):hover,
.button:not(.secondary):not(.ghost):not(.outline):hover,
.btn:not(.secondary):not(.ghost):not(.outline):hover,
input[type="submit"]:hover {
  background: var(--ui-primary-hover) !important;
  border-color: var(--ui-primary-hover) !important;
}

.secondary, .button.secondary, .btn.secondary {
  background: var(--ui-surface-alt) !important;
  color: var(--ui-ink) !important;
  border-color: var(--ui-border-strong) !important;
}

.ghost, .outline, .button.ghost, .button.outline, .btn.ghost, .btn.outline {
  background: transparent !important;
  color: var(--ui-primary) !important;
  border-color: var(--ui-primary) !important;
}

button:focus-visible, .button:focus-visible, .btn:focus-visible,
a:focus-visible, input:focus-visible, select:focus-visible,
textarea:focus-visible, [role="button"]:focus-visible {
  outline: none !important;
  box-shadow: var(--ui-focus) !important;
}

button:disabled, .button[aria-disabled="true"], .btn[aria-disabled="true"],
input[type="submit"]:disabled {
  opacity: .52;
  cursor: not-allowed;
  transform: none !important;
  box-shadow: none !important;
}

input:not([type="radio"]):not([type="checkbox"]),
select, textarea {
  background: var(--ui-field-bg) !important;
  color: var(--ui-ink) !important;
  border: 1px solid var(--ui-border-strong) !important;
  border-radius: var(--ui-radius-sm);
  min-height: var(--ui-control-height);
  caret-color: var(--ui-primary);
}

input::placeholder, textarea::placeholder {
  color: var(--ui-muted) !important;
  opacity: .85;
}

input[type="radio"], input[type="checkbox"] {
  width: auto !important;
  min-height: auto !important;
  accent-color: var(--ui-primary);
}

label, legend { color: var(--ui-ink) !important; }
.help, .hint, .muted, .subtle-text, small { color: var(--ui-muted) !important; }

table, .table {
  background: var(--ui-surface) !important;
  color: var(--ui-ink) !important;
  border-color: var(--ui-border) !important;
}
th {
  background: var(--ui-surface-alt) !important;
  color: var(--ui-ink) !important;
}
td, th { border-color: var(--ui-border) !important; }

.badge, .pill, .status-pill, .chip {
  background: var(--ui-chip-bg) !important;
  color: var(--ui-chip-ink) !important;
  border: 1px solid var(--ui-chip-border) !important;
}

footer, .site-footer {
  background: var(--ui-footer-bg) !important;
  color: var(--ui-footer-ink) !important;
  border-color: var(--ui-border) !important;
}
footer a, .site-footer a { color: var(--ui-footer-link) !important; }

[data-brand-palette-toggle], .palette-toggle, #brandPaletteToggle {
  background: var(--ui-surface) !important;
  color: var(--ui-ink) !important;
  border: 1px solid var(--ui-border-strong) !important;
  box-shadow: none !important;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
  }
}

@media (max-width: 640px) {
  button, .button, .btn, input[type="submit"] {
    min-height: 48px;
  }
}
/* RentalMatchHQ V13.3 — indigo + sky, warmer and less industrial */
body {
  --ui-bg: #F7F6FB;
  --ui-surface: #FFFFFF;
  --ui-surface-alt: #EEEAF8;
  --ui-header-bg: #F0EDF8;
  --ui-header-ink: #2B2340;
  --ui-footer-bg: #29223C;
  --ui-footer-ink: #F1ECF8;
  --ui-footer-link: #C8BCF5;
  --ui-ink: #2B2340;
  --ui-muted: #6D6580;
  --ui-border: #DDD7E8;
  --ui-border-strong: #C5BCD6;
  --ui-primary: #6856B9;
  --ui-primary-hover: #5747A0;
  --ui-primary-ink: #FFFFFF;
  --ui-link: #5D4BAD;
  --ui-link-hover: #433681;
  --ui-field-bg: #FEFDFF;
  --ui-chip-bg: #E7F1F6;
  --ui-chip-ink: #2B647F;
  --ui-chip-border: #BDD7E4;
  --ui-accent: #4A8AB0;
}

body[data-brand-palette="alt"] {
  --ui-bg: #211B30;
  --ui-surface: #2D2540;
  --ui-surface-alt: #392E50;
  --ui-header-bg: #292139;
  --ui-header-ink: #F7F3FC;
  --ui-footer-bg: #181323;
  --ui-footer-ink: #EEE8F5;
  --ui-footer-link: #C9BEF7;
  --ui-ink: #F7F3FC;
  --ui-muted: #C0B8CF;
  --ui-border: #44395C;
  --ui-border-strong: #62547E;
  --ui-primary: #A798EB;
  --ui-primary-hover: #B8ACF3;
  --ui-primary-ink: #251D40;
  --ui-link: #BAADF2;
  --ui-link-hover: #D4CBFA;
  --ui-field-bg: #261F37;
  --ui-chip-bg: #263A48;
  --ui-chip-ink: #A9D6E8;
  --ui-chip-border: #405F70;
  --ui-accent: #78B5D0;
}

.hero, .rental-hero, .match-hero {
  background:
    radial-gradient(circle at 82% 8%, color-mix(in srgb, var(--ui-accent) 17%, transparent), transparent 31%),
    radial-gradient(circle at 20% 80%, color-mix(in srgb, var(--ui-primary) 11%, transparent), transparent 35%),
    linear-gradient(145deg, var(--ui-surface), var(--ui-surface-alt)) !important;
}

.match-card, .listing-card, .search-panel, .results-panel {
  background: var(--ui-surface) !important;
  color: var(--ui-ink) !important;
  border-color: var(--ui-border) !important;
}

/* V13.3 compatibility + flagship palette mapping */
body[data-brand-platform="rentalmatchhq"]{
 --v13-bg:var(--ui-bg)!important;--v13-surface:var(--ui-surface)!important;--v13-ink:var(--ui-ink)!important;--v13-muted:var(--ui-muted)!important;--v13-line:var(--ui-border)!important;
 --v13-accent:var(--ui-primary)!important;--v13-accent-2:var(--ui-accent)!important;--v13-cta-bg:var(--ui-primary)!important;--v13-cta-ink:var(--ui-primary-ink)!important;
 --bg:var(--ui-bg)!important;--surface:var(--ui-surface)!important;--ink:var(--ui-ink)!important;--muted:var(--ui-muted)!important;--line:var(--ui-border)!important;--accent:var(--ui-primary)!important;--panel:var(--ui-surface-alt)!important;
 background:var(--ui-bg)!important;color:var(--ui-ink)!important;
}
body[data-v13-family="rental"]{background:var(--ui-bg)!important;color:var(--ui-ink)!important}
body[data-v13-family="rental"] .site-header{background:color-mix(in srgb,var(--ui-header-bg),transparent 4%)!important;color:var(--ui-header-ink)!important;border-color:var(--ui-border)!important}
body[data-v13-family="rental"] .hero,body[data-v13-family="rental"] .rmh-hero{background:radial-gradient(circle at 82% 8%,color-mix(in srgb,var(--ui-accent) 17%,transparent),transparent 31%),radial-gradient(circle at 20% 80%,color-mix(in srgb,var(--ui-primary) 11%,transparent),transparent 35%),linear-gradient(145deg,var(--ui-surface),var(--ui-surface-alt))!important;color:var(--ui-ink)!important;border-color:var(--ui-border)!important}
body[data-v13-family="rental"] .rmh-match-section,body[data-v13-family="rental"] .section{background:var(--ui-bg)!important;color:var(--ui-ink)!important}
body[data-v13-family="rental"] .rmh-match-card,body[data-v13-family="rental"] .match-card,body[data-v13-family="rental"] .listing-card,body[data-v13-family="rental"] .market-card{background:var(--ui-surface)!important;color:var(--ui-ink)!important;border-color:var(--ui-border)!important}
body[data-v13-family="rental"] fieldset{border-color:var(--ui-border)!important;background:var(--ui-surface-alt)!important}


/* V13.3 rental deep-palette contrast contract */
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] .site-header,
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] header.site-header{background:color-mix(in srgb,var(--ui-header-bg),transparent 3%)!important;color:var(--ui-header-ink)!important;border-color:var(--ui-border)!important}
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] .site-header a,
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] nav a{color:var(--ui-header-ink)!important}
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] .rmh-hero{background:radial-gradient(circle at 82% 8%,color-mix(in srgb,var(--ui-accent) 16%,transparent),transparent 31%),radial-gradient(circle at 20% 80%,color-mix(in srgb,var(--ui-primary) 13%,transparent),transparent 35%),linear-gradient(145deg,#302746,#211B30)!important;color:var(--ui-ink)!important}
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] .rmh-copy h1,
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] .rmh-copy h2,
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] .rmh-copy h3{color:var(--ui-ink)!important}
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] .rmh-copy h1 em{color:#B8ACF3!important}
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] .rmh-copy .lede{color:var(--ui-muted)!important}
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] .rmh-principles span{background:#392E50!important;color:#EDE8F5!important;border-color:#62547E!important}
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] .rmh-example{background:#242F43!important;color:#F5F1FB!important}
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] .rmh-example span{color:#BCC9D8!important}
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] .rmh-example-result{background:#EEEAF8!important;color:#2B2340!important}
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] .rmh-match-section{background:#211B30!important;color:#F7F3FC!important}
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] .rmh-section-intro h2{color:#F7F3FC!important}
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] .rmh-section-intro p{color:#C0B8CF!important}
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] .rmh-match-card{background:#2D2540!important;color:#F7F3FC!important;border-color:#44395C!important}
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] .rmh-match-card label,
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] .rmh-priority-grid legend{color:#F7F3FC!important}
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] .rmh-match-card input,
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] .rmh-match-card select{background:#261F37!important;color:#F7F3FC!important;border-color:#62547E!important}
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] .rmh-priority-grid fieldset{background:#392E50!important;border-color:#53456D!important}
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] .rmh-priority-grid p,
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] .rmh-submit span{color:#C0B8CF!important}
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] .rmh-chips label{background:#46395F!important;color:#EEE9F6!important;border-color:#62547E!important}
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] .rmh-chips label:has(input:checked){background:#A798EB!important;color:#251D40!important;border-color:#A798EB!important}
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] .rmh-how{background:#2A223A!important;color:#F7F3FC!important}
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] .rmh-how h2,
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] .rmh-how h3{color:#F7F3FC!important}
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] .rmh-three article{background:#342A49!important;color:#F7F3FC!important;border-color:#4B3D64!important}
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] .rmh-three article p{color:#C0B8CF!important}
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] .rmh-three article>b{background:#6656B4!important;color:#FFFFFF!important}
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] .site-footer{background:#181323!important;color:#CFC6DC!important;border-color:#44395C!important}
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] .site-footer strong{color:#F7F3FC!important}
body[data-brand-platform="rentalmatchhq"][data-brand-palette="alt"] .site-footer a{color:#C9BEF7!important}