/*
 * POA Portal experience foundation — Release 1
 * Loaded after the legacy styles so shared tokens and components behave
 * consistently across Global, Manager, Accountant, Board and Homeowner areas.
 */
:root{
  --portal-navy-950:#0b1f33;
  --portal-navy-900:#102a43;
  --portal-navy-800:#173f63;
  --portal-blue-700:#1f5f9f;
  --portal-blue-600:#2875bd;
  --portal-blue-100:#e9f3fd;
  --portal-slate-950:#16202f;
  --portal-slate-800:#344054;
  --portal-slate-700:#475467;
  --portal-slate-600:#667085;
  --portal-slate-500:#7f8b9e;
  --portal-slate-300:#cbd5e1;
  --portal-slate-200:#dfe5ec;
  --portal-slate-100:#eef2f6;
  --portal-slate-50:#f7f9fc;
  --portal-white:#fff;
  --portal-green-700:#177245;
  --portal-green-100:#e6f7ed;
  --portal-amber-700:#8a5700;
  --portal-amber-100:#fff4d6;
  --portal-red-700:#a43131;
  --portal-red-100:#fdeaea;
  --portal-sidebar-width:288px;
  --portal-content-max:1480px;
  --portal-radius-sm:8px;
  --portal-radius:12px;
  --portal-radius-lg:16px;
  --portal-shadow-sm:0 1px 2px rgba(15,23,42,.05),0 5px 16px rgba(15,23,42,.045);
  --portal-shadow:0 12px 30px rgba(15,23,42,.08);
  --portal-focus:0 0 0 3px rgba(40,117,189,.28);
  --bg:var(--portal-slate-50);
  --panel:var(--portal-white);
  --text:var(--portal-slate-950);
  --muted:var(--portal-slate-600);
  --line:var(--portal-slate-200);
  --primary:var(--portal-blue-700);
  --danger:var(--portal-red-700);
  --good:var(--portal-green-700);
  --warn:var(--portal-amber-700);
  --shadow:var(--portal-shadow-sm);
}

html{scroll-behavior:smooth;background:var(--portal-slate-50)}
body{min-height:100vh;background:var(--portal-slate-50);color:var(--portal-slate-950);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.55;text-rendering:optimizeLegibility}
a{color:var(--portal-blue-700);text-underline-offset:2px}
a:hover{color:var(--portal-navy-800)}
img{max-width:100%;height:auto}
hr{border:0;border-top:1px solid var(--portal-slate-200);margin:1.5rem 0}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;left:1rem;top:-6rem;z-index:100000;padding:.7rem 1rem;border-radius:var(--portal-radius-sm);background:var(--portal-white);color:var(--portal-navy-900);font-weight:800;box-shadow:var(--portal-shadow)}
.skip-link:focus{top:1rem}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:0;box-shadow:var(--portal-focus)}
#main-content:focus{outline:0;box-shadow:none}

