.yh-global-header{box-sizing:border-box;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;min-height:88px!important;padding:24px!important;margin:24px auto!important;width:calc(100% - 48px)!important;max-width:1800px!important;background:#fff!important;color:#1c1f24!important;border:0!important;box-shadow:0 8px 24px #18232d12!important;font-family:'Instrument Sans',Arial,sans-serif!important}
.yh-global-header .wordmark{display:block!important;flex:0 0 auto!important;line-height:1!important;text-decoration:none!important}
.yh-global-header .wordmark img{display:block!important;width:180px!important;height:auto!important;max-width:100%!important}
.yh-global-header .yh-main-nav{display:flex!important;align-items:center!important;gap:24px!important;margin:auto!important}
.yh-global-header .yh-main-nav a{font-size:11px!important;font-weight:600!important;letter-spacing:.015em!important;color:#5f7a8c!important;text-decoration:none!important;white-space:nowrap!important}
.yh-global-header .yh-main-nav a:first-child{color:#a5673f!important}
.yh-global-header .yh-signin,.yh-global-header #signout{font:500 11px 'Instrument Sans',Arial,sans-serif!important;letter-spacing:.08em!important;padding:10px 16px!important;border:1px solid #dce1e5!important;background:#fff!important;color:#1c1f24!important;text-decoration:none!important;white-space:nowrap!important}
.yh-global-header #signout[hidden]{display:none!important}
.yh-account-name{font-size:12px!important;color:#5f7a8c!important}
.yh-global-header:has(#signout:not([hidden])) .yh-signin{display:none!important}
.yh-global-header .yh-menu-toggle{display:none!important}
.yh-global-header .yh-wordmark-caption{display:none!important}
.yh-global-footer{box-sizing:border-box;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:32px 40px!important;margin:24px auto!important;width:calc(100% - 48px)!important;max-width:1800px!important;background:#1c1f24!important;color:#c9d6de!important;border:0!important;box-shadow:0 8px 24px #18232d12!important;font-family:'Instrument Sans',Arial,sans-serif!important}
.yh-global-footer .yh-footer-logo{display:block!important;width:130px!important;flex:0 0 auto!important}
.yh-global-footer .yh-footer-logo img{display:block!important;width:100%!important;height:auto!important}
.yh-footer-meta{text-align:right!important;margin-left:auto!important}
.yh-global-footer nav{display:flex!important;justify-content:flex-end!important;gap:28px!important;margin:0 0 10px!important}
.yh-global-footer nav a{color:#c9d6de!important;font-size:12px!important;font-weight:600!important;letter-spacing:.1em!important;text-decoration:none!important}
.yh-global-footer small{display:block!important;width:auto!important;color:#8b969f!important;font-size:13px!important;line-height:1.4!important}
.yh-shell-menu{padding:24px;background:#fff;color:#1c1f24;border:0;max-width:calc(100% - 40px);box-shadow:0 16px 50px #0003;font-family:'Instrument Sans',Arial,sans-serif}
.yh-shell-menu::backdrop{background:#17222b66}.yh-shell-menu nav{display:flex;flex-direction:column;gap:22px;padding:18px 0}.yh-shell-menu a{color:#3f596a;text-decoration:none;font-size:13px;font-weight:600}.yh-shell-menu button{float:right;border:0;background:#edf0f2;color:#1c1f24;font-size:24px;padding:4px 12px}
.yh-shell-back{display:block;margin:0 24px 8px;padding:6px 8px;background:transparent;border:0;color:#5f7a8c;cursor:pointer}
.dashboard-wordmark,.dashboard-brand h1{font-weight:600!important;letter-spacing:-.035em!important}.dashboard-wordmark>span{font-weight:600!important}.dashboard-wordmark img{width:4.75em!important;height:auto!important}
@media(max-width:999px){
 .yh-global-header{padding:18px!important;gap:12px!important;min-height:78px!important;width:calc(100% - 32px)!important;margin:16px auto!important;border-bottom:1px solid #dce1e5!important}
 .yh-global-header .wordmark img{width:156px!important}.yh-global-header .yh-main-nav,.yh-global-header .yh-signin{display:none!important}
 .yh-global-header .yh-wordmark-caption{display:block!important;text-align:right;font-size:9px;letter-spacing:.16em;color:#a5673f;margin-top:5px}
 .yh-global-header .yh-menu-toggle{display:block!important;margin-left:auto!important;border:0!important;background:transparent!important;padding:6px!important;width:40px!important;height:40px!important;color:#1c1f24!important;font-size:28px!important;line-height:1!important;cursor:pointer}
 .yh-global-footer{width:calc(100% - 32px)!important;padding:22px 16px!important;gap:10px!important;margin:16px auto!important}.yh-global-footer .yh-footer-logo{width:90px!important}.yh-global-footer nav{gap:16px!important;margin-bottom:7px!important}.yh-global-footer nav a{font-size:10px!important}.yh-global-footer small{font-size:10px!important}
 .yh-shell-back{width:32px;height:32px;margin:0 16px 6px;padding:0}
}

.yh-global-footer{margin-top:20px!important}.yh-footer-brand{text-align:left;flex:0 0 auto}.yh-footer-brand>small{margin-top:10px!important;text-align:left!important}.page:has(+script+footer.yh-global-footer){padding-bottom:0!important;margin-bottom:0!important}.page>.queue:last-child{margin-bottom:0!important}

.yh-global-footer nav{gap:10px!important;align-items:center!important}.yh-global-footer nav a+a::before{content:"|";display:inline-block;margin-right:10px;color:#8b969f;font-weight:400}

body:has(>.yh-global-header)>.marketing-main{width:calc(100% - 24px);max-width:1280px;box-sizing:border-box}.marketing-page>.yh-global-header,.marketing-page>.yh-global-footer{width:100%!important;max-width:1304px!important}.yh-shell-back{display:none!important}

/* Desktop shell spans the page; mobile content shares its outer edges. */
body:has(>.yh-global-header)>.yh-global-header,body:has(>.yh-global-header)>.yh-global-footer{width:calc(100% - 32px)!important;max-width:1800px!important;margin-left:auto!important;margin-right:auto!important}body:has(>.yh-global-header)>main{box-sizing:border-box!important;width:calc(100% - 56px)!important;max-width:1776px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;min-width:0!important}

.dashboard-date,.yh-as-of{color:#526575!important;font-weight:500!important;opacity:1!important;-webkit-text-stroke:0!important}.dashboard-date span{color:inherit!important}

/* One shared spacing contract for both mobile and desktop. */
body:has(>.yh-global-header)>.yh-global-header{margin-bottom:20px!important}
body:has(>.yh-global-header)>main{display:flow-root;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;overflow-wrap:anywhere}
body:has(>.yh-global-header)>main>:first-child{margin-top:0!important}
body:has(>.yh-global-header)>main>:last-child{margin-bottom:0!important}
body:has(>.yh-global-header)>.yh-global-footer{margin-top:20px!important}
body:has(>.yh-global-header)>main :where(section,article,div,header,form){min-width:0;box-sizing:border-box}
body:has(>.yh-global-header)>main :where(img,video,iframe){max-width:100%}
body:has(>.yh-global-header)>main>:nth-last-child(1 of :not([hidden],script,style)){margin-bottom:0!important}
body:has(>.yh-global-header) :where(button,.button,.pane-action>b){overflow-wrap:normal;word-break:normal}
body:has(>.yh-global-header)>.yh-global-header,body:has(>.yh-global-header)>.yh-global-footer{max-width:none!important}
.page>.header:has(.dashboard-brand){box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important;max-width:100%!important}

@media(max-width:999px){
 body:has(>.yh-global-header) dialog:not(.yh-shell-menu){box-sizing:border-box!important;position:fixed!important;inset:auto!important;top:calc(var(--yh-popup-top,0px) + 16px)!important;left:50%!important;transform:translateX(-50%)!important;width:calc(100% - 32px)!important;max-width:560px!important;height:auto!important;min-height:0!important;max-height:calc(var(--yh-popup-height,100dvh) - 32px)!important;margin:0!important;overflow:auto!important;background:#fff!important;overscroll-behavior:contain}
 body:has(>.yh-global-header) dialog :where(input,textarea,select){font-size:16px!important;max-width:100%;box-sizing:border-box}
 .dashboard-demo-composer .ddc-shell{width:100%!important;min-height:0!important;max-height:none!important;overflow:visible!important}
 .dashboard-demo-composer .ddc-header{position:sticky;top:0;z-index:2;background:white;padding:20px 24px!important;gap:12px}
 .dashboard-demo-composer .ddc-header h2{font-size:20px!important;line-height:1.15;-webkit-text-stroke:0}
 .dashboard-demo-composer .ddc-form,.dashboard-demo-composer .ddc-preview{padding:20px 24px!important;gap:18px}
 .dashboard-demo-composer .ddc-field textarea{min-height:100px}
 .dashboard-demo-composer .ddc-form>footer,.dashboard-demo-composer .ddc-preview>footer{margin:0 -24px -20px!important;padding:16px 24px!important;gap:8px}
 .dashboard-demo-composer .ddc-file-box{padding:14px;max-width:100%;box-sizing:border-box}
 .dashboard-billing .db-header{position:sticky;top:0;z-index:2;background:#fff;padding:20px 24px!important}
 .dashboard-billing .db-body,.dashboard-billing .db-footer{padding:20px 24px!important}
 #email-dialog>form>header,#email-dialog .demo-email-fields,#email-dialog>form>footer{padding:20px 24px!important}
}

/* Compact desktop dashboard, with one consistent content column. */
@media(min-width:1000px){
 .page:has(>.cards)>.cards{max-width:1120px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;gap:20px!important;padding:20px!important}
 .page:has(>.cards)>.header{padding:22px 24px!important;gap:20px!important;min-height:0!important;margin-bottom:20px!important}
 .page>.header .dashboard-wordmark{font-size:30px!important;margin:0!important}
 .page>.header .kicker{font-size:12px!important;margin-top:12px!important}
 .page>.header .stats>div{padding:14px 18px!important}
 .page>.header .stats b{font-size:25px!important}
 .page>.header .stats span{font-size:11px!important}
 .page>.cards>.hoa{min-height:0!important;padding:20px!important}
 .page>.cards .name,.page>.cards .hoa-workspace-open{font-size:21px!important}
 .page>.cards .loc{font-size:13px!important}
 .page>.cards .metrics{padding:10px 0!important;margin-top:12px!important}
 .page>.cards .num{font-size:23px!important}
 .page>.cards .lbl{font-size:12px!important}
 .page>.cards .bullets{font-size:14px!important;line-height:1.45!important;margin:14px 0 20px!important}
 .page>.cards .card-actions{margin-top:auto!important;padding-top:8px!important}
 .lane-expanded-card,.lane-expanded-queue{padding:24px!important}
 .lane-expanded-card>div:last-child{padding:14px 0 0!important;gap:10px!important}
 .lane-expanded-queue>div{margin-top:16px!important}
}

.yh-global-header.management-header>span{display:none!important}
@media(max-width:999px){
 .yh-global-header .yh-wordmark-caption{text-align:left!important}
 .yh-global-header .wordmark{min-width:0!important;flex:0 1 auto!important;max-width:calc(100% - 54px)!important}
 .yh-global-header .wordmark img{max-width:100%!important}
 .yh-global-header .yh-menu-toggle{flex:0 0 40px!important}
}
/* Shared production composer spacing. */
body:has(>.yh-global-header) .yh-compose-dialog{box-sizing:border-box!important;width:calc(100% - 32px)!important;max-width:640px!important;max-height:calc(100dvh - 32px);padding:24px!important;overflow:auto!important;border:0;background:white}
.yh-compose-dialog *{box-sizing:border-box;min-width:0;max-width:100%}
.yh-compose-dialog .yh-compose-form{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important;width:100%!important;padding:20px 0 0!important;margin:0!important}
.yh-compose-dialog .yh-compose-form>label{display:grid!important;gap:8px!important;margin:0!important;font-size:12px!important;letter-spacing:.1em;color:#a5673f}
.yh-compose-dialog .yh-compose-form :is(input:not([type=checkbox]),textarea,select){width:100%!important;font:400 16px/1.4 'Instrument Sans',Arial,sans-serif!important;padding:12px!important;margin:0!important;border:1px solid #e1e6ea}
.yh-compose-dialog .yh-compose-form textarea{min-height:100px!important;height:120px!important}
.yh-compose-dialog .yh-compose-files{padding:16px!important;background:#faf6f1}
.yh-compose-dialog .yh-compose-help{margin:0!important;font-size:13px;line-height:1.5}
.yh-compose-dialog .yh-compose-actions{display:flex!important;flex-wrap:wrap;gap:10px!important;margin:0!important;padding:16px 0 0!important;width:100%!important}
.yh-compose-dialog .yh-compose-actions button{flex:1 1 150px;padding:12px!important;min-height:44px;font-size:12px!important}
.yh-compose-dialog .yh-compose-close{float:right;position:static!important;width:40px;height:40px;padding:4px!important}
.yh-compose-dialog h2{font-size:24px!important;margin:0 52px 8px 0!important}
.yh-compose-dialog .yh-compose-community{font-size:12px!important;margin:0!important}
.yh-compose-dialog .yh-compose-status:empty{display:none}

.dashboard-demo-composer [hidden]{display:none!important}

.yh-compose-dialog .yh-compose-close{position:absolute!important;top:24px!important;right:24px!important;float:none!important}
.yh-compose-dialog>h2{padding:0 52px 0 0!important;margin:0 0 12px!important;min-height:28px;-webkit-text-stroke:0!important}
.yh-compose-dialog>.yh-compose-community{padding:0 52px 18px 0!important}

@media(min-width:1000px){.page:has(>.cards)>.header{position:relative;padding-top:44px!important}.page>.header .dashboard-date{position:absolute!important;top:14px!important;right:24px!important;font-size:12px!important;margin:0!important}}

@media(max-width:999px){.yh-global-header .yh-wordmark-caption{font-size:10px!important;letter-spacing:.24em!important;margin-top:8px!important;padding-bottom:2px!important;line-height:1.4!important}}

@media(max-width:999px){.yh-global-header .yh-wordmark-caption{font-weight:600!important;padding-left:5px!important}}

@media(max-width:999px){.yh-global-header .yh-wordmark-caption{margin-top:3px!important;padding-left:5px!important}}

.page:has(>.cards)>.header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;padding:20px 24px!important;gap:16px 20px!important}
.page>.header .dashboard-brand{grid-column:1!important;grid-row:1!important}
.page>.header .dashboard-date{position:static!important;grid-column:2!important;grid-row:1!important;margin:3px 0 0!important;align-self:start!important}
.page>.header .dashboard-brand h1{margin-top:0!important}
.page>.header .stats{grid-column:1/-1!important;grid-row:2!important;margin-top:0!important;justify-content:flex-end}
@media(max-width:999px){.page:has(>.cards)>.header{padding:18px 16px!important;gap:14px 10px!important}.page>.header .dashboard-date{font-size:11px!important}.page>.header .dashboard-brand h1{font-size:20px!important}}

@media(max-width:999px){.yh-global-header .yh-wordmark-caption{padding-left:7px!important}}

@media(max-width:999px){.yh-global-header .yh-menu-toggle{align-self:flex-start!important}}
.yh-shell-menu{box-sizing:border-box;width:min(380px,calc(100% - 48px));max-height:calc(100dvh - 48px);overflow:auto;background:rgba(255,255,255,.82)!important;-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);border:1px solid rgba(255,255,255,.65);box-shadow:0 20px 60px #17222b26;padding:24px}
.yh-shell-menu::backdrop{background:rgba(23,34,43,.2);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.yh-shell-menu nav{clear:both;gap:22px;padding:18px 0 4px}
.yh-shell-menu button{background:rgba(255,255,255,.45);width:36px;height:36px;padding:0}
.yh-shell-menu .yh-menu-demo{padding-top:18px;border-top:1px solid #5f7a8c40;color:#a5673f;font-weight:700}


body.yh-dashboard-page>.yh-global-header,body.yh-dashboard-page>.yh-global-footer,body.yh-account-page>.yh-global-header,body.yh-account-page>.yh-global-footer{max-width:none!important}
.yh-account-page .yh-global-header #signout{margin-left:auto!important}

body.yh-dashboard-page>main,body.yh-account-page>main{max-width:1120px!important}

.lane-expanded-queue h3{font-size:16px!important;font-weight:500!important;line-height:1.4!important;margin:5px 0!important}
@media(min-width:1000px){.lane-expanded-card,.lane-expanded-queue{padding:20px!important}.lane-expanded-card>div:nth-child(2){padding-top:12px!important;padding-bottom:12px!important}.lane-expanded-queue>div:first-child{margin-top:0!important}.lane-expanded-queue>div:nth-child(3)>div:first-child>div{padding:14px 18px!important}}

.lane-expanded{background:transparent!important;box-shadow:none!important}
.lane-expanded-card{box-shadow:0 8px 22px #1c1f241c!important}
.lane-expanded-queue{margin-top:24px!important;box-shadow:0 8px 22px #1c1f2412!important}
.page>.lane-expanded+.cards{margin-top:32px!important}
@media(min-width:1000px){.page>.lane-expanded+.cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}.page>.lane-expanded+.cards>.hoa{padding:16px!important}.page>.lane-expanded+.cards .name,.page>.lane-expanded+.cards .hoa-workspace-open{font-size:17px!important}.page>.lane-expanded+.cards .bullets{font-size:12px!important}.page>.lane-expanded+.cards .num{font-size:20px!important}.page>.lane-expanded+.cards .card-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.page>.lane-expanded+.cards .enter{grid-column:1/-1}}

/* One outer frame throughout tablet and mobile. Inner component padding stays local. */
@media(max-width:999px){
 body:has(>.yh-global-header)>main{width:calc(100% - 32px)!important;max-width:none!important}
 .page>.cards{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
}

/* Wide desktop bands with centered navigation and footer contents. */
@media(min-width:1000px){
 body:has(>.yh-global-header)>.yh-global-header,body:has(>.yh-global-header)>.yh-global-footer{width:100%!important;max-width:none!important;padding-left:max(24px,calc((100% - 1280px)/2))!important;padding-right:max(24px,calc((100% - 1280px)/2))!important}
}

body:has(>.yh-global-header){padding-left:0!important;padding-right:0!important}

/* Persistent glass sign-in action in the shared header. */
.yh-global-header .yh-signin,.yh-global-header:has(#signout:not([hidden])) .yh-signin{display:inline-flex!important;align-items:center;justify-content:center;background:rgba(95,122,140,.08)!important;border:1px solid rgba(95,122,140,.3)!important;box-shadow:inset 0 1px 0 #ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);min-height:40px}
@media(max-width:999px){.yh-global-header .yh-signin{margin-left:auto!important;padding:8px!important;font-size:9px!important;letter-spacing:.04em!important}.yh-global-header .yh-menu-toggle{margin-left:0!important}.yh-global-header .wordmark{max-width:calc(100% - 116px)!important}.yh-global-header{gap:8px!important}}

/* Account entry lives at the bottom of the shared menu. */
.yh-global-header .yh-signin,.yh-global-header #signout,.yh-global-header:has(#signout:not([hidden])) .yh-signin{display:none!important}
.yh-global-header .yh-menu-toggle{display:block!important;margin-left:auto!important;border:0!important;background:transparent!important;padding:6px!important;width:40px!important;height:40px!important;color:#1c1f24!important;font-size:28px!important;line-height:1!important;cursor:pointer}
.yh-shell-menu .yh-menu-signin{border-top:1px solid #dce1e5;padding-top:18px}

/* One navigation mode at the shared 1279px breakpoint. */
@media(min-width:1000px){.yh-global-header .yh-menu-toggle{display:none!important}.yh-global-header .yh-main-nav{display:flex!important}.yh-global-header .yh-signin,.yh-global-header:has(#signout:not([hidden])) .yh-signin{display:inline-flex!important}}
@media(max-width:999px){.yh-global-header .yh-main-nav{display:none!important}.yh-global-header .yh-menu-toggle{display:block!important}.yh-global-header .yh-signin,.yh-global-header:has(#signout:not([hidden])) .yh-signin{display:none!important}}
body .yh-shell-menu{position:fixed!important;inset:auto;left:auto!important;bottom:auto!important;transform:none!important;margin:0!important;width:max-content!important;max-width:calc(100vw - 24px)!important;max-height:70dvh!important;padding:10px 14px 14px!important;background:rgba(245,248,250,.94)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid #ffffffcc!important;box-shadow:0 5px 18px #24354426,inset 0 1px 0 #fff!important;z-index:10000}
body .yh-shell-menu::backdrop{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body .yh-shell-menu nav{gap:0!important;padding:4px 0 0!important;min-width:190px}
body .yh-shell-menu nav>a{font-size:11px!important;line-height:1.35!important;padding:10px 0!important;letter-spacing:.025em;border-bottom:1px solid #5f7a8c20}
body .yh-shell-menu button{width:26px!important;height:26px!important;font-size:20px!important;background:transparent!important}
body .yh-shell-menu .yh-menu-demo{border-top:0!important}
body .yh-shell-menu nav>.yh-menu-signin{display:block!important;text-align:center;text-transform:uppercase;margin-top:10px!important;padding:10px 16px!important;border:1px solid #5f7a8c4d!important;background:rgba(95,122,140,.08)!important;box-shadow:inset 0 1px 0 #ffffffb3;font-weight:500}


/* Dashboard layouts: mobile below 1000px, desktop from 1000px. */
@media(min-width:1000px){
.page>.cards,.yourhoa-portfolio .yh-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.yh-global-header .yh-main-nav{gap:16px!important}.yh-global-header .yh-main-nav a{font-size:10px!important}
}
.yourhoa-portfolio .yh-portfolio-header,.yourhoa-portfolio .yh-cards{box-sizing:border-box;width:100%;max-width:1344px;margin-inline:auto}
.yourhoa-portfolio .yh-portfolio-header{background:#eaedf0;padding:20px 24px}
.yourhoa-portfolio .yh-portfolio-eyebrow{color:#5f7a8c}
.yourhoa-portfolio .yh-portfolio-brand{margin-top:24px;align-items:center}
.yourhoa-portfolio .yh-portfolio-stats>div:first-child{background:#5f7a8c;color:white}
.yourhoa-portfolio .yh-portfolio-stats>div:first-child dd{color:white}
.yourhoa-portfolio .yh-stat-notices{background:#c9d6de}
.yourhoa-portfolio .yh-card{padding:20px;min-height:0;gap:14px;overflow-wrap:normal}
.yourhoa-portfolio .yh-card-facts li{font-family:inherit;font-size:13px}
.yourhoa-portfolio .yh-card-facts li::marker{color:#cf986c}
.yourhoa-portfolio .yh-card-top h3,.yourhoa-portfolio .yh-card.is-expanded h3{font-size:20px}
.yourhoa-portfolio .yh-card-task-panel{background:color-mix(in srgb,var(--hoa-background,#bfc5c9) 16%,white);padding:20px}
.yourhoa-portfolio .yh-card-task-panel .yh-queue article{padding:16px}
.yourhoa-portfolio .yh-card-task-panel .yh-queue h3{font-size:15px}
.yourhoa-portfolio .yh-card-task-panel .yh-queue h3::before{content:'• ';color:#a5673f}
@media(min-width:1000px){.yourhoa-portfolio .yh-card.is-expanded{order:-2}.yourhoa-portfolio .yh-card-task-panel{order:-1}.yourhoa-portfolio .yh-card-actions{display:grid;grid-template-columns:4fr 1fr;gap:8px}.yourhoa-portfolio .yh-card-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.yourhoa-portfolio .yh-card-actions button,.yourhoa-portfolio .yh-card-actions a{font-size:9px!important;letter-spacing:0!important;padding:10px 4px!important;min-width:0;white-space:nowrap;text-align:center}}
@media(max-width:999px){.yourhoa-portfolio .yh-portfolio-eyebrow{justify-content:flex-start}.yourhoa-portfolio .yh-as-of{text-align:left}.yourhoa-portfolio .yh-card,.yourhoa-portfolio .yh-card-task-panel{order:0}.yourhoa-portfolio .yh-portfolio-brand{display:block}}

@media(min-width:1000px){body .page>.cards>.hoa{padding:16px!important;min-height:0!important}body .page>.cards>.hoa .cardbody{padding-bottom:0!important;gap:8px!important}body .page>.cards>.hoa .cardbody ul{font:12px/1.4 'Instrument Sans',Arial,sans-serif!important}body .page>.cards>.hoa .cardtop h2{font-size:18px!important}body .page>.cards>.hoa .metrics b{font-size:20px!important}body .page>.cards>.hoa .demo-card-actions{padding-top:14px!important}body .page>.cards>.hoa .demo-card-actions>a{font-size:9px!important;min-height:34px!important}body .page>.cards>.hoa .metrics{padding:8px 0!important}}
@media(min-width:1000px){body .page:has(>.cards)>.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* Keep natural content dimensions centered between shared header and footer. */
html:has(body>.yh-global-header){min-height:100%}
body:has(>.yh-global-header):has(>.yh-global-footer){box-sizing:border-box;min-height:100vh;min-height:100dvh;display:flex!important;flex-direction:column;row-gap:20px;padding-bottom:0!important}
body:has(>.yh-global-header):has(>.yh-global-footer)>.yh-global-header,
body:has(>.yh-global-header):has(>.yh-global-footer)>.yh-global-footer{flex:0 0 auto;margin-top:0!important;margin-bottom:0!important}
body:has(>.yh-global-header):has(>.yh-global-footer)>main{flex:0 0 auto;margin-top:auto!important;margin-bottom:auto!important}
@media(min-width:1000px){body .page:has(>.cards)>.cards>.hoa:only-child{grid-column:1/-1}}
/* Restrained action dialogs share the visible viewport and mobile rails. */
body:has(>.yh-global-header) dialog:not(.yh-shell-menu){position:fixed!important;inset:0!important;top:var(--yh-popup-top,0px)!important;bottom:auto!important;left:50%!important;right:auto!important;transform:translate(-50%,-50%)!important;top:calc(var(--yh-popup-top,0px) + var(--yh-popup-height,100dvh)/2)!important;margin:0!important;box-sizing:border-box!important;width:min(640px,calc(100vw - 64px))!important;max-width:calc(100vw - 64px)!important;height:auto!important;min-height:0!important;max-height:calc(var(--yh-popup-height,100dvh) - 64px)!important;overflow:auto!important}
body:has(>.yh-global-header) .dashboard-demo-composer .ddc-shell{width:100%!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:visible!important}
body:has(>.yh-global-header) .ddc-header{padding:16px 20px!important;gap:12px}
body:has(>.yh-global-header) .ddc-header h2{font-size:20px!important}
body:has(>.yh-global-header) .ddc-context{font-size:10px!important;margin-top:7px}
body:has(>.yh-global-header) .ddc-form,body:has(>.yh-global-header) .ddc-preview{padding:16px 20px!important;gap:12px!important}
body:has(>.yh-global-header) .ddc-field>label,body:has(>.yh-global-header) .ddc-signature summary{font-size:10px!important;letter-spacing:.1em}
body:has(>.yh-global-header) .ddc-field input,body:has(>.yh-global-header) .ddc-field textarea{padding:8px 10px!important;font:13px/1.4 'Instrument Sans',Arial,sans-serif!important;margin-top:6px!important}
body:has(>.yh-global-header) .ddc-field textarea{height:76px!important;min-height:76px!important}
body:has(>.yh-global-header) .ddc-help,body:has(>.yh-global-header) .ddc-file-box,body:has(>.yh-global-header) .ddc-recipients span{font-size:11px!important;line-height:1.4}
body:has(>.yh-global-header) .ddc-file-box{padding:10px!important;gap:10px!important;margin-top:6px}
body:has(>.yh-global-header) .ddc-recipients>div{padding:7px 8px;margin-top:6px}
body:has(>.yh-global-header) .ddc-recipients strong{font-size:11px;padding:5px 8px}
body:has(>.yh-global-header) .ddc-records{background:transparent;border:0;padding:0;margin:0}
.ddc-records>h3{margin:0 0 6px;color:#4e6b80;font:700 10px/1.4 'Instrument Sans',Arial,sans-serif;letter-spacing:.1em}
.ddc-records-body{padding:10px;background:#eaf0f4;border:1px solid #c9d6de}.ddc-records-body>p{font-size:11px;line-height:1.4;margin:0 0 8px}
body:has(>.yh-global-header) .ddc-records label{padding:7px 8px;font-size:12px;margin:6px 0;gap:2px 7px}
body:has(>.yh-global-header) .ddc-records small{font-size:10px}
body:has(>.yh-global-header) .ddc-signature{padding-top:10px}
body:has(>.yh-global-header) .ddc-status:empty,body:has(>.yh-global-header) .ddc-file-name:empty{display:none}
body:has(>.yh-global-header) .ddc-form>footer,body:has(>.yh-global-header) .ddc-preview>footer{margin:0 -20px -16px!important;padding:12px 20px!important;gap:8px!important}
body:has(>.yh-global-header) .ddc-form>footer button,body:has(>.yh-global-header) .ddc-preview>footer button{font-size:10px!important;min-height:38px;padding:9px 12px!important}
body:has(>.yh-global-header) .ddc-file-button{font-size:10px;padding:8px 10px}
body:has(>.yh-global-header) .dashboard-billing .db-header,body:has(>.yh-global-header) .dashboard-billing .db-body{padding:16px 20px;gap:12px}
body:has(>.yh-global-header) .dashboard-billing h2{font-size:20px}
body:has(>.yh-global-header) .yh-compose-dialog{padding:20px!important}
body:has(>.yh-global-header) .yh-compose-dialog .yh-compose-form{gap:12px!important;padding-top:12px!important}
body:has(>.yh-global-header) .yh-compose-dialog .yh-compose-form textarea{min-height:76px!important;height:76px!important}
body:has(>.yh-global-header) .yh-compose-dialog .yh-compose-form :is(input:not([type=checkbox]),textarea,select){font-size:13px!important;padding:8px 10px!important}
body:has(>.yh-global-header) .yh-compose-dialog h2{font-size:20px!important}
@media(max-width:999px){body:has(>.yh-global-header) dialog:not(.yh-shell-menu){width:calc(100vw - 48px)!important;max-width:480px!important;max-height:calc(var(--yh-popup-height,100dvh) - 64px)!important}.ddc-form>footer button{flex:1 1 100%}.ddc-field input,.ddc-field textarea{font-size:16px!important}}
/* The date follows the management company at every viewport width. */
body .page:has(>.cards)>.header .dashboard-brand>.dashboard-date,body .yourhoa-portfolio .yh-as-of{display:block!important;position:static!important;inset:auto!important;transform:none!important;float:none!important;width:auto!important;max-width:100%!important;height:auto!important;margin:8px 0 0!important;padding:0!important;text-align:left!important;white-space:normal!important;color:#5f7a8c!important;font:400 12px/1.4 'Instrument Sans',Arial,sans-serif!important}
body .page:has(>.cards)>.header .dashboard-date .dashboard-date-full{display:inline!important}
body .page:has(>.cards)>.header .dashboard-date .dashboard-date-short{display:none!important}
body .page:has(>.cards)>.header{grid-template-rows:auto!important}
body .page:has(>.cards)>.header .dashboard-brand,body .page:has(>.cards)>.header .stats{grid-row:1!important}
body .yourhoa-portfolio .yh-portfolio-eyebrow:empty{display:none}
@media(max-width:999px){body .page:has(>.cards)>.header .stats{grid-row:2!important}}
/* Shared dashboard summary across both demos and the management template. */
:root body .page:has(>.cards)>.header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto!important;align-items:center!important;gap:24px!important;padding:22px 24px!important;background:#eaedf0!important;min-height:0!important}
:root body .page:has(>.cards)>.header .dashboard-brand{display:block!important;grid-row:1!important;grid-column:1!important;align-self:center!important}
:root body .page:has(>.cards)>.header .stats{grid-row:1!important;grid-column:2!important;margin:0!important;align-self:center!important}
:root body .page:has(>.cards)>.header .dashboard-brand>.dashboard-date{display:block!important;position:static!important;inset:auto!important;transform:none!important;justify-self:start!important;align-self:start!important;margin:8px 0 0!important;text-align:left!important;float:none!important;width:100%!important;color:#5f7a8c!important}
:root body .page:has(>.cards)>.header .stats>div:first-child{background:#5f7a8c!important;color:#fff!important}
:root body .page:has(>.cards)>.header .stats>div:first-child :is(b,span){color:#fff!important}
:root body .page:has(>.cards)>.header .stats>div:nth-child(3){background:#c9d6de!important;color:#243544!important}
:root body .page:has(>.cards)>.header .stats>div:nth-child(3) :is(b,span){color:#243544!important}
@media(max-width:999px){:root body .page:has(>.cards)>.header{grid-template-columns:minmax(0,1fr)!important;gap:18px!important;padding:18px 16px!important}:root body .page:has(>.cards)>.header .stats{grid-row:2!important;grid-column:1!important;width:100%!important}}
:root body .page:has(>.cards)>.header .dashboard-brand{padding:0!important;margin:0!important;align-self:center!important}

/* Shared fictional HOA queue presentation. */

body .cards>.community-queue{background:color-mix(in srgb,var(--queue-bg) 13%,white)!important;color:#1c1f24!important;border:0!important;padding:20px!important;font-family:'Instrument Sans',Arial,sans-serif!important}body .community-queue .q-label{font-size:11px;font-weight:700;letter-spacing:.12em;margin:0 0 14px;color:#3f596a}body .community-queue .q-label::before{content:'•';color:#a5673f;margin-right:9px}body .community-queue .q-heading{display:flex;align-items:baseline;gap:10px;margin:0 0 10px}body .community-queue h3{font-size:18px;margin:0;line-height:1.2}body .community-queue .q-heading span{font-size:12px;color:#5b6570}body .community-queue .q-today{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}body .community-queue .q-lower{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}body .community-queue .q-task{display:flex;justify-content:space-between;gap:14px;background:white!important;border:0!important;border-bottom:2px solid #e1e6ea!important;padding:14px 16px!important;margin:0!important}body .community-queue .q-task small{font-size:10px;letter-spacing:.07em;color:#425563}body .community-queue .q-task h4{font-size:15px;line-height:1.3;margin:5px 0;font-weight:700}body .community-queue .q-task h4::before{content:'•';color:#a5673f;margin-right:7px}body .community-queue .q-task p{font-size:13px;line-height:1.45;margin:0}body .community-queue .q-action{flex:0 0 auto;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:8px}body .community-queue .q-action a{font-size:10px;padding:9px 11px;background:var(--queue-bg);color:var(--queue-fg);text-decoration:none;border:1px solid #5f7a8c40;white-space:nowrap}body .community-queue time{font-size:12px;color:#5b6570}body .community-queue aside{padding:16px}body .community-queue aside h4{font-size:10px;letter-spacing:.09em;margin:0 0 12px}body .community-queue .q-closing{background:var(--queue-bg);color:var(--queue-fg)}body .community-queue .q-closing p{display:flex;gap:12px;font-size:12px;line-height:1.4;margin:7px 0}body .community-queue .q-closing b{min-width:46px}body .community-queue .q-cleared{background:#ffffff99}body .community-queue ul{padding-left:16px;margin:0;font-size:12px;line-height:1.6}body .community-queue li::marker{color:#a5673f}@media(max-width:999px){body .community-queue .q-today,body .community-queue .q-lower{grid-template-columns:1fr}body .community-queue .q-task{flex-wrap:wrap}body .community-queue .q-action{align-items:flex-start;text-align:left}body .community-queue .q-heading{flex-wrap:wrap;gap:6px}}

.cards>.community-queue{grid-column:1/-1;margin:0 0 20px;box-shadow:0 8px 24px #1c1f2414}.cards>.hoa.is-expanded{grid-column:1/-1}.cards .hoa-expand{display:inline;background:transparent;border:0;padding:0;margin:0;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}.cards>.hoa{cursor:pointer}.cards .hoa-expand:focus-visible{outline:2px solid currentColor;outline-offset:4px}@media(min-width:1000px){.cards>.hoa.is-expanded{order:-2!important}.cards>.community-queue{order:-1!important}}@media(max-width:999px){body .cards>.hoa.is-expanded,body .cards>.community-queue{order:0!important}}

/* Community colors identify the active HOA throughout the composer. */
body .dashboard-demo-composer.hoa-branded-dialog{--dialog-label:color-mix(in srgb,var(--dialog-brand) 65%,#000);--dialog-tint:color-mix(in srgb,var(--dialog-brand) 8%,#fff)}
body .hoa-branded-dialog .ddc-header{border-top:0}
body .hoa-branded-dialog .ddc-header h2 b,body .hoa-branded-dialog .ddc-context,body .hoa-branded-dialog .ddc-field>label,body .hoa-branded-dialog .ddc-signature summary,body .hoa-branded-dialog .ddc-records>h3,body .hoa-branded-dialog .ddc-preview-kicker{color:var(--dialog-label)}
body .hoa-branded-dialog .ddc-file-box,body .hoa-branded-dialog .ddc-records-body,body .hoa-branded-dialog .ddc-email-meta{background:var(--dialog-tint);border-color:color-mix(in srgb,var(--dialog-brand) 35%,#fff)}
body .hoa-branded-dialog .ddc-primary,body .hoa-branded-dialog .ddc-recipients strong{background:var(--dialog-brand);border-color:var(--dialog-brand);color:var(--dialog-brand-ink)}
body .hoa-branded-dialog .ddc-field input:focus-visible,body .hoa-branded-dialog .ddc-field textarea:focus-visible{outline:2px solid var(--dialog-label);outline-offset:1px}

/* Dashboard summary and card grid share the same outer rails. */
:root body .page:has(>.cards)>:is(.header,.cards){box-sizing:border-box;width:100%!important;max-width:100%!important;margin-inline:0!important}
@media(max-width:999px){
 :root body .page:has(>.cards){box-sizing:border-box;width:calc(100% - 64px)!important;max-width:720px!important;padding-inline:0!important;margin-inline:auto!important}
 :root body .page:has(>.cards)>.cards{padding:0!important;grid-template-columns:minmax(0,1fr)!important}
 :root body .page:has(>.cards)>.cards>:is(.hoa,.community-queue){box-sizing:border-box;width:100%!important;max-width:100%!important;min-width:0!important;margin-inline:0!important}
 :root body .yourhoa-portfolio{box-sizing:border-box;width:calc(100% - 64px)!important;max-width:720px!important;margin-inline:auto!important}
 :root body .yourhoa-portfolio :is(.yh-portfolio-header,.yh-cards){width:100%!important;max-width:100%!important;min-width:0!important;margin-inline:0!important}
}

/* Authenticated account actions follow the shared desktop/mobile modes. */
body .yh-global-header:has(#signout:not([hidden])) .yh-signin,body .yh-shell-menu [hidden]{display:none!important}
@media(min-width:1000px){body .yh-global-header #signout:not([hidden]){display:inline-flex!important;align-items:center;justify-content:center;min-height:40px}}
body .yh-shell-menu nav>.yh-menu-signout{display:block!important;width:100%!important;height:auto!important;margin-top:10px!important;padding:10px 16px!important;border:1px solid #5f7a8c4d!important;background:rgba(95,122,140,.08)!important;font:500 11px 'Instrument Sans',Arial,sans-serif!important;letter-spacing:.08em}
body .yh-shell-menu nav>.yh-menu-signout[hidden]{display:none!important}
body .yh-shell-menu nav>.yh-menu-signin[hidden]{display:none!important}
/* Keep the identifying action word consistent across dashboard dialogs. */
body .dashboard-demo-composer.hoa-branded-dialog{--dialog-label:#687078}
body .dashboard-demo-composer .ddc-header h2 span,body .dashboard-demo-composer .ddc-header h2 b{color:#1c1f24}
body .dashboard-demo-composer.is-publish .ddc-header h2 span,body .dashboard-demo-composer.is-email .ddc-header h2 b,body .dashboard-billing .db-header h2 span{color:#687078}

body .dashboard-wordmark .dashboard-demo-label{color:#687078;font:inherit;letter-spacing:inherit} 

/* Shared mobile dashboard rails and live composer geometry. */
@media(max-width:999px){
 :root body .page:has(>.cards){width:calc(100% - 64px)!important;max-width:none!important}
 :root body:has(.yourhoa-portfolio)>main{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin-inline:0!important;padding-inline:32px!important}
 :root body .yourhoa-portfolio{width:100%!important;max-width:none!important;margin-inline:0!important}
 :root body .yourhoa-portfolio .yh-cards{padding:0!important;grid-template-columns:minmax(0,1fr)!important}
 :root body .yourhoa-portfolio .yh-portfolio-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;min-width:0!important;width:100%!important}
 :root body .yourhoa-portfolio .yh-portfolio-stats>div{min-width:0!important;padding:12px 8px!important}
 :root body .yourhoa-portfolio .yh-portfolio-stats :is(dd,span){white-space:normal!important;overflow-wrap:anywhere}
 :root body .yourhoa-portfolio .yh-portfolio-brand{min-width:0!important;max-width:100%!important}
 :root body .yourhoa-portfolio .yh-card-top{flex-wrap:wrap}
 :root body .yourhoa-portfolio .yh-card-quick-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}
}
body:has(>.yh-global-header) .yh-compose-dialog{width:calc(100% - 64px)!important;max-width:720px!important;border-top:0!important;--hoa-accent:#707a84}
body .yh-compose-dialog :is(.yh-compose-community,.yh-compose-form>label){color:#707a84!important}
body .yh-publish-composer>h2 span{color:#707a84!important}
body .yh-publish-composer>h2 strong{color:#1c1f24!important}
body .yh-compose-dialog .yh-compose-files{background:#f4f5f6!important;border:1px dashed #b7bdc2!important}
body .yh-compose-dialog .yh-compose-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important}
body .yh-compose-dialog .yh-compose-actions button{flex:0 0 auto!important;width:100%!important;height:48px!important;min-height:48px!important;max-height:64px!important;margin:0!important;padding:12px!important;line-height:1.3!important}
body .yh-compose-dialog .yh-compose-actions button[type=submit]{background:#1c1f24!important;color:white!important;border:1px solid #1c1f24!important}
body .yh-compose-dialog .yh-compose-cancel{background:#eaedf0!important;color:#1c1f24!important;border:1px solid #bdc3c8!important}
body .yh-compose-dialog .yh-compose-form :is(input,textarea):focus-visible{outline:2px solid #707a84!important;outline-offset:1px}
@media(max-width:600px){
 body .yh-compose-dialog .yh-compose-actions{grid-template-columns:minmax(0,1fr)!important}
 body .yh-compose-dialog .yh-compose-actions button[type=submit]{grid-row:1}
 :root body .yourhoa-portfolio .yh-portfolio-header{padding:16px!important}
 :root body .yourhoa-portfolio .yh-portfolio-title h2{font-size:clamp(18px,5vw,26px)!important;overflow-wrap:anywhere}
 :root body .yourhoa-portfolio .yh-card{padding:20px!important}
 :root body .yourhoa-portfolio .yh-card-quick-actions{grid-template-columns:minmax(0,1fr)!important}
}

/* Shared HOA identity for existing communities and newly created communities. */
body .dashboard-demo-composer.hoa-branded-dialog{--dialog-label:color-mix(in srgb,var(--dialog-brand) 65%,#000)}
body .dashboard-demo-composer.hoa-branded-dialog .ddc-header h2 b{color:var(--dialog-label)}
body .yh-compose-dialog[style*="--dialog-brand"] :is(.yh-compose-community,.yh-compose-form>label,.yh-compose-title strong){color:color-mix(in srgb,var(--dialog-brand) 65%,#000)!important}
body .yh-compose-dialog[style*="--dialog-brand"] .yh-compose-files{background:color-mix(in srgb,var(--dialog-brand) 8%,white)!important;border-color:color-mix(in srgb,var(--dialog-brand) 35%,white)!important}
body .yh-compose-dialog[style*="--dialog-brand"] :is(button[type="submit"],.yh-email-primary){background:var(--dialog-brand)!important;border-color:var(--dialog-brand)!important;color:var(--dialog-brand-ink)!important}

/* Shared page chrome spans the viewport; content rails belong to main. */
:root body:has(>.yh-global-header){margin-inline:0!important;padding-inline:0!important;max-width:none!important;width:100%!important}
:root body>.yh-global-header,:root body>.yh-global-footer{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin-inline:0!important;align-self:stretch}

/* Joined dashboard wordmark. */
body .dashboard-wordmark{gap:0!important;column-gap:0!important;flex-wrap:nowrap}
body .dashboard-wordmark>.dashboard-demo-label{margin-left:0!important;padding-left:0!important}

html.dashboard-embedded{background:#1c1f24!important}


body .hoa-branded-dialog .ddc-file-button{background:var(--dialog-brand);border-color:var(--dialog-brand);color:var(--dialog-brand-ink)}
body .hoa-branded-dialog .ddc-file-box{background:color-mix(in srgb,var(--dialog-brand) 28%,white);border-color:var(--dialog-brand)}


.ddc-email-privacy,.ddc-delivery-details{font-size:12px;line-height:1.45;color:#687078}.ddc-email-privacy{margin:8px 0}.ddc-delivery-details{margin-top:8px}

/* Separate an expanded HOA queue from the remaining community cards. */
body .cards>.community-queue{position:relative;margin-bottom:48px}
body .cards>.community-queue::after{content:'';position:absolute;left:0;right:0;bottom:-25px;height:1px;background:#c8d2d9}

@media(max-width:999px){html:has(.page>.cards),html:has(.yourhoa-portfolio){overflow-x:clip;overscroll-behavior-x:none}.page:has(>.cards) :is(.cardtop,.cardbody,.metrics,.stats,.name,.quick-actions){min-width:0;max-width:100%}.page:has(>.cards) .stats span{white-space:normal}.page:has(>.cards) .hoa{overflow-wrap:anywhere}}

/* Four separate portfolio summary values stay readable at mobile widths. */
.page>.header .stats:has(.total-lots){display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px!important}.page>.header .stats .total-lots{background:#3f4f5c!important;color:white}.page>.header .stats .total-lots :is(b,span){color:white!important}@media(max-width:999px){.page>.header .stats:has(.total-lots){grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%}.page>.header .stats:has(.total-lots)>div{min-width:0;padding:12px!important}.page>.header .stats:has(.total-lots) span{white-space:normal!important}}

/* Temporary meeting access: public navigation. */
.yh-signin{display:none!important}

html body .yh-global-header .yh-signin,html body .yh-shell-menu .yh-menu-signin{display:none!important}