/* 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:#16C66A;
  --brand-accent-2:#16C66A2;
  --brand-deep:#05251B;
}
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:#F8F4E8!important;
  --v13-surface:#FFFFFF!important;
  --v13-ink:#173128!important;
  --v13-muted:#5F6E65!important;
  --v13-line:#DED7C4!important;
  color:#173128;
  background:#F8F4E8;
}
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:#173128!important;border-color:#DED7C4!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:#173128}
body[data-brand-palette="alt"] .hero,
body[data-brand-palette="alt"] .rmh-hero{background:linear-gradient(135deg,#F8F4E8 0%,#FFFFFF 55%,color-mix(in srgb,var(--brand-accent),#fff 90%) 100%)!important;color:#173128!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:#173128!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:#5F6E65!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:#173128!important;border-color:#DED7C4!important;
}
/* V13.2.1: reset dark-board child tokens when the board becomes a light panel. */
body[data-v13-site="propertyworkhq.com"][data-brand-palette="alt"] .ops-board .ops-head,
body[data-v13-site="propertyworkhq.com"][data-brand-palette="alt"] .ops-board .work-row{border-color:#DED7C4!important}
body[data-v13-site="propertyworkhq.com"][data-brand-palette="alt"] .ops-board .live-dot,
body[data-v13-site="propertyworkhq.com"][data-brand-palette="alt"] .ops-board .work-row span{color:#5F6E65!important}
body[data-v13-site="propertyworkhq.com"][data-brand-palette="alt"] .ops-board .work-icon{color:#0B6B3D!important;border-color:#B6DCC6!important;background:#F1FAF4!important}
body[data-v13-site="propertyworkhq.com"][data-brand-palette="alt"] .ops-board .status-pill{color:#173128!important;background:#E8F7ED!important;border:1px solid #B8E0C7!important}
body[data-v13-site="propertyworkhq.com"][data-brand-palette="alt"] .ops-board:after{color:rgba(23,49,40,.055)!important}
body[data-brand-palette="alt"] .site-footer,body[data-brand-palette="alt"] footer{border-color:#DED7C4}
@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;
  }
}
/* PropertyWorkHQ V13.3 — forest + sage + warm stone */
body {
  --ui-bg: #F5F6F0;
  --ui-surface: #FFFDF7;
  --ui-surface-alt: #EAF0E5;
  --ui-header-bg: #EEF2E9;
  --ui-header-ink: #21352B;
  --ui-footer-bg: #21382E;
  --ui-footer-ink: #EDF3EB;
  --ui-footer-link: #A7D4B8;
  --ui-ink: #21352B;
  --ui-muted: #637469;
  --ui-border: #D6DED2;
  --ui-border-strong: #B8C6B9;
  --ui-primary: #2F7659;
  --ui-primary-hover: #255F48;
  --ui-primary-ink: #FFFFFF;
  --ui-link: #2A6D52;
  --ui-link-hover: #1D503B;
  --ui-field-bg: #FFFDF9;
  --ui-chip-bg: #E8F0E7;
  --ui-chip-ink: #2C5D46;
  --ui-chip-border: #BED0BE;
  --ui-accent: #B1843E;
}

body[data-brand-palette="alt"] {
  --ui-bg: #16241E;
  --ui-surface: #203229;
  --ui-surface-alt: #293E33;
  --ui-header-bg: #1B2C24;
  --ui-header-ink: #F3F6EE;
  --ui-footer-bg: #111D18;
  --ui-footer-ink: #E5ECE5;
  --ui-footer-link: #95D0AA;
  --ui-ink: #F3F6EE;
  --ui-muted: #B6C4B9;
  --ui-border: #344D40;
  --ui-border-strong: #4C6958;
  --ui-primary: #6FBC8C;
  --ui-primary-hover: #88C99F;
  --ui-primary-ink: #163424;
  --ui-link: #8ACDA2;
  --ui-link-hover: #B0E0BF;
  --ui-field-bg: #1A2B23;
  --ui-chip-bg: #36422A;
  --ui-chip-ink: #E6CF9D;
  --ui-chip-border: #665638;
  --ui-accent: #D4AC65;
}

/* Keep the ops board intentionally deep in BOTH palettes.
   This fixes the old "white board + pale text" alternate-palette collision. */
.ops-board, .operations-board, .portfolio-board {
  --ops-bg: #233A30;
  --ops-surface: #2D493C;
  --ops-ink: #F4F7F0;
  --ops-muted: #BBCAC0;
  --ops-border: #486557;
  background: var(--ops-bg) !important;
  color: var(--ops-ink) !important;
  border-color: var(--ops-border) !important;
  box-shadow: 0 20px 44px rgba(18, 38, 29, .18);
}
body[data-brand-palette="alt"] .ops-board,
body[data-brand-palette="alt"] .operations-board,
body[data-brand-palette="alt"] .portfolio-board {
  --ops-bg: #111E18;
  --ops-surface: #1B3026;
  --ops-ink: #F3F6EE;
  --ops-muted: #B6C4B9;
  --ops-border: #385746;
}
.ops-board *,
.operations-board *,
.portfolio-board * { border-color: var(--ops-border) !important; }
.ops-board h1, .ops-board h2, .ops-board h3, .ops-board h4,
.ops-board strong, .ops-board .work-icon,
.operations-board h1, .operations-board h2, .operations-board h3,
.portfolio-board h1, .portfolio-board h2, .portfolio-board h3 {
  color: var(--ops-ink) !important;
}
.ops-board p, .ops-board span, .ops-board small, .ops-board .work-row span,
.operations-board p, .operations-board span, .operations-board small,
.portfolio-board p, .portfolio-board span, .portfolio-board small {
  color: var(--ops-muted) !important;
}
.ops-board .status-pill, .operations-board .status-pill, .portfolio-board .status-pill {
  background: var(--ops-surface) !important;
  color: var(--ops-ink) !important;
  border-color: var(--ops-border) !important;
}

.hero, .property-hero {
  background:
    radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--ui-accent) 13%, transparent), transparent 32%),
    linear-gradient(145deg, var(--ui-surface), var(--ui-surface-alt)) !important;
}