/* Authenticated application shell */
.authenticated .topbar{
  position:fixed!important;
  inset:0 auto 0 0;
  z-index:1000;
  width:var(--portal-sidebar-width);
  height:100dvh;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:0!important;
  padding:0!important;
  overflow:hidden;
  color:#d7e3ef;
  background:linear-gradient(180deg,var(--portal-navy-950),var(--portal-navy-900));
  border:0!important;
  box-shadow:8px 0 24px rgba(15,23,42,.08);
}
.portal-brand-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;min-width:0;padding:1.1rem 1rem .95rem;border-bottom:1px solid rgba(255,255,255,.1);text-align:center}
.portal-brand-logo-link{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;margin:0 auto;text-decoration:none;line-height:1;text-align:center}
.portal-brand-logo{display:block;width:auto;height:auto;max-width:min(100%,var(--portal-brand-logo-width,220px));max-height:var(--portal-brand-logo-height,60px);object-fit:contain;object-position:center center}
.authenticated .portal-brand-logo-link{padding:.52rem .62rem;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.14)}
.authenticated .brand{font-size:1.22rem;font-weight:850;letter-spacing:-.025em;color:#fff;text-decoration:none;white-space:normal}
.portal-workspace-label{display:block;width:100%;text-align:center!important;margin:.15rem auto 0!important;padding-left:0!important;color:#9fb5cb;font-size:.72rem;font-weight:750;letter-spacing:.055em;text-transform:uppercase}
.app-nav-toggle{display:none!important}
.portal-primary-nav{display:block!important;flex:1;min-height:0;padding:.8rem .65rem 1rem;overflow:hidden}
.portal-nav-scroll{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:0 .15rem 1rem;scrollbar-width:thin;scrollbar-color:#56728d transparent}
.portal-nav-scroll::-webkit-scrollbar{width:8px}.portal-nav-scroll::-webkit-scrollbar-thumb{background:#56728d;border-radius:999px}
.portal-nav-context{display:grid;gap:.16rem;margin:.1rem .3rem .75rem;padding:.75rem .8rem;border:1px solid rgba(255,255,255,.1);border-radius:var(--portal-radius);background:rgba(255,255,255,.055)}
.portal-nav-context span{color:#9fb5cb;font-size:.68rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}
.portal-nav-context strong{color:#fff;font-size:.9rem;line-height:1.3;overflow-wrap:anywhere}
.portal-nav-context a{width:max-content;color:#b9d9f6;font-size:.76rem;font-weight:700;text-decoration:none}
.portal-nav-context a:hover{color:#fff;text-decoration:underline}
.portal-nav-link{display:flex!important;align-items:center;gap:.68rem;min-height:2.45rem;margin:.1rem 0;padding:.48rem .65rem!important;border:1px solid transparent;border-radius:var(--portal-radius-sm)!important;color:#d7e3ef!important;text-decoration:none!important;font-size:.86rem;font-weight:650;line-height:1.25;white-space:normal!important;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}
.portal-nav-link:hover{color:#fff!important;background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.08);transform:translateX(1px)}
.portal-nav-link.is-current,.portal-nav-link[aria-current="page"]{color:#fff!important;background:var(--portal-blue-600)!important;border-color:rgba(255,255,255,.16);box-shadow:0 5px 14px rgba(0,0,0,.15)}
.portal-nav-icon{display:grid;place-items:center;flex:0 0 1.25rem;width:1.25rem;height:1.25rem;color:#9fc8eb;font-size:.88rem;font-weight:900}
.portal-nav-link.is-current .portal-nav-icon,.portal-nav-link:hover .portal-nav-icon{color:#fff}
.portal-nav-label{min-width:0;overflow-wrap:anywhere}
.portal-nav-badge{display:inline-grid;place-items:center;min-width:1.45rem;height:1.45rem;margin-left:auto;padding:0 .35rem;border-radius:999px;background:#fbbf24;color:#3b2700;font-size:.7rem;font-weight:900}
.portal-nav-dashboard{margin-bottom:.5rem;border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.045)}
.portal-nav-search{display:grid;grid-template-columns:minmax(0,1fr) 2.25rem;margin:.25rem .1rem .75rem;border:1px solid rgba(255,255,255,.13);border-radius:var(--portal-radius-sm);background:rgba(255,255,255,.065);overflow:hidden}
.portal-nav-search input{min-width:0;width:100%;height:2.35rem;margin:0;padding:.45rem .6rem;border:0;border-radius:0;background:transparent;color:#fff;font-size:.78rem;box-shadow:none}
.portal-nav-search input::placeholder{color:#a9bdcf}
.portal-nav-search button{display:grid;place-items:center;width:100%;height:2.35rem;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#d7e3ef;font-size:1.05rem}
.portal-nav-search button:hover{background:rgba(255,255,255,.08)}
.portal-nav-group{margin:.18rem 0;border-radius:var(--portal-radius-sm)}
.portal-nav-group>summary{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.48rem .65rem;color:#91a9bf;border-radius:var(--portal-radius-sm);cursor:pointer;font-size:.69rem;font-weight:850;letter-spacing:.065em;text-transform:uppercase;list-style:none}
.portal-nav-group>summary::-webkit-details-marker{display:none}
.portal-nav-group>summary:hover{color:#fff;background:rgba(255,255,255,.045)}
.portal-nav-chevron{font-size:.9rem;transition:transform .15s ease}
.portal-nav-group[open] .portal-nav-chevron{transform:rotate(180deg)}
.portal-nav-group-links{display:grid;padding:.05rem 0 .38rem .12rem}
.portal-nav-group-links .portal-nav-link{font-size:.81rem;min-height:2.25rem}
.portal-nav-account{margin-top:.75rem;padding-top:.65rem;border-top:1px solid rgba(255,255,255,.1)}
.portal-nav-logout{color:#f5c9c9!important}

.authenticated .utility-strip{position:sticky;top:0;z-index:900;display:flex;align-items:center;justify-content:flex-end;min-height:3.55rem;margin-left:var(--portal-sidebar-width);padding:.55rem clamp(1rem,3vw,2rem);background:rgba(255,255,255,.92);border-bottom:1px solid var(--portal-slate-200);backdrop-filter:blur(12px)}
.mobile-workspace-context{display:none;margin-right:auto;color:var(--portal-slate-700);font-size:.82rem;font-weight:750}
.authenticated main.container{width:auto;max-width:var(--portal-content-max);min-height:calc(100vh - 8rem);margin:0 auto 0 calc(var(--portal-sidebar-width) + max(0px,(100vw - var(--portal-sidebar-width) - var(--portal-content-max))/2));padding:clamp(1.2rem,2.5vw,2.15rem) clamp(1rem,3vw,2.25rem) 2.75rem}
.authenticated footer.footer.site-footer{width:calc(100% - var(--portal-sidebar-width))!important;margin:20px 0 0 var(--portal-sidebar-width)!important;padding:1.6rem 2rem 2.2rem!important;border-top:1px solid var(--portal-slate-200)!important;background:transparent!important}
.authenticated .consolidated-manager-nav,.authenticated .global-admin-nav{display:none!important}

/* Page structure */
.portal-breadcrumb{margin:0 0 .6rem;padding:0;font-size:.78rem}
.portal-breadcrumb a{color:var(--portal-slate-600);font-weight:650}.portal-breadcrumb a:hover{color:var(--portal-blue-700)}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin:0 0 1.25rem;padding:0 0 1.15rem;border-bottom:1px solid var(--portal-slate-200)}
.page-heading-text{min-width:0}
.page-heading h1{margin:.12rem 0 0;color:var(--portal-slate-950);font-size:clamp(1.62rem,2.5vw,2.2rem);line-height:1.15;letter-spacing:-.035em}
.page-heading .hoa-title{color:var(--portal-blue-700)!important;font-size:.74rem!important;font-weight:850!important;line-height:1.35!important;letter-spacing:.075em!important;text-transform:uppercase}
.page-heading-logo img{display:block;max-width:180px;max-height:58px;object-fit:contain}
.page-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin:-.35rem 0 1.25rem;color:var(--portal-slate-600)}
.page-intro p{max-width:72ch;margin:0}
.page-actions,.section-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}
.section-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.8rem}
.section-header-row h2,.section-header-row h3{margin:0 0 .2rem}.section-header-row p{margin:.1rem 0 0}
h1,h2,h3,h4{color:var(--portal-slate-950);letter-spacing:-.018em}h2{font-size:1.18rem}h3{font-size:1rem}

/* Shared panels and layout */
.card,.module-card,.report-card,.settings-card,.dashboard-card,.table-card{border:1px solid var(--portal-slate-200);border-radius:var(--portal-radius-lg);background:var(--portal-white);box-shadow:var(--portal-shadow-sm)}
.card{padding:clamp(1rem,2vw,1.25rem);margin:1rem 0;overflow:visible}
.card>h2:first-child,.card>h3:first-child{margin-top:0}
.grid{gap:1rem}.dashboard-panels{align-items:start}
.card-subtle{background:var(--portal-slate-50);box-shadow:none}
.card-accent{border-left:4px solid var(--portal-blue-600)}
.empty-state{display:grid;place-items:start;gap:.35rem;min-height:6.5rem;padding:1rem;border:1px dashed var(--portal-slate-300);border-radius:var(--portal-radius);background:var(--portal-slate-50);color:var(--portal-slate-600)}
.empty-state strong{color:var(--portal-slate-800)}.empty-state p{margin:0;max-width:58ch}.empty-state .button{margin-top:.35rem}
.definition-grid>div{background:var(--portal-slate-50)}

.record-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.65fr);gap:1.2rem;align-items:start}
.record-main,.record-aside{min-width:0}.record-aside{position:sticky;top:4.5rem}
.record-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.7rem;margin:.8rem 0}
.record-summary>div{padding:.8rem;border:1px solid var(--portal-slate-200);border-radius:var(--portal-radius);background:var(--portal-slate-50)}
.record-summary dt{color:var(--portal-slate-600);font-size:.72rem;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.record-summary dd{margin:.2rem 0 0;font-weight:750}

/* Buttons and form controls */
.button,button,input[type="submit"],input[type="button"]{min-height:2.45rem;width:auto;margin:0;padding:.58rem .9rem;border:1px solid var(--portal-blue-700);border-radius:var(--portal-radius-sm);background:var(--portal-blue-700);color:#fff!important;font:inherit;font-size:.86rem;font-weight:750;line-height:1.2;text-decoration:none!important;cursor:pointer;box-shadow:0 1px 2px rgba(15,23,42,.08);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.button:hover,button:hover,input[type="submit"]:hover,input[type="button"]:hover{background:var(--portal-navy-800);border-color:var(--portal-navy-800);color:#fff!important;transform:translateY(-1px)}
.button.secondary,button.secondary{background:#fff;color:var(--portal-slate-800)!important;border-color:var(--portal-slate-300);box-shadow:none}
.button.secondary:hover,button.secondary:hover{background:var(--portal-slate-100);border-color:#aab6c5;color:var(--portal-slate-950)!important}
.button.good,button.good{background:var(--portal-green-700);border-color:var(--portal-green-700)}
.button.danger,button.danger{background:var(--portal-red-700);border-color:var(--portal-red-700)}
.button.ghost,button.ghost{background:transparent;color:var(--portal-blue-700)!important;border-color:transparent;box-shadow:none}.button.ghost:hover,button.ghost:hover{background:var(--portal-blue-100);color:var(--portal-navy-800)!important}
.small-button,.button.small{min-height:2rem;padding:.38rem .68rem;font-size:.76rem}
.button[aria-disabled="true"],button:disabled{opacity:.55;cursor:not-allowed;transform:none}
.actions,.action-grid{gap:.55rem}.inline-form{vertical-align:middle}
label{margin:.7rem 0 .32rem;color:var(--portal-slate-800);font-size:.82rem;font-weight:750}
input,select,textarea{min-height:2.55rem;padding:.58rem .7rem;border:1px solid var(--portal-slate-300);border-radius:var(--portal-radius-sm);background:#fff;color:var(--portal-slate-950);font:inherit;transition:border-color .15s ease,box-shadow .15s ease}
input:hover,select:hover,textarea:hover{border-color:#a6b3c2}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--portal-blue-600);box-shadow:var(--portal-focus)}
input[type="checkbox"],input[type="radio"]{width:1.05rem;height:1.05rem;min-height:0;padding:0;accent-color:var(--portal-blue-700)}
textarea{min-height:7rem;resize:vertical}
fieldset,.fieldset{border:1px solid var(--portal-slate-200);border-radius:var(--portal-radius);padding:1rem;background:#fff}fieldset legend,.fieldset legend{padding:0 .35rem;color:var(--portal-slate-800);font-weight:800}
.filter-bar{display:flex;align-items:end;gap:.7rem;flex-wrap:wrap;padding:.75rem;border:1px solid var(--portal-slate-200);border-radius:var(--portal-radius);background:var(--portal-slate-50)}
.filter-bar label{min-width:150px;margin:0}.filter-bar .filter-actions{display:flex;gap:.45rem;align-items:center}.filter-summary{margin-left:auto;color:var(--portal-slate-600);font-size:.8rem;font-weight:650}

/* Tables */
.portal-table-scroll{width:100%;max-width:100%;overflow:auto;border:1px solid var(--portal-slate-200);border-radius:var(--portal-radius);background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.03);-webkit-overflow-scrolling:touch}
.portal-table-scroll>table{min-width:680px;margin:0;border:0;border-radius:0;box-shadow:none}
table{border-color:var(--portal-slate-200);border-radius:var(--portal-radius);font-size:.88rem}
th,td{padding:.72rem .78rem;border-color:var(--portal-slate-200)}
th{position:relative;background:var(--portal-slate-100);color:var(--portal-slate-700);font-size:.72rem;font-weight:850;letter-spacing:.025em;text-transform:uppercase}
tbody tr{transition:background .12s ease}tbody tr:hover{background:#f9fbfd}tbody tr:last-child td{border-bottom:0}
td .button,td button{margin-block:.1rem}
.sort-link{display:inline-flex;align-items:center;gap:.35rem;color:inherit;text-decoration:none}.sort-link:hover{text-decoration:underline}

/* Feedback and status */
.flash{display:flex;align-items:flex-start;gap:.6rem;padding:.75rem .9rem;border-radius:var(--portal-radius);box-shadow:var(--portal-shadow-sm)}
.badge,.status-badge,.attention-badge,.new-reply-badge{font-weight:800;letter-spacing:.01em}
.dashboard-item{border-color:var(--portal-slate-200);border-radius:var(--portal-radius);box-shadow:none}
.dashboard-item.needs-attention,.attention-card{background:#fffbeb;border-color:#e8bd45;box-shadow:inset 3px 0 0 #e7a800}

/* Metrics and analytics */
.manager-dashboard-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.85rem;margin:0 0 1.05rem}
.metric-card{display:flex;flex-direction:column;min-width:0;min-height:8.7rem;padding:1rem;border:1px solid var(--portal-slate-200);border-radius:var(--portal-radius-lg);background:#fff;color:inherit;text-decoration:none!important;box-shadow:var(--portal-shadow-sm);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.metric-card-link:hover{border-color:#a7bfd8;box-shadow:var(--portal-shadow);transform:translateY(-2px);color:inherit}
.metric-card-label{color:var(--portal-slate-600);font-size:.73rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.metric-card-value{margin:.42rem 0 .25rem;color:var(--portal-slate-950);font-size:clamp(1.4rem,2.2vw,2rem);line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap}
.metric-card-support{color:var(--portal-slate-600);font-size:.76rem;line-height:1.35}
.metric-card-action{margin-top:auto;padding-top:.55rem;color:var(--portal-blue-700);font-size:.75rem;font-weight:800}
.metric-card-info{border-top:3px solid var(--portal-blue-600)}.metric-card-good{border-top:3px solid var(--portal-green-700)}.metric-card-warn{border-top:3px solid #d18b00}.metric-card-bad{border-top:3px solid var(--portal-red-700)}
.dashboard-analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}
.analytics-card{height:100%;margin:0}.analytics-card-wide{grid-column:1/-1}
.analytics-total{display:grid;justify-items:end;min-width:120px}.analytics-total span,.analytics-total small{color:var(--portal-slate-600);font-size:.72rem}.analytics-total strong{font-size:1.35rem;letter-spacing:-.025em}
.aging-chart{display:grid;gap:.35rem;margin-top:.5rem}.aging-row{display:grid;grid-template-columns:95px minmax(90px,1fr) minmax(100px,auto);align-items:center;gap:.8rem;padding:.48rem .55rem;border-radius:var(--portal-radius-sm);color:inherit;text-decoration:none}.aging-row:hover{background:var(--portal-slate-50);color:inherit}.aging-label{font-size:.79rem;font-weight:750}.aging-track,.workload-track{display:block;height:.62rem;border-radius:999px;background:var(--portal-slate-100);overflow:hidden}.aging-fill,.workload-track>span{display:block;width:var(--bar-size,0);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--portal-blue-600),#5fa1db)}.aging-row:nth-child(5) .aging-fill{background:linear-gradient(90deg,#d56a3b,var(--portal-red-700))}.aging-value{display:grid;justify-items:end;line-height:1.15}.aging-value strong{font-size:.83rem}.aging-value small{color:var(--portal-slate-600);font-size:.68rem}
.chart-summary-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:.6rem 0 1rem}.chart-summary-row>div{padding:.68rem .75rem;border:1px solid var(--portal-slate-200);border-radius:var(--portal-radius);background:var(--portal-slate-50)}.chart-summary-row span{display:block;color:var(--portal-slate-600);font-size:.7rem;font-weight:750;text-transform:uppercase}.chart-summary-row strong{display:block;margin-top:.15rem;font-size:1rem}
.monthly-bar-chart{margin:0}.chart-legend{display:flex;justify-content:flex-end;gap:1rem;color:var(--portal-slate-600);font-size:.72rem}.chart-legend span{display:inline-flex;align-items:center;gap:.35rem}.chart-legend span:before{content:"";width:.65rem;height:.65rem;border-radius:2px;background:var(--portal-blue-700)}.chart-legend .legend-collected:before{background:var(--portal-green-700)}
.monthly-chart-scroll{overflow-x:auto;padding:.65rem .15rem .15rem}.monthly-chart{display:grid;grid-template-columns:repeat(12,minmax(38px,1fr));gap:.45rem;min-width:620px;height:215px;padding-top:.5rem;border-bottom:1px solid var(--portal-slate-300)}.monthly-chart-column{display:grid;grid-template-rows:1fr auto;gap:.35rem;min-width:0}.monthly-bars{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:100%}.monthly-bar{display:block;width:min(13px,42%);height:max(2px,var(--bar-height,0));border-radius:4px 4px 1px 1px;background:var(--portal-blue-700)}.monthly-bar-collected{background:var(--portal-green-700)}.monthly-label{text-align:center;color:var(--portal-slate-600);font-size:.66rem;font-weight:700}
.request-workload-total{display:flex;align-items:baseline;gap:.45rem;margin:.25rem 0 .65rem}.request-workload-total strong{font-size:1.8rem}.request-workload-total span{color:var(--portal-slate-600);font-size:.78rem}.workload-chart{display:grid;gap:.22rem}.workload-row{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(70px,1fr) 2.2rem;align-items:center;gap:.6rem;padding:.46rem .4rem;border-radius:var(--portal-radius-sm);color:inherit;text-decoration:none}.workload-row:hover{background:var(--portal-slate-50);color:inherit}.workload-label{font-size:.78rem;font-weight:700}.workload-row>strong{text-align:right;font-size:.82rem}
.adoption-score{display:flex;align-items:baseline;gap:.55rem;margin:.35rem 0 .7rem}.adoption-score strong{font-size:2rem;letter-spacing:-.04em}.adoption-score span{color:var(--portal-slate-600);font-size:.8rem}.progress-track{height:.75rem;border-radius:999px;background:var(--portal-slate-100);overflow:hidden}.progress-track>span{display:block;width:var(--progress,0);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--portal-blue-600),var(--portal-green-700))}.adoption-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin:.85rem 0 0}.adoption-breakdown>div{padding:.55rem;border-radius:var(--portal-radius-sm);background:var(--portal-slate-50)}.adoption-breakdown dt{color:var(--portal-slate-600);font-size:.68rem;font-weight:750}.adoption-breakdown dd{margin:.1rem 0 0;font-weight:850}
.manager-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:start}.manager-work-grid .card{height:100%;margin:0}.dashboard-list{display:grid;gap:.55rem}.dashboard-list-item{padding:.7rem;border:1px solid var(--portal-slate-200);border-radius:var(--portal-radius);background:#fff}.dashboard-list-item.is-attention{border-color:#e8bd45;background:#fffbeb}.dashboard-list-item-title{display:flex;align-items:flex-start;justify-content:space-between;gap:.45rem}.dashboard-list-item-title a{font-weight:800;text-decoration:none}.dashboard-list-item-meta{margin-top:.25rem;color:var(--portal-slate-600);font-size:.74rem}

/* Activity timeline */
.activity-timeline{position:relative;display:grid;gap:0;margin:.35rem 0 0;padding:0;list-style:none}.activity-timeline:before{content:"";position:absolute;left:.42rem;top:.65rem;bottom:.65rem;width:2px;background:var(--portal-slate-200)}.activity-timeline-item{position:relative;display:grid;grid-template-columns:1rem minmax(0,1fr);gap:.65rem;padding:.52rem 0}.activity-marker{position:relative;z-index:1;width:.78rem;height:.78rem;margin-top:.23rem;border:2px solid #fff;border-radius:50%;background:var(--portal-slate-500);box-shadow:0 0 0 2px var(--portal-slate-300)}.activity-info .activity-marker{background:var(--portal-blue-600)}.activity-good .activity-marker{background:var(--portal-green-700)}.activity-warn .activity-marker{background:#d18b00}.activity-bad .activity-marker{background:var(--portal-red-700)}.activity-content{min-width:0;padding-bottom:.35rem}.activity-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.activity-heading a{text-decoration:none}.activity-heading time{flex:0 0 auto;color:var(--portal-slate-600);font-size:.7rem}.activity-content p{margin:.2rem 0 0;color:var(--portal-slate-700);font-size:.8rem}

/* Details/disclosure refinement */
details.portal-disclosure{border:1px solid var(--portal-slate-200);border-radius:var(--portal-radius);background:#fff;overflow:hidden}
details.portal-disclosure>summary{padding:.8rem 1rem;cursor:pointer;font-weight:800;background:var(--portal-slate-50)}details.portal-disclosure[open]>summary{border-bottom:1px solid var(--portal-slate-200)}details.portal-disclosure>:not(summary){margin-inline:1rem}

/* Responsive application shell */
.portal-branding-settings-grid{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(300px,1.2fr);gap:1.25rem;align-items:start}.portal-branding-preview{display:grid;place-items:center;min-height:150px;padding:1.25rem;border:1px solid var(--portal-slate-200);border-radius:var(--portal-radius);background:#fff}.portal-branding-preview img{display:block;width:auto;height:auto;object-fit:contain}.portal-branding-preview p{margin:.8rem 0 0;text-align:center}
@media(max-width:1600px){
  .manager-dashboard-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1200px){
  .manager-dashboard-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
  .manager-work-grid{grid-template-columns:1fr 1fr}.manager-work-grid>*:last-child{grid-column:1/-1}
}
@media(max-width:960px){
  :root{--portal-sidebar-width:0px}
  .authenticated .topbar{position:sticky!important;inset:auto!important;top:0!important;z-index:1200!important;width:100%!important;height:auto!important;min-height:4rem;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:.75rem!important;padding:.65rem .9rem!important;overflow:visible;background:#fff;color:var(--portal-slate-950);border-bottom:1px solid var(--portal-slate-200)!important;box-shadow:0 4px 16px rgba(15,23,42,.06)}
  .portal-brand-block{flex:1;max-width:calc(100% - 6.5rem);padding:0;border:0;gap:0}.authenticated .portal-brand-logo-link{max-width:100%;padding:.28rem .4rem;border-color:var(--portal-slate-200);box-shadow:none}.authenticated .portal-brand-logo{max-width:min(100%,var(--portal-brand-logo-width,220px));max-height:min(46px,var(--portal-brand-logo-height,60px))}.authenticated .brand{color:var(--portal-navy-900);font-size:1.04rem}.portal-workspace-label{color:var(--portal-slate-600);font-size:.62rem}
  .app-nav-toggle{display:inline-flex!important;align-items:center;gap:.38rem;min-height:2.35rem;padding:.48rem .68rem;background:#fff;color:var(--portal-slate-800)!important;border-color:var(--portal-slate-300)}
  .portal-primary-nav{position:fixed;z-index:2;inset:4rem auto 0 0;width:min(340px,90vw);height:calc(100dvh - 4rem);padding:.75rem .65rem 1rem;background:linear-gradient(180deg,var(--portal-navy-950),var(--portal-navy-900));box-shadow:12px 0 32px rgba(15,23,42,.24);overflow:hidden;filter:none!important;backdrop-filter:none!important}
  .portal-primary-nav{display:none!important}.portal-primary-nav.is-open{display:block!important;pointer-events:auto}
  body.nav-open:after{content:"";position:fixed;z-index:1100;inset:4rem 0 0 min(340px,90vw);background:rgba(15,23,42,.42);backdrop-filter:blur(1px)}body.nav-open{overflow:hidden}
  .authenticated .utility-strip{position:relative;top:auto;z-index:10;min-height:2.8rem;margin-left:0;padding:.42rem .9rem;background:#fff}.mobile-workspace-context{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .authenticated main.container{width:auto;max-width:var(--portal-content-max);margin:0 auto;padding:1.15rem .9rem 2rem}
  .authenticated footer.footer.site-footer{width:100%!important;margin:20px 0 0!important;padding:1.4rem .9rem 2rem!important}
  .record-layout{grid-template-columns:1fr}.record-aside{position:static}
  .dashboard-analytics-grid{grid-template-columns:1fr}.analytics-card-wide{grid-column:auto}
}
@media(max-width:720px){
  .portal-branding-settings-grid{grid-template-columns:1fr}
  body{font-size:15px}.page-heading{align-items:flex-start}.page-heading-logo{display:none}.page-heading h1{font-size:1.65rem}
  .page-intro,.section-header-row{display:grid;grid-template-columns:1fr}.section-header-row>.button,.section-header-row>.actions{justify-self:start}
  .card{margin:.8rem 0;padding:.9rem;border-radius:var(--portal-radius)}
  .manager-dashboard-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.metric-card{min-height:7.8rem;padding:.8rem}.metric-card-value{font-size:1.45rem}
  .manager-work-grid{grid-template-columns:1fr}.manager-work-grid>*:last-child{grid-column:auto}
  .chart-summary-row{grid-template-columns:1fr}.aging-row{grid-template-columns:78px minmax(55px,1fr) minmax(88px,auto);gap:.45rem}.aging-label{font-size:.72rem}
  .filter-bar{display:grid;grid-template-columns:1fr}.filter-bar label,.filter-bar .filter-actions,.filter-bar .button,.filter-bar button{width:100%;max-width:none}.filter-summary{margin-left:0}
  .button,button,input[type="submit"],input[type="button"]{width:auto}.actions>.button,.actions>button,.action-grid>.button{width:100%;text-align:center}
  .portal-table-scroll>table{min-width:620px}.activity-heading{display:grid;gap:.1rem}.activity-heading time{justify-self:start}
  .adoption-breakdown{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:460px){
  .manager-dashboard-summary{grid-template-columns:1fr}.metric-card{min-height:auto}.portal-workspace-label{display:none}
  .font-controls .font-control-label{display:none}.monthly-chart{min-width:560px}
  .adoption-breakdown{grid-template-columns:1fr}.aging-track{display:none}.aging-row{grid-template-columns:1fr auto}
}

@media print{
  .authenticated .topbar,.authenticated .utility-strip,.authenticated .site-footer,.skip-link,.no-print{display:none!important}
  .authenticated main.container{max-width:none!important;margin:0!important;padding:0!important}
  .card{box-shadow:none!important}.portal-table-scroll{overflow:visible;border:0}.portal-table-scroll>table{min-width:0}
}

/* Release 1.1 — navigation-safe logout and Unified Action Center */
.portal-nav-logout-form{margin:0;padding:0}
.portal-nav-logout-form .portal-nav-link{width:100%;font:inherit;text-align:left;background:transparent;box-shadow:none;cursor:pointer}

.action-center-intro{margin-bottom:1rem}
.action-center-view-grid{display:grid;grid-template-columns:repeat(5,minmax(135px,1fr));gap:.7rem;margin:1rem 0}
.action-center-view-card{display:flex;align-items:center;justify-content:space-between;gap:.65rem;min-height:4.25rem;padding:.75rem .85rem;border:1px solid var(--portal-slate-200);border-radius:var(--portal-radius);background:var(--portal-white);color:var(--portal-slate-800);text-decoration:none;box-shadow:var(--portal-shadow-sm);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.action-center-view-card:hover{color:var(--portal-navy-900);border-color:var(--portal-blue-600);box-shadow:var(--portal-shadow);transform:translateY(-1px)}
.action-center-view-card.is-current{border-color:var(--portal-blue-600);background:var(--portal-blue-100);color:var(--portal-navy-900)}
.action-center-view-card span{font-size:.78rem;font-weight:750;line-height:1.25}
.action-center-view-card strong{font-size:1.35rem;line-height:1;color:var(--portal-navy-900)}
.action-center-filters .filter-bar{padding:0;border:0;background:transparent}
.action-center-table{min-width:1160px!important}
.action-center-table th{white-space:nowrap}
.action-center-table td{min-width:115px}
.action-center-table td:first-child{min-width:210px}
.action-center-table td:nth-child(2){min-width:220px}
.action-center-title{display:block;font-weight:850;text-decoration:none;line-height:1.3}
.action-center-type,.action-center-secondary{display:block;margin-top:.2rem;color:var(--portal-slate-600);font-size:.73rem;line-height:1.35}
.action-center-overdue-row>td{background:var(--portal-red-100)}
.action-center-actions{min-width:190px}
.action-center-actions>.button{margin-bottom:.4rem}
.action-center-manage{min-width:280px;max-width:360px}
.action-center-manage>summary{font-size:.78rem}
.action-center-manage-form{display:grid;gap:.55rem;padding:.2rem 0 .9rem}
.action-center-manage-form label{margin:0;font-size:.74rem;color:var(--portal-slate-700)}
.action-center-manage-form input,.action-center-manage-form select,.action-center-manage-form textarea{font-size:.8rem;min-height:2.1rem;padding:.45rem .55rem}
.action-center-manage-form textarea{min-height:4.5rem}
.action-center-manage-form .actions{margin-top:.15rem}

@media(max-width:1200px){
  .action-center-view-grid{grid-template-columns:repeat(3,minmax(140px,1fr))}
}
@media(max-width:720px){
  .action-center-view-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
  .action-center-view-card{min-height:3.6rem;padding:.65rem}
  .action-center-view-card strong{font-size:1.15rem}
  .action-center-manage{min-width:250px}
}
@media(max-width:460px){
  .action-center-view-grid{grid-template-columns:1fr}
}


/* Release 1.6.19 — keep the workspace title centered under the brand logo. */
.authenticated .portal-brand-block{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  width:100%!important;
}
.authenticated .portal-brand-logo-link{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  align-self:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.authenticated .portal-brand-logo{
  display:block!important;
  margin-left:auto!important;
  margin-right:auto!important;
  object-position:center center!important;
}
.authenticated .portal-workspace-label{
  display:block;
  width:100%!important;
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Release 1.6.19 — utility strip alignment and brand subtitle centering polish. */
.authenticated .utility-strip{
  justify-content:flex-end!important;
}
.authenticated .utility-strip .font-controls{
  margin-left:auto!important;
  justify-self:flex-end!important;
}
.authenticated .portal-brand-block .portal-workspace-label{
  align-self:center!important;
  justify-self:center!important;
  padding-left:0!important;
  padding-right:0!important;
  text-indent:0!important;
  line-height:1.2!important;
}

/* Release 1.6.19: keep the association title optically centered under the logo in the authenticated sidebar. */
.authenticated .portal-brand-block{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.authenticated .portal-brand-logo-link{width:100%;justify-content:center;margin-left:auto;margin-right:auto}
.authenticated .portal-brand-logo{margin-left:auto;margin-right:auto}
.authenticated .portal-workspace-label{width:100%;text-align:center!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important}

/* Release 1.6.19 refinement: center the workspace label within the same visual width as the logo tile. */
.authenticated .portal-brand-block .portal-workspace-label{
  align-self:center!important;
  box-sizing:border-box!important;
  width:min(100%, calc(var(--portal-brand-logo-width,220px) + 1.25rem))!important;
  max-width:100%!important;
  padding-left:0!important;
  padding-right:0!important;
  text-align:center!important;
  text-indent:0!important;
}

/* Release 1.6.19 final header alignment: keep the white logo tile and subtitle centered in the fixed sidebar. */
.authenticated .portal-brand-block{
  align-items:center!important;
  text-align:center!important;
}
.authenticated .portal-brand-logo-link{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  display:flex!important;
  justify-content:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.authenticated .portal-brand-block .portal-workspace-label{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  white-space:normal!important;
}
.authenticated .utility-strip{
  display:flex!important;
  justify-content:flex-end!important;
}
.authenticated .utility-strip .font-controls{
  margin-left:auto!important;
  margin-right:0!important;
}

/* Release 1.6.20: keep the workspace label visually centered beneath the logo tile. */
.authenticated .portal-brand-block{align-items:center!important;text-align:center!important}
.authenticated .portal-brand-logo-link{box-sizing:border-box;max-width:calc(100% - 2rem);margin-left:auto!important;margin-right:auto!important}
.authenticated .portal-workspace-label{display:block!important;width:max-content!important;max-width:100%!important;align-self:center!important;margin:.35rem auto 0!important;padding:0!important;text-align:center!important;line-height:1.2}

/* Release 1.6.20: lightweight sortable tables and compact policy disclosures. */
.sortable-table thead th{white-space:nowrap}
.table-sort-button{appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-weight:800;padding:0;cursor:pointer;text-align:left;display:inline-flex;align-items:center;gap:.25rem}
.table-sort-button::after{content:'↕';font-size:.72em;opacity:.55}
.table-sort-button[aria-sort="ascending"]::after{content:'↑';opacity:.9}
.table-sort-button[aria-sort="descending"]::after{content:'↓';opacity:.9}
details.late-fee-policy{display:block}
details.late-fee-policy summary{cursor:pointer;font-weight:800;list-style:none}
details.late-fee-policy summary::-webkit-details-marker{display:none}
details.late-fee-policy summary::after{content:'Show details';float:right;font-size:.78rem;font-weight:700;color:#64748b}
details.late-fee-policy[open] summary::after{content:'Hide details'}
details.late-fee-policy p{margin:.55rem 0 0}

/* Release 1.6.20 final brand-label correction: use the same centered measure as the logo tile. */
.authenticated header.topbar .portal-brand-block{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
}
.authenticated header.topbar .portal-brand-logo-link{
  width:calc(100% - 2rem)!important;
  max-width:260px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  justify-content:center!important;
}
.authenticated header.topbar .portal-workspace-label{
  width:calc(100% - 2rem)!important;
  max-width:260px!important;
  margin:.35rem auto 0!important;
  padding:0!important;
  text-align:center!important;
  align-self:center!important;
  display:block!important;
}

/* Release 1.6.28: mobile navigation and Global HOA lists. */
@media(max-width:960px){
  .authenticated .portal-primary-nav,
  .authenticated .portal-primary-nav *{
    text-align:left!important;
  }
  .authenticated .portal-primary-nav{
    align-items:stretch!important;
  }
  .authenticated .portal-nav-scroll{
    display:block!important;
    width:100%!important;
  }
  .authenticated .portal-nav-context{
    text-align:left!important;
  }
  .authenticated .portal-nav-context a{
    width:max-content!important;
    text-align:left!important;
  }
  .authenticated .portal-nav-link,
  .authenticated .portal-nav-logout-form .portal-nav-link{
    display:flex!important;
    width:100%!important;
    justify-content:flex-start!important;
    align-items:center!important;
    text-align:left!important;
  }
  .authenticated .portal-nav-label{
    flex:1 1 auto!important;
    min-width:0!important;
    text-align:left!important;
  }
  .authenticated .portal-nav-icon{
    text-align:center!important;
  }
  .authenticated .portal-nav-group>summary{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    width:100%!important;
    text-align:left!important;
  }
  .authenticated .portal-nav-group-links{
    display:grid!important;
    justify-items:stretch!important;
    text-align:left!important;
  }
  .authenticated .portal-nav-search{
    width:100%!important;
    text-align:left!important;
  }
}

.global-hoa-table{width:100%;table-layout:auto}
.global-hoa-table td,.global-hoa-table th{white-space:normal;vertical-align:top}
.global-hoa-table form{margin:0}
.global-hoa-table details{max-width:100%}
@media(max-width:760px){
  .global-hoa-directory-card,.global-dashboard-hoa-card{overflow:visible!important}
  .global-hoa-table{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
    white-space:normal!important;
  }
  .global-hoa-table thead,.global-hoa-table>tr:first-child{display:none!important}
  .global-hoa-table tbody{display:grid!important;gap:.75rem;width:100%!important}
  .global-hoa-table tr{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.55rem!important;
    width:100%!important;
    padding:.85rem!important;
    border:1px solid var(--portal-slate-200)!important;
    border-radius:var(--portal-radius)!important;
    background:#fff!important;
    box-shadow:var(--portal-shadow-sm)!important;
  }
  .global-hoa-table td{
    display:grid!important;
    grid-template-columns:minmax(6.25rem,.42fr) minmax(0,1fr)!important;
    gap:.65rem!important;
    width:100%!important;
    min-width:0!important;
    padding:0!important;
    border:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .global-hoa-table td::before{
    display:block!important;
    color:var(--portal-slate-600)!important;
    font-size:.72rem!important;
    font-weight:800!important;
    line-height:1.25!important;
    letter-spacing:.035em!important;
    text-transform:uppercase!important;
  }
  .global-hoa-table td:nth-child(1)::before{content:"HOA"}
  .global-hoa-table td:nth-child(2)::before{content:"Status"}
  .global-hoa-table td:nth-child(3)::before{content:"Users"}
  .global-dashboard-hoa-card .global-hoa-table td:nth-child(4)::before{content:"Open balance"}
  .global-dashboard-hoa-card .global-hoa-table td:nth-child(5)::before{content:"Action"}
  .global-hoa-directory-card .global-hoa-table td:nth-child(2)::before{content:"Contact"}
  .global-hoa-directory-card .global-hoa-table td:nth-child(4)::before{content:"Settings"}
  .global-hoa-directory-card .global-hoa-table td:nth-child(5)::before{content:"Switch"}
  .global-hoa-table td>*{min-width:0!important;max-width:100%!important}
  .global-hoa-table button,.global-hoa-table .button,.global-hoa-table input[type="submit"]{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    text-align:center!important;
  }
  .global-hoa-table details{
    width:100%!important;
  }
  .global-hoa-table details>summary{
    min-height:2.5rem;
    padding:.55rem .7rem;
    border:1px solid var(--portal-slate-200);
    border-radius:var(--portal-radius-sm);
    background:var(--portal-slate-50);
    font-weight:800;
  }
  .global-hoa-table details form{margin-top:.75rem}
}
@media(max-width:420px){
  .global-hoa-table td{grid-template-columns:1fr!important;gap:.2rem!important}
  .global-hoa-table td::before{font-size:.68rem!important}
}

@media(max-width:960px){
  .authenticated .app-nav-toggle{width:auto!important;max-width:none!important;margin:0!important;text-align:left!important;}
  .authenticated .portal-nav-badge{text-align:center!important;}
}


/* Release 1.6.44: keep expanded receivables aging in the original horizontal chart layout. */
.receivables-aging-card .aging-row{grid-template-columns:minmax(150px,.8fr) minmax(140px,1.4fr) minmax(112px,auto)}
.receivables-aging-card .aging-label{line-height:1.15}
.receivables-aging-card .aging-row:nth-child(5) .aging-fill,.receivables-aging-card .aging-row:nth-child(6) .aging-fill,.receivables-aging-card .aging-row:nth-child(7) .aging-fill,.receivables-aging-card .aging-row:nth-child(8) .aging-fill{background:linear-gradient(90deg,#d56a3b,var(--portal-red-700))}
@media (max-width:700px){.receivables-aging-card .aging-row{grid-template-columns:minmax(105px,.75fr) minmax(70px,1fr) minmax(90px,auto);gap:.45rem}.receivables-aging-card .chart-summary-row{grid-template-columns:1fr}}