/* PropertyWorkHQ V13.5 — unified whole-product design system
   Harbour + Sand + Clay, applied across public, app, workflow and utility surfaces. */

body[data-brand-platform="propertyworkhq"]{
  background:
    radial-gradient(circle at 88% 2%,color-mix(in srgb,var(--ui-primary) 8%,transparent),transparent 24%),
    var(--ui-bg)!important;
  color:var(--ui-ink)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  --pw-radius-sm:12px;
  --pw-radius:18px;
  --pw-radius-lg:24px;
  --pw-shadow:0 18px 48px rgba(45,56,65,.08);
  --pw-shadow-soft:0 10px 28px rgba(45,56,65,.055);
}
body[data-brand-platform="propertyworkhq"] a{transition:color .16s ease,background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}
body[data-brand-platform="propertyworkhq"] button{transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}
body[data-brand-platform="propertyworkhq"] button:hover:not(:disabled),body[data-brand-platform="propertyworkhq"] .button:hover,body[data-brand-platform="propertyworkhq"] .nav-cta:hover{transform:translateY(-1px)}
body[data-brand-platform="propertyworkhq"] :focus-visible{outline:none!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--ui-primary) 22%,transparent)!important}

/* Shared public shell */
body[data-brand-platform="propertyworkhq"] .shell{width:min(1240px,calc(100% - 40px))!important}
body[data-brand-platform="propertyworkhq"] .site-header{
  background:color-mix(in srgb,var(--ui-header-bg) 94%,transparent)!important;
  border-color:var(--ui-border)!important;
  box-shadow:0 8px 30px rgba(45,56,65,.035)!important;
}
body[data-brand-platform="propertyworkhq"] .nav{min-height:72px!important}
body[data-brand-platform="propertyworkhq"] .brand{color:var(--ui-header-ink)!important;font-weight:900!important}
body[data-brand-platform="propertyworkhq"] .brand-mark{width:40px!important;height:40px!important}
body[data-brand-platform="propertyworkhq"] .nav-links{gap:8px!important}
body[data-brand-platform="propertyworkhq"] .nav-links>a:not(.nav-cta){padding:9px 11px!important;border-radius:10px!important;color:var(--ui-header-ink)!important;font-size:.9rem!important}
body[data-brand-platform="propertyworkhq"] .nav-links>a:not(.nav-cta):hover{background:var(--ui-surface-alt)!important}
body[data-brand-platform="propertyworkhq"] .nav-cta,
body[data-brand-platform="propertyworkhq"] .button{
  min-height:44px!important;border-radius:12px!important;padding:0 16px!important;
  background:var(--ui-primary)!important;color:var(--ui-primary-ink)!important;border-color:var(--ui-primary)!important;
  box-shadow:none!important;
}
body[data-brand-platform="propertyworkhq"] .button.secondary{background:var(--ui-surface)!important;color:var(--ui-ink)!important;border-color:var(--ui-border-strong)!important}
body[data-brand-platform="propertyworkhq"] .button.light{background:var(--ui-accent)!important;color:#36414A!important;border-color:var(--ui-accent)!important}
body[data-brand-platform="propertyworkhq"] .brand-palette-toggle{border-color:var(--ui-border)!important;background:var(--ui-surface-alt)!important;color:var(--ui-primary)!important}

/* Marketing / public pages */
body[data-brand-platform="propertyworkhq"] .hero{padding:64px 0 48px!important}
body[data-brand-platform="propertyworkhq"] .hero:before{opacity:.4!important;background-size:54px 54px!important}
body[data-brand-platform="propertyworkhq"] .hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr)!important;gap:44px!important}
body[data-brand-platform="propertyworkhq"] .hero-copy{padding:18px 0!important}
body[data-brand-platform="propertyworkhq"] .hero h1,body[data-brand-platform="propertyworkhq"] .content-page h1,body[data-brand-platform="propertyworkhq"] .form-intro h1{color:var(--ui-ink)!important;letter-spacing:-.06em!important}
body[data-brand-platform="propertyworkhq"] .lede,body[data-brand-platform="propertyworkhq"] .micro,body[data-brand-platform="propertyworkhq"] .muted{color:var(--ui-muted)!important}
body[data-brand-platform="propertyworkhq"] .ops-board{border-radius:24px!important;background:linear-gradient(145deg,#4E5C6B,#5B6A78)!important;border:1px solid #71808C!important;box-shadow:0 24px 54px rgba(45,56,65,.16)!important}
body[data-brand-platform="propertyworkhq"] .proof-strip{padding-bottom:42px!important}
body[data-brand-platform="propertyworkhq"] .proof-grid{border-color:var(--ui-border)!important;background:var(--ui-surface)!important;border-radius:20px!important;overflow:hidden!important;box-shadow:var(--pw-shadow-soft)!important}
body[data-brand-platform="propertyworkhq"] .proof-grid div{border-color:var(--ui-border)!important}
body[data-brand-platform="propertyworkhq"] .section{padding:64px 0!important}
body[data-brand-platform="propertyworkhq"] .section.dark{background:#465562!important;border-block:1px solid #61717E!important}
body[data-brand-platform="propertyworkhq"] .service-grid{gap:14px!important}
body[data-brand-platform="propertyworkhq"] .service-card{border-color:var(--ui-border)!important;background:var(--ui-surface)!important;border-radius:20px!important;min-height:210px!important;box-shadow:var(--pw-shadow-soft)!important}
body[data-brand-platform="propertyworkhq"] .service-card:hover{border-color:color-mix(in srgb,var(--ui-primary) 45%,var(--ui-border))!important;box-shadow:var(--pw-shadow)!important}
body[data-brand-platform="propertyworkhq"] .workflow{border-radius:20px!important;overflow:hidden!important;background:#61717E!important;border-color:#61717E!important}
body[data-brand-platform="propertyworkhq"] .workflow article{background:#4E5C6B!important}
body[data-brand-platform="propertyworkhq"] .account-cta{border-radius:24px!important;background:linear-gradient(135deg,#E8DECC,#EEE6D9)!important;border:1px solid #D6C7B2!important;box-shadow:var(--pw-shadow)!important}
body[data-brand-platform="propertyworkhq"] .account-panel{background:#FBF8F2!important;border-color:#D2C8BA!important;border-radius:18px!important}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .account-cta{background:linear-gradient(135deg,#655F58,#6D655C)!important;border-color:#827769!important}
body[data-brand-platform="propertyworkhq"][data-brand-palette="alt"] .account-panel{background:#5F6E7C!important;border-color:#7A8994!important}

/* Content, forms, legal and status pages */
body[data-brand-platform="propertyworkhq"] .content-page,body[data-brand-platform="propertyworkhq"] .form-page,body[data-brand-platform="propertyworkhq"] .status-page{padding:52px 0 76px!important}
body[data-brand-platform="propertyworkhq"] .content-page{max-width:980px!important}
body[data-brand-platform="propertyworkhq"] .content-page>section,body[data-brand-platform="propertyworkhq"] .content-section{background:var(--ui-surface)!important;border:1px solid var(--ui-border)!important;border-radius:20px!important;padding:24px 26px!important;margin:18px 0!important;box-shadow:var(--pw-shadow-soft)!important}
body[data-brand-platform="propertyworkhq"] .content-page>section h2,body[data-brand-platform="propertyworkhq"] .content-section h2{margin-top:0!important}
body[data-brand-platform="propertyworkhq"] .form-page{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr)!important;gap:34px!important}
body[data-brand-platform="propertyworkhq"] .form-intro{top:96px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--ui-primary) 11%,var(--ui-surface)),var(--ui-surface))!important;border:1px solid var(--ui-border)!important;border-radius:24px!important;padding:26px!important;box-shadow:var(--pw-shadow-soft)!important}
body[data-brand-platform="propertyworkhq"] .form-intro h1{font-size:clamp(2.25rem,4.8vw,4.3rem)!important}
body[data-brand-platform="propertyworkhq"] .form-card,body[data-brand-platform="propertyworkhq"] .utility-card,body[data-brand-platform="propertyworkhq"] .ws-offer{background:var(--ui-surface)!important;color:var(--ui-ink)!important;border-color:var(--ui-border)!important;border-radius:22px!important;box-shadow:var(--pw-shadow)!important}
body[data-brand-platform="propertyworkhq"] label{color:var(--ui-ink)!important}
body[data-brand-platform="propertyworkhq"] input,body[data-brand-platform="propertyworkhq"] select,body[data-brand-platform="propertyworkhq"] textarea{background:var(--ui-field-bg)!important;color:var(--ui-ink)!important;border-color:var(--ui-border-strong)!important;border-radius:12px!important}
body[data-brand-platform="propertyworkhq"] input::placeholder,body[data-brand-platform="propertyworkhq"] textarea::placeholder{color:color-mix(in srgb,var(--ui-muted) 78%,transparent)!important}
body[data-brand-platform="propertyworkhq"] .service-signal{background:color-mix(in srgb,var(--ui-primary) 10%,var(--ui-surface))!important;border-left-color:var(--ui-primary)!important;color:var(--ui-ink)!important}
body[data-brand-platform="propertyworkhq"] .status-page{background:var(--ui-surface)!important;border:1px solid var(--ui-border)!important;border-radius:24px!important;padding:32px!important;margin-top:54px!important;margin-bottom:70px!important;box-shadow:var(--pw-shadow)!important}
body[data-brand-platform="propertyworkhq"] .site-footer{background:#465562!important;color:#F8F4EC!important;border-top:1px solid #61717E!important}
body[data-brand-platform="propertyworkhq"] .site-footer a,body[data-brand-platform="propertyworkhq"] .site-footer p,body[data-brand-platform="propertyworkhq"] .site-footer strong{color:inherit!important}

/* Shared mini header for utility flows that previously had no product chrome. */
body[data-brand-platform="propertyworkhq"] .pw-utility-top{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:16px;min-height:66px;padding:0 max(20px,calc((100vw - 1240px)/2));background:color-mix(in srgb,var(--ui-header-bg) 94%,transparent);border-bottom:1px solid var(--ui-border);backdrop-filter:blur(16px)}
body[data-brand-platform="propertyworkhq"] .pw-utility-brand{display:flex;align-items:center;gap:10px;font-weight:900;text-decoration:none;color:var(--ui-header-ink)!important;letter-spacing:-.03em}
body[data-brand-platform="propertyworkhq"] .pw-utility-brand img{width:34px;height:34px}
body[data-brand-platform="propertyworkhq"] .pw-utility-context{color:var(--ui-muted);font-size:.82rem;font-weight:700}
body[data-brand-platform="propertyworkhq"] .pw-utility-links{margin-left:auto;display:flex;align-items:center;gap:6px}
body[data-brand-platform="propertyworkhq"] .pw-utility-links a{padding:8px 10px;border-radius:9px;text-decoration:none;font-size:.8rem;font-weight:800;color:var(--ui-header-ink)!important}
body[data-brand-platform="propertyworkhq"] .pw-utility-links a:hover{background:var(--ui-surface-alt)!important}

/* Resident request / owner approval / request status standalone flows */
body[data-brand-platform="propertyworkhq"] .req,body[data-brand-platform="propertyworkhq"]>.box,body[data-brand-platform="propertyworkhq"]>.card{
  width:min(760px,calc(100% - 32px))!important;margin:46px auto 72px!important;background:var(--ui-surface)!important;color:var(--ui-ink)!important;border:1px solid var(--ui-border)!important;border-radius:24px!important;padding:30px!important;box-shadow:var(--pw-shadow)!important;
}
body[data-brand-platform="propertyworkhq"] .req h1,body[data-brand-platform="propertyworkhq"]>.box h1,body[data-brand-platform="propertyworkhq"]>.card h1{font-size:clamp(2rem,5vw,3.4rem)!important;letter-spacing:-.05em!important;line-height:1!important;margin:.15em 0 .35em!important}
body[data-brand-platform="propertyworkhq"] .req .btn,body[data-brand-platform="propertyworkhq"]>.card .btn,body[data-brand-platform="propertyworkhq"]>.box .actions button{border-radius:12px!important;background:var(--ui-primary)!important;color:var(--ui-primary-ink)!important;border:1px solid var(--ui-primary)!important}
body[data-brand-platform="propertyworkhq"]>.box .actions .decline,body[data-brand-platform="propertyworkhq"]>.card .secondary{background:var(--ui-surface-alt)!important;color:var(--ui-ink)!important;border-color:var(--ui-border)!important}
body[data-brand-platform="propertyworkhq"]>.box .summary,body[data-brand-platform="propertyworkhq"]>.card .box{background:var(--ui-surface-alt)!important;color:var(--ui-ink)!important;border-color:var(--ui-border)!important;border-radius:16px!important}
body[data-brand-platform="propertyworkhq"]>.card .status{background:var(--ui-chip-bg)!important;color:var(--ui-chip-ink)!important}

/* App top bars: workspace / vacancies / connect */
body[data-brand-platform="propertyworkhq"] .ws-topbar{background:color-mix(in srgb,var(--ui-header-bg) 94%,transparent)!important;border-bottom:1px solid var(--ui-border)!important;box-shadow:0 8px 30px rgba(45,56,65,.035)!important}
body[data-brand-platform="propertyworkhq"] .ws-topbar .ws-app-shell{max-width:1420px!important;width:min(1420px,calc(100% - 36px))!important}
body[data-brand-platform="propertyworkhq"] .ws-app-brand,body[data-brand-platform="propertyworkhq"] .ws-topbar a{color:var(--ui-header-ink)!important}
body[data-brand-platform="propertyworkhq"] .pwhq-app-nav a:not(.primary){border-radius:10px!important}
body[data-brand-platform="propertyworkhq"] .pwhq-app-nav a:not(.primary):hover{background:var(--ui-surface-alt)!important}

/* Operations — same product, same tokens. */
body[data-brand-platform="propertyworkhq"]{--op-bg:var(--ui-bg);--op-card:var(--ui-surface);--op-ink:var(--ui-ink);--op-muted:var(--ui-muted);--op-line:var(--ui-border);--op-accent:var(--ui-primary);--op-dark:var(--ui-header-bg);--op-warn:color-mix(in srgb,var(--ui-accent) 17%,var(--ui-surface))}
body[data-brand-platform="propertyworkhq"] .op-top{min-height:68px!important;background:color-mix(in srgb,var(--ui-header-bg) 96%,transparent)!important;color:var(--ui-header-ink)!important;border-bottom:1px solid var(--ui-border)!important;box-shadow:0 8px 30px rgba(45,56,65,.04)!important;backdrop-filter:blur(16px)!important}
body[data-brand-platform="propertyworkhq"] .op-brand,body[data-brand-platform="propertyworkhq"] .op-toplinks a{color:var(--ui-header-ink)!important}
body[data-brand-platform="propertyworkhq"] .op-top>span{color:var(--ui-muted)!important;opacity:1!important}
body[data-brand-platform="propertyworkhq"] .op-shell{width:min(1420px,calc(100% - 36px))!important;margin:28px auto 80px!important}
body[data-brand-platform="propertyworkhq"] .op-gate,body[data-brand-platform="propertyworkhq"] .op-card,body[data-brand-platform="propertyworkhq"] .op-alerts,body[data-brand-platform="propertyworkhq"] .op-hero{background:var(--ui-surface)!important;color:var(--ui-ink)!important;border-color:var(--ui-border)!important;border-radius:22px!important;box-shadow:var(--pw-shadow-soft)!important}
body[data-brand-platform="propertyworkhq"] .op-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--ui-primary) 10%,var(--ui-surface)),var(--ui-surface))!important;padding:28px!important}
body[data-brand-platform="propertyworkhq"] .op-metrics article{background:var(--ui-surface-alt)!important;border-color:var(--ui-border)!important;border-radius:16px!important}
body[data-brand-platform="propertyworkhq"] .op-tabs{padding:5px!important;background:var(--ui-surface-alt)!important;border:1px solid var(--ui-border)!important;border-radius:14px!important;width:max-content;max-width:100%}
body[data-brand-platform="propertyworkhq"] .op-tabs button{background:transparent!important;color:var(--ui-muted)!important;border:0!important;border-radius:10px!important}
body[data-brand-platform="propertyworkhq"] .op-tabs button.active{background:var(--ui-primary)!important;color:var(--ui-primary-ink)!important}
body[data-brand-platform="propertyworkhq"] .op-btn{background:var(--ui-primary)!important;color:var(--ui-primary-ink)!important;border-radius:11px!important}
body[data-brand-platform="propertyworkhq"] .op-link{background:var(--ui-surface-alt)!important;color:var(--ui-ink)!important;border:1px solid var(--ui-border)!important;border-radius:11px!important}
body[data-brand-platform="propertyworkhq"] .op-badges span{background:var(--ui-chip-bg)!important;color:var(--ui-chip-ink)!important;border:1px solid var(--ui-chip-border)!important}
body[data-brand-platform="propertyworkhq"] .op-exception{background:color-mix(in srgb,var(--ui-accent) 17%,var(--ui-surface))!important;border:1px solid color-mix(in srgb,var(--ui-accent) 38%,var(--ui-border))!important}
body[data-brand-platform="propertyworkhq"] .op-secure-box,body[data-brand-platform="propertyworkhq"] .op-message,body[data-brand-platform="propertyworkhq"] .op-secure-row{background:var(--ui-field-bg)!important;border-color:var(--ui-border)!important;color:var(--ui-ink)!important}
body[data-brand-platform="propertyworkhq"] .op-code{background:#465562!important;color:#FBF8F2!important}
body[data-brand-platform="propertyworkhq"] .op-risk{background:color-mix(in srgb,var(--ui-highlight) 12%,var(--ui-surface))!important;border-color:color-mix(in srgb,var(--ui-highlight) 36%,var(--ui-border))!important}
body[data-brand-platform="propertyworkhq"] .op-good{background:color-mix(in srgb,var(--ui-primary) 10%,var(--ui-surface))!important;border-color:color-mix(in srgb,var(--ui-primary) 28%,var(--ui-border))!important}

/* Vacancy Command Center */
body[data-brand-platform="propertyworkhq"]{--ops-ink:var(--ui-ink);--ops-ink2:var(--ui-ink);--ops-paper:var(--ui-bg);--ops-panel:var(--ui-surface);--ops-mint:var(--ui-primary);--ops-lime:var(--ui-accent);--ops-orange:var(--ui-highlight);--ops-line:color-mix(in srgb,var(--ui-border) 85%,transparent);--ops-muted:var(--ui-muted);--ops-shadow:var(--pw-shadow)}
body[data-brand-platform="propertyworkhq"] .unit-shell{width:min(1420px,calc(100% - 36px))!important;padding:28px 0 78px!important}
body[data-brand-platform="propertyworkhq"] .unit-hero{background:linear-gradient(135deg,#4E5C6B,#657583)!important;border:1px solid #7B8994!important;border-radius:26px!important;box-shadow:0 24px 54px rgba(45,56,65,.15)!important}
body[data-brand-platform="propertyworkhq"] .unit-hero .eyebrow{color:#F0D5A3!important}
body[data-brand-platform="propertyworkhq"] .unit-hero .lede,body[data-brand-platform="propertyworkhq"] .unit-metrics span{color:#E1E7EA!important}
body[data-brand-platform="propertyworkhq"] .unit-filter{background:var(--ui-surface)!important;color:var(--ui-muted)!important;border-color:var(--ui-border)!important}
body[data-brand-platform="propertyworkhq"] .unit-filter.active{background:var(--ui-primary)!important;color:var(--ui-primary-ink)!important;border-color:var(--ui-primary)!important}
body[data-brand-platform="propertyworkhq"] .unit-panel,body[data-brand-platform="propertyworkhq"] .unit-card{background:var(--ui-surface)!important;color:var(--ui-ink)!important;border-color:var(--ui-border)!important;box-shadow:var(--pw-shadow-soft)!important}
body[data-brand-platform="propertyworkhq"] .unit-panel{border-radius:22px!important}
body[data-brand-platform="propertyworkhq"] .attention-banner{background:color-mix(in srgb,var(--ui-accent) 14%,var(--ui-surface))!important;border-color:color-mix(in srgb,var(--ui-accent) 32%,var(--ui-border))!important}
body[data-brand-platform="propertyworkhq"] .unit-card.attention{border-color:color-mix(in srgb,var(--ui-highlight) 45%,var(--ui-border))!important;box-shadow:inset 4px 0 0 var(--ui-highlight)!important}
body[data-brand-platform="propertyworkhq"] .unit-card.healthy{box-shadow:inset 4px 0 0 var(--ui-primary)!important}
body[data-brand-platform="propertyworkhq"] .unit-facts span,body[data-brand-platform="propertyworkhq"] .unit-intelligence div{background:var(--ui-surface-alt)!important;border-color:var(--ui-border)!important}
body[data-brand-platform="propertyworkhq"] .unit-recommendation{background:color-mix(in srgb,var(--ui-accent) 13%,var(--ui-surface))!important;border-color:color-mix(in srgb,var(--ui-accent) 30%,var(--ui-border))!important}
body[data-brand-platform="propertyworkhq"] .property-chip{background:var(--ui-field-bg)!important;border-color:var(--ui-border)!important;color:var(--ui-ink)!important}
body[data-brand-platform="propertyworkhq"] .unit-badge{background:var(--ui-chip-bg)!important;color:var(--ui-chip-ink)!important}

/* Workspace parity: retain approved V13.4.3 composition but harmonize the lower edge. */
body[data-brand-platform="propertyworkhq"] .pwhq-memory-card,body[data-brand-platform="propertyworkhq"] .pwhq-setup-section{box-shadow:var(--pw-shadow-soft)!important}
body[data-brand-platform="propertyworkhq"] .pwhq-memory-heading{border-color:var(--ui-border)!important}

@media(max-width:980px){
  body[data-brand-platform="propertyworkhq"] .hero-grid,body[data-brand-platform="propertyworkhq"] .form-page{grid-template-columns:1fr!important}
  body[data-brand-platform="propertyworkhq"] .form-intro{position:static!important}
  body[data-brand-platform="propertyworkhq"] .op-shell,body[data-brand-platform="propertyworkhq"] .unit-shell{width:min(100% - 24px,1420px)!important}
}
@media(max-width:760px){
  body[data-brand-platform="propertyworkhq"] .shell{width:min(100% - 24px,1240px)!important}
  body[data-brand-platform="propertyworkhq"] .pw-utility-top{padding:0 12px!important}.pw-utility-context{display:none}.pw-utility-links a:not(:last-child){display:none}
  body[data-brand-platform="propertyworkhq"] .req,body[data-brand-platform="propertyworkhq"]>.box,body[data-brand-platform="propertyworkhq"]>.card{margin:20px auto 50px!important;padding:22px!important}
  body[data-brand-platform="propertyworkhq"] .site-footer{padding:36px 0!important}
}
@media(prefers-reduced-motion:reduce){body[data-brand-platform="propertyworkhq"] *{transition:none!important}}