/* V13.3 compatibility + flagship palette mapping */
body[data-brand-platform="propertyworkhq"]{
 --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="property"] .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="property"] .hero{background:radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--ui-accent) 13%,transparent),transparent 32%),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="property"] .hero p,body[data-v13-family="property"] .hero .lede{color:var(--ui-muted)!important}
body[data-v13-family="property"] .proof-strip{background:#244335!important;color:#F4F7F0!important}
body[data-v13-family="property"] .proof-strip span{color:#C7D6CC!important}
body[data-v13-family="property"] .section:not(.dark){background:var(--ui-bg)!important;color:var(--ui-ink)!important}
body[data-v13-family="property"] .section.dark{background:#20352B!important;color:#F3F6EE!important;border-color:#344D40!important}
body[data-v13-family="property"] .section.dark p,body[data-v13-family="property"] .section.dark span{color:#C3D0C6!important}
body[data-v13-family="property"] .service-card,body[data-v13-family="property"] .account-panel,body[data-v13-family="property"] .form-card{background:var(--ui-surface)!important;color:var(--ui-ink)!important;border-color:var(--ui-border)!important}
body[data-v13-family="property"] .service-card p,body[data-v13-family="property"] .account-panel p{color:var(--ui-muted)!important}


/* V13.3 property palette contracts — deliberate light/deep systems */
body[data-brand-platform="propertyworkhq"] .proof-grid b{color:#F4F7F0!important}
body[data-brand-platform="propertyworkhq"] .proof-grid span{color:#C7D6CC!important}
body[data-brand-platform="propertyworkhq"] .account-cta{background:#DCE8D6!important;color:#21352B!important}
body[data-brand-platform="propertyworkhq"] .account-cta h2,
body[data-brand-platform="propertyworkhq"] .account-cta p{color:#21352B!important}
body[data-brand-platform="propertyworkhq"] .account-panel{background:#FFFDF7!important;color:#21352B!important;border-color:#B8C6B9!important}
body[data-brand-platform="propertyworkhq"] .site-footer strong{color:#F1F5F2!important}
body[data-brand-platform="propertyworkhq"] .site-footer p{color:#B9C8C0!important}
body[data-brand-platform="propertyworkhq"] .site-footer a{color:#A7D4B8!important}

body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .site-header,
body[data-brand-platform="propertyworkhq"][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="propertyworkhq"][data-brand-palette="alt"] .site-header a,
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .nav-links a{color:var(--ui-header-ink)!important}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .hero{background:radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--ui-accent) 12%,transparent),transparent 32%),linear-gradient(145deg,#1B2C24,#16241E)!important;color:var(--ui-ink)!important}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .hero h1,
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .hero h2,
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .hero h3{color:var(--ui-ink)!important}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .hero h1 em{color:#83C99D!important}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .hero .lede,
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .hero .micro,
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .hero p{color:var(--ui-muted)!important}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .ops-board,
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .operations-board,
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .portfolio-board{background:#111E18!important;color:#F3F6EE!important;border-color:#385746!important}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .ops-board .ops-head,
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .ops-board .work-row{border-color:#385746!important}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .ops-board .work-row span,
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .ops-board .live-dot{color:#B6C4B9!important}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .ops-board .work-icon{color:#A9DABB!important;background:#1B3026!important;border-color:#4C6958!important}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .ops-board .status-pill{color:#DCE8D6!important;background:#294638!important;border-color:#4C6958!important}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .proof-strip{background:#213B30!important;color:#F4F7F0!important}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .section:not(.dark){background:var(--ui-bg)!important;color:var(--ui-ink)!important}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .section:not(.dark) h2,
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .section:not(.dark) h3{color:var(--ui-ink)!important}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .section:not(.dark) p{color:var(--ui-muted)!important}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .service-card{background:#203229!important;color:#F3F6EE!important;border-color:#344D40!important}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .service-card p{color:#B6C4B9!important}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .service-card .number{color:#90B29D!important}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .section.dark{background:#1B2F26!important;color:#F3F6EE!important}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .workflow{background:#344D40!important;border-color:#344D40!important}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .workflow article{background:#203229!important;color:#F3F6EE!important}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .workflow p{color:#B6C4B9!important}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .account-cta{background:#294638!important;color:#F3F6EE!important}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .account-cta h2,
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .account-cta p{color:#F3F6EE!important}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .account-panel{background:#203229!important;color:#F3F6EE!important;border-color:#4C6958!important}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .account-panel p{color:#B6C4B9!important}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .site-footer{background:#101D17!important;color:#E5ECE5!important}


/* V13.3.2 — PropertyWorkHQ success/workspace offer contrast hardening */
body[data-v13-site="propertyworkhq.com"] .ws-offer {
  background: var(--ui-surface) !important;
  color: var(--ui-ink) !important;
  border: 1px solid var(--ui-border) !important;
  box-shadow: var(--ui-shadow-md) !important;
}
body[data-v13-site="propertyworkhq.com"] .ws-offer h1,
body[data-v13-site="propertyworkhq.com"] .ws-offer h2,
body[data-v13-site="propertyworkhq.com"] .ws-offer h3,
body[data-v13-site="propertyworkhq.com"] .ws-offer label,
body[data-v13-site="propertyworkhq.com"] .ws-offer .check,
body[data-v13-site="propertyworkhq.com"] .ws-offer .check span { color: var(--ui-ink) !important; }
body[data-v13-site="propertyworkhq.com"] .ws-offer p,
body[data-v13-site="propertyworkhq.com"] .ws-offer .micro { color: var(--ui-muted) !important; }
body[data-v13-site="propertyworkhq.com"] .ws-offer .eyebrow { color: var(--ui-primary) !important; }
body[data-v13-site="propertyworkhq.com"] .ws-offer a { color: var(--ui-link) !important; }
body[data-v13-site="propertyworkhq.com"] .ws-offer a:hover { color: var(--ui-link-hover) !important; }
body[data-v13-site="propertyworkhq.com"] .ws-offer .ws-status { color: var(--ui-ink) !important; font-weight: 650; }
body[data-v13-site="propertyworkhq.com"] .ws-offer input[type="checkbox"] { accent-color: var(--ui-primary); }


/* ==========================================================================
   PropertyWorkHQ V13.4.2 — Harbour + Sand + Clay
   Approved paired palette: warm parchment daylight + lighter harbour slate.
   Presentation only; no workflow, storage, routing, or API behavior changes.
   ========================================================================== */

body[data-brand-platform="propertyworkhq"]{
  --brand-accent:#4F88B8;
  --brand-accent-2:#D6A657;

  --ui-bg:#F3F0E9;
  --ui-surface:#FBF8F2;
  --ui-surface-alt:#ECE8E0;
  --ui-header-bg:#F7F4EE;
  --ui-header-ink:#2F3B43;

  --ui-footer-bg:#4F677D;
  --ui-footer-ink:#F8F4EC;
  --ui-footer-link:#E2CFA9;

  --ui-ink:#2F3B43;
  --ui-muted:#68757C;
  --ui-border:#D9D2C7;
  --ui-border-strong:#BEB5A8;

  --ui-primary:#4F88B8;
  --ui-primary-hover:#55788D;
  --ui-primary-ink:#FFFFFF;
  --ui-link:#557D95;
  --ui-link-hover:#3F687F;

  --ui-field-bg:#FFFDF9;
  --ui-chip-bg:#E7EDF0;
  --ui-chip-ink:#405D6E;
  --ui-chip-border:#C2CDD2;

  --ui-accent:#D6A657;
  --ui-highlight:#DB7C59;
}

body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"]{
  --brand-accent:#8EC7EB;
  --brand-accent-2:#E6BE72;

  --ui-bg:#556F86;
  --ui-surface:#647E94;
  --ui-surface-alt:#6F879B;
  --ui-header-bg:#465462;
  --ui-header-ink:#F8F4ED;

  --ui-footer-bg:#414E5B;
  --ui-footer-ink:#F8F3EB;
  --ui-footer-link:#E2CFA9;

  --ui-ink:#F8F4ED;
  --ui-muted:#D7DEE2;
  --ui-border:#74828E;
  --ui-border-strong:#909DA7;

  --ui-primary:#8EC7EB;
  --ui-primary-hover:#B5CDD8;
  --ui-primary-ink:#293A44;
  --ui-link:#C7DEE8;
  --ui-link-hover:#E7F2F6;

  --ui-field-bg:#566674;
  --ui-chip-bg:#6B645C;
  --ui-chip-ink:#F8E8C7;
  --ui-chip-border:#94836C;

  --ui-accent:#E6BE72;
  --ui-highlight:#F09A77;
}

/* Brand details */
body[data-brand-platform="propertyworkhq"] .brand .brand-word em{
  color:var(--ui-primary)!important;
}
body[data-brand-platform="propertyworkhq"] .eyebrow{
  color:var(--ui-primary)!important;
}
body[data-brand-platform="propertyworkhq"] .hero h1 em{
  color:var(--ui-primary)!important;
}
body[data-brand-platform="propertyworkhq"] .service-card .number{
  color:var(--ui-primary)!important;
}
body[data-brand-platform="propertyworkhq"] .workflow b{
  color:var(--ui-accent)!important;
}

/* Public-site supporting surfaces */
body[data-brand-platform="propertyworkhq"] .proof-strip{
  background:#5A7590!important;
  color:#FBF8F2!important;
}
body[data-brand-platform="propertyworkhq"] .proof-strip span{
  color:#DDE4E7!important;
}
body[data-brand-platform="propertyworkhq"] .section.dark{
  background:#4F677D!important;
  color:#FBF8F2!important;
  border-color:#6E8598!important;
}
body[data-brand-platform="propertyworkhq"] .section.dark p,
body[data-brand-platform="propertyworkhq"] .section.dark span{
  color:#D7DFE3!important;
}
body[data-brand-platform="propertyworkhq"] .workflow{
  background:#6E8598!important;
  border-color:#6E8598!important;
}
body[data-brand-platform="propertyworkhq"] .workflow article{
  background:#556F86!important;
  color:#FBF8F2!important;
}
body[data-brand-platform="propertyworkhq"] .workflow p{
  color:#D7DFE3!important;
}
body[data-brand-platform="propertyworkhq"] .account-cta{
  background:#E8DECC!important;
  color:#2F3B43!important;
}
body[data-brand-platform="propertyworkhq"] .account-cta h2,
body[data-brand-platform="propertyworkhq"] .account-cta p{
  color:#2F3B43!important;
}
body[data-brand-platform="propertyworkhq"] .account-panel{
  background:#FBF8F2!important;
  color:#2F3B43!important;
  border-color:#CFC4B3!important;
}
body[data-brand-platform="propertyworkhq"] .account-panel p{
  color:#68757C!important;
}
body[data-brand-platform="propertyworkhq"] .site-footer{
  background:var(--ui-footer-bg)!important;
  color:var(--ui-footer-ink)!important;
}
body[data-brand-platform="propertyworkhq"] .site-footer strong{
  color:var(--ui-footer-ink)!important;
}
body[data-brand-platform="propertyworkhq"] .site-footer p{
  color:#D7DEE2!important;
}
body[data-brand-platform="propertyworkhq"] .site-footer a{
  color:var(--ui-footer-link)!important;
}

/* Operations board: slate rather than green/black. */
body[data-brand-platform="propertyworkhq"] .ops-board,
body[data-brand-platform="propertyworkhq"] .operations-board,
body[data-brand-platform="propertyworkhq"] .portfolio-board{
  --ops-bg:#4F677D;
  --ops-surface:#566674;
  --ops-ink:#FBF8F2;
  --ops-muted:#D7DFE3;
  --ops-border:#6D7C88;
  background:var(--ops-bg)!important;
  color:var(--ops-ink)!important;
  border-color:var(--ops-border)!important;
  box-shadow:0 20px 44px rgba(42,52,61,.18);
}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .ops-board,
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .operations-board,
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .portfolio-board{
  --ops-bg:#44525F;
  --ops-surface:#566674;
  --ops-ink:#FBF8F2;
  --ops-muted:#D8E0E4;
  --ops-border:#71818E;
}
body[data-brand-platform="propertyworkhq"] .ops-board .work-icon{
  color:#F2D7A5!important;
  background:#536471!important;
  border-color:#7D8B96!important;
}
body[data-brand-platform="propertyworkhq"] .ops-board .status-pill{
  color:#F8E7C6!important;
  background:#685F55!important;
  border-color:#91806A!important;
}
body[data-brand-platform="propertyworkhq"] .ops-board .live-dot:before{
  background:#8EC7EB!important;
  box-shadow:0 0 0 6px rgba(157,185,200,.14)!important;
}

/* Alt public hero: intentionally lighter than the old dark-green treatment. */
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .hero{
  background:
    radial-gradient(circle at 88% 12%,rgba(213,184,132,.18),transparent 34%),
    linear-gradient(145deg,#586776,#556F86)!important;
  color:var(--ui-ink)!important;
}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .hero h1 em{
  color:#B7CFDB!important;
}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .service-card{
  background:#647E94!important;
  color:#F8F4ED!important;
  border-color:#74828E!important;
}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .service-card p{
  color:#D7DEE2!important;
}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .account-cta{
  background:#675F56!important;
  color:#F8F4ED!important;
}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .account-cta h2,
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .account-cta p{
  color:#F8F4ED!important;
}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .account-panel{
  background:#647E94!important;
  color:#F8F4ED!important;
  border-color:#909DA7!important;
}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .account-panel p{
  color:#D7DEE2!important;
}