/* Scoped to the approved resident app; the rest of the portal keeps its styles. */
body.resident-app-open>.site-header,body.resident-app-open>.site-footer,body.resident-app-open>.wrap{display:none}
.resident-app{--ra-muted:#46554e;--lime:#c9e78f;background:var(--paper,#f6f4ef);color:var(--ink,#17262d);font:20px/1.45 'DM Sans',sans-serif;min-height:100dvh}
.resident-app *{box-sizing:border-box}.resident-app p,.resident-app h1,.resident-app h2{margin:0}.resident-app h1,.resident-app h2,.resident-app strong{font-family:Manrope,sans-serif;font-weight:600;letter-spacing:0}
.resident-app h1{font-size:38px;line-height:1.45;max-width:none}.resident-app h2{font-size:24px;line-height:1.45}.resident-app a:focus-visible{outline:3px solid #17262d;outline-offset:4px}
.ra-header{background:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px}.ra-header p{font-size:18px;color:var(--ra-muted)}
.ra-brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.ra-brand img{display:block;width:42px;height:42px;max-width:none}.ra-brand span{font:600 20.15px/1 Manrope,sans-serif;letter-spacing:-.7px;color:var(--green,#216e55)}
.ra-demo{padding:8px;text-align:center;background:var(--lime,#c9e78f);color:#17262d;font-size:18px;line-height:1.4}
.resident-app .ra-nav{display:flex;gap:8px;padding:16px 40px;background:#fff;margin:0;position:static;width:auto;order:initial;justify-content:flex-start}.ra-nav a{display:flex;align-items:center;justify-content:center;min-height:56px;width:208px;font-size:18px;line-height:1.4;color:var(--green,#216e55);border-radius:12px;white-space:normal;text-align:center;padding:10px 8px}.ra-nav a[aria-current]{background:var(--green,#216e55);color:#fff}.ra-nav a:hover{background:#edf2e7}.ra-nav a[aria-current]:hover{background:#18553f}
.ra-content{padding:24px 40px 32px;max-width:1600px;margin:auto;display:grid;gap:24px}.ra-subtitle,.ra-muted{color:var(--ra-muted)}
.ra-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.ra-column{display:grid;gap:24px;min-width:0}.ra-card{border-radius:16px;background:#fff;padding:24px;display:grid;gap:16px;min-width:0}.ra-warning{background:#fff1d9}.ra-plain{background:transparent}
.ra-chart-layout{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.ra-donut{position:relative;width:280px;height:280px;flex-shrink:0}.ra-segment{position:absolute}.ra-segment img{display:block;max-width:none}.ra-sector-number{position:absolute;color:#fff;font:600 18px/1.45 Manrope,sans-serif}.ra-donut-total{position:absolute;top:100px;left:46px;width:188px;display:flex;flex-direction:column;align-items:center;white-space:nowrap}.ra-donut-total strong{font-size:34px}.ra-donut-building .ra-donut-total strong{font-size:30px}.ra-donut-total>span{font-size:18px;color:var(--ra-muted)}
.ra-legend{display:grid;gap:12px;margin:0;padding:0;list-style:none;flex:1;min-width:240px}.ra-legend li{display:flex;gap:12px;align-items:center}.ra-number{display:flex;align-items:center;justify-content:center;border-radius:50%;width:32px;height:32px;flex-shrink:0;color:#fff;font:600 18px/1.45 Manrope,sans-serif}.ra-legend li>div{display:grid;color:var(--ra-muted);font-size:20px}.ra-legend strong{font-size:22px;color:#17262d}
.resident-app .ra-highlight{font:600 32px/1.45 Manrope,sans-serif;color:var(--green,#216e55)}.resident-app .ra-total{font:600 42px/1.45 Manrope,sans-serif}.ra-bars{display:grid;gap:16px}.ra-bar-label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:8px;color:var(--ra-muted)}.ra-bar-label strong{font-size:22px;color:#17262d;white-space:nowrap}.ra-track{height:24px;border-radius:8px;overflow:hidden;background:#f6f4ef}.ra-track span{display:block;height:100%;border-radius:8px}
.ra-button{display:flex;align-items:center;justify-content:center;min-height:56px;border-radius:12px;padding:12px 16px;text-align:center;background:var(--green,#216e55);color:#fff;font-size:18px}.ra-button:hover{background:#18553f;color:white}
.ra-payment{display:flex;gap:4px;height:40px}.ra-payment span{background:#216e55;border-radius:5px}.ra-payment span+span{background:#246c9e}.resident-app .ra-paid{color:#216e55}.resident-app .ra-due{color:#246c9e}.ra-strong,.ra-equation{font-weight:600}.ra-equation{font-size:20px}.ra-questions{margin:0;padding-left:24px}.ra-footnote{font-size:18px;color:var(--ra-muted)}.ra-more{display:flex;gap:16px 32px;flex-wrap:wrap}.ra-more a{font-size:18px;color:#216e55;text-decoration:underline;text-underline-offset:4px;min-height:48px;display:flex;align-items:center}
@media(max-width:1100px) and (min-width:701px){.ra-chart-layout{justify-content:center}.ra-legend{flex-basis:100%}}
@media(max-width:700px){.ra-header{padding:20px}.ra-brand img{width:34px;height:34px}.ra-brand span{font-size:18px;line-height:18.6px}.ra-desktop-only{display:none}.resident-app h1{font-size:28px}.resident-app h2{font-size:24px}.ra-content{padding:24px 20px calc(104px + env(safe-area-inset-bottom));gap:24px}.ra-columns{grid-template-columns:minmax(0,1fr)}.ra-chart-layout{flex-direction:column;align-items:center;gap:24px}.ra-legend{align-self:stretch;min-width:0;width:100%}.resident-app .ra-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;padding:8px 16px calc(8px + env(safe-area-inset-bottom));gap:8px;box-shadow:0 -2px 12px #17262d08}.ra-nav a{width:auto;flex:1;min-width:0;padding:10px 4px}.ra-equation span{display:block}.resident-app .ra-highlight{font-size:30px}.resident-app .ra-total{font-size:38px}.ra-more{display:grid;gap:8px}}
@media(max-width:370px){.ra-content{padding-left:12px;padding-right:12px}.ra-card{padding:16px}.ra-donut{transform:scale(.94);margin:-8px}.resident-app .ra-nav{padding-left:8px;padding-right:8px;gap:4px}.ra-nav a{font-size:18px}.ra-header{padding:16px}}
@media print{body.resident-app-open #content{display:block!important}.ra-nav,.ra-more{display:none!important}.ra-columns{display:block}.ra-card{break-inside:avoid}.ra-content{padding:0}}