/* Solhaus light operating UI. Native templates, routes and record workflows remain canonical. */
:root {
  --background:#f5f7fb; --foreground:#21334f; --surface:#ffffff;
  --muted-foreground:#5e6e86; --border:#dce4ef; --primary:#245bd7;
  --primary-foreground:#ffffff; --sidebar-background:#edf2f8;
  --header-background:#ffffff; --selected:#e3edff; --soft:#f1f5fb;
  --primary-hover:#1748b8; --row-hover:#edf3fd; --stripe:#f8fafd;
  --bronze:var(--primary); --ring:#245bd7; --radius:12px;
  --font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ink:var(--foreground); --muted:var(--muted-foreground); --paper:var(--background);
  --line:var(--border); --brand:var(--primary); --accent:var(--selected);
}
body { background:var(--background); color:var(--foreground); font:400 14px/1.55 var(--font-ui); -webkit-font-smoothing:antialiased; }
button,input,select,textarea { font-family:var(--font-ui); }
a { color:var(--primary); text-underline-offset:3px; text-decoration-thickness:1px; }
a:hover { color:var(--primary-hover); }
.shell { grid-template-columns:238px minmax(0,1fr); }
.sidebar { position:sticky; top:0; height:100dvh; overflow-y:auto; padding:26px 18px; background:var(--sidebar-background); color:var(--foreground); border-right:1px solid var(--border); scrollbar-width:thin; scrollbar-color:#b8c8dd transparent; }
.project-brand { padding:0 6px 22px; }
.sidebar .sidebar-brand-image { width:160px; height:70px; max-width:100%; object-fit:contain; margin:0 0 12px; }
.sidebar .logo { font-size:21px; font-weight:650; letter-spacing:2.5px; line-height:1.3; }
.sidebar small { margin:6px 0 0; font-size:12px; color:var(--muted-foreground); }
.nav a,.nav summary { display:flex; align-items:center; gap:10px; font-size:13px; font-weight:500; line-height:1.5; min-height:42px; padding:10px 12px; color:var(--foreground); border-radius:8px; }
.nav-icon { width:19px; height:19px; flex:0 0 19px; color:currentColor; }
.nav-group { margin:5px 0; }
.nav-group>summary { font-weight:600; }
.nav-group>ul { margin:3px 0 8px 12px; padding-left:9px; border:0; }
.nav-group ul a { background:transparent; color:var(--foreground); border:1px solid transparent; margin:3px 0; font-weight:400; }
.nav a:hover,.nav summary:hover { color:var(--primary); background:#e5edf8; }
.nav-group ul a:hover { color:var(--primary); background:#e5edf8; }
.nav a:focus,.nav summary:focus-visible,.nav-group ul a:focus { color:var(--primary); background:#e5edf8; }
.nav-group ul a:focus-visible { outline:2px solid var(--ring); outline-offset:3px; }
.nav a[aria-current=page],.nav-group ul a[aria-current=page] { background:var(--selected); color:var(--primary); border:1px solid transparent; font-weight:600; }
.nav summary { display:flex; align-items:center; gap:10px; list-style:none; }
.nav summary::-webkit-details-marker,.mobile-navigation>summary::-webkit-details-marker { display:none; }
.nav summary::after,.mobile-navigation>summary::after { content:""; width:14px; height:14px; flex-shrink:0; margin-left:auto; background:currentColor; mask:url('/static/chevron.svg') center/contain no-repeat; -webkit-mask:url('/static/chevron.svg') center/contain no-repeat; transform:rotate(-90deg); }
.nav details[open]>summary::after,.mobile-navigation[open]>summary::after { transform:rotate(0); }
.nav-utilities { margin-top:18px; padding-top:14px; border-color:var(--border); }
.shell .topbar { min-height:64px; padding:12px 28px; gap:16px; background:var(--header-background); border-bottom:1px solid var(--border); color:var(--foreground); }
.shell .topbar>a { margin-right:auto; font-size:13px; color:var(--primary); }
.shell .topbar .identity-text,.shell .topbar .identity-text strong,.shell .topbar label { color:var(--foreground); }
.shell .topbar .identity-text { font-size:11px; color:var(--muted-foreground); }
.shell .topbar .identity-text strong { font-size:13px; font-weight:600; }
.avatar,.shell .topbar .avatar { background:var(--selected); border-color:transparent; color:var(--primary); }
.shell .top-actions { gap:14px; }
.shell .top-actions select,.shell .top-actions button { min-height:36px; font-size:12px; padding:7px 10px; }
.shell .top-actions select { background:#fff; color:var(--foreground); border-color:var(--border); }
.shell .top-actions select option { background:#fff; color:var(--foreground); }
.shell .top-actions button { color:var(--primary); background:#fff; border-color:var(--border); }
.shell .top-actions button:hover { background:var(--soft); border-color:#b6c8e3; }
.shell .topbar .pending-work-badge { color:var(--primary); background:var(--selected); }
.shell .top-actions .signed-in { padding:0; }
.main { width:100%; max-width:1600px; padding:32px 32px 48px; }
h1,.dashboard-heading h1 { font-size:30px; line-height:1.2; font-weight:650; letter-spacing:-.6px; margin:3px 0 14px; }
h2,.shell .panel h2,.invoice-register h2 { font-size:18px; line-height:1.35; font-weight:600; color:var(--foreground); margin:0 0 16px; }
h3 { font-size:15px; font-weight:600; }
.eyebrow { color:var(--muted-foreground); font-size:11px; letter-spacing:1.2px; }
.lede,.muted,.small { color:var(--muted-foreground); }
.small { font-size:12px; }
button.small,.button.small { color:#fff; min-height:32px; padding:6px 10px; font-size:12px; }
button.secondary.small,.button.secondary.small { color:var(--foreground); }
.panel { padding:22px; margin:22px 0; border:1px solid var(--border); border-radius:var(--radius); background:var(--surface); box-shadow:0 2px 8px rgba(33,51,79,.025); }
.panel:first-child { margin-top:0; }
.panel .panel { box-shadow:none; }
button,.button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:40px; padding:9px 14px; border-radius:6px; font:600 13px/1.4 var(--font-ui); white-space:normal; background:var(--primary); border-color:var(--primary); }
button:hover,.button:hover { color:#fff; background:var(--primary-hover); border-color:var(--primary-hover); }
button.secondary,.button.secondary { background:#fff; color:var(--foreground); border-color:var(--border); }
button.secondary:hover,.button.secondary:hover { background:var(--soft); color:var(--foreground); border-color:#b6c8e3; }
button.danger { background:#833f36; border-color:#833f36; }
button:disabled { opacity:.55; cursor:default; }
.shell label,label { color:var(--foreground); font-size:12px; line-height:1.5; font-weight:600; margin-bottom:6px; }
.shell input,.shell select,.shell textarea,input,select,textarea { color:var(--foreground); background:#fff; min-height:40px; border:1px solid #c5d2e5; border-radius:8px; padding:9px 11px; font:400 14px/1.5 var(--font-ui); max-width:100%; }
input::placeholder,textarea::placeholder { color:#687891; opacity:1; }
input[type=checkbox],input[type=radio],.shell input[type=checkbox],.shell input[type=radio] { width:auto; min-height:0; accent-color:var(--primary); }
input[type=file] { font-size:12px; padding:7px; overflow:hidden; }
input::file-selector-button { font:600 12px var(--font-ui); color:var(--foreground); background:var(--soft); border:1px solid var(--border); border-radius:4px; padding:6px 9px; margin-right:10px; cursor:pointer; }
textarea { min-height:96px; }
.shell form.form-grid:not(.inline-form),.shell .settings-form { padding:18px; background:#fff; border-color:var(--border); }
.form-grid,.two-col { gap:18px; }
fieldset { min-width:0; border-color:var(--border); border-radius:var(--radius); }
legend { color:var(--foreground); font-weight:600; padding:0 7px; }
.form-actions { gap:10px; }
.password-control { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }
.password-control input { width:100%; }
.password-control .field-help { grid-column:1/-1; grid-row:1; }
.panel form+h2 { margin-top:24px; }
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.shell :is(button,a,summary,input,select,textarea):focus-visible { outline:2px solid var(--ring); outline-offset:3px; }
.sidebar :is(a,summary):focus-visible,.topbar :is(a,button,select):focus-visible { outline-color:var(--ring); }
.table-wrap { min-width:0; max-width:100%; overflow:auto; border:1px solid var(--border); border-radius:var(--radius); background:var(--surface); overscroll-behavior-x:contain; scrollbar-width:thin; scrollbar-color:#b8c8dd var(--soft); }
.table-wrap:focus-visible { outline:2px solid var(--ring); outline-offset:3px; }
table,.invoice-register table,.dashboard-card table { font-size:13px; border-collapse:separate; border-spacing:0; }
.shell th,th,.invoice-register th,.dashboard-card th { font-size:11.5px; line-height:1.5; font-weight:600; letter-spacing:.1px; text-transform:none; color:#415572; background:#edf2f9; padding:11px 12px; }
.shell td,td,.invoice-register td,.dashboard-card td { padding:12px; line-height:1.55; border-color:var(--border); }
.shell tbody tr:nth-child(even),.dashboard-card tbody tr:nth-child(even) { background:var(--stripe); }
.shell tbody tr:hover { background:var(--row-hover); }
.shell :is(th,td) { border-left:0; border-right:0; }
.shell tbody>tr:last-child>td { border-bottom:0; }
.numeric,.money-cell,.dashboard-financial-grid strong,.metric .value { font-variant-numeric:tabular-nums; }
tfoot th,tfoot td,.invoice-register tfoot { background:#e8effa; font-weight:650; border-top:1px solid #b9cbe5; }
.pill,.status-badge,.dashboard-badge,.invoice-status { font:600 11px/1.5 var(--font-ui); border-radius:5px; padding:3px 8px; }
.empty { padding:28px 20px; color:var(--muted-foreground); font-size:13px; text-align:left; }
.notice { border-left-width:2px; border-left-color:#94b2e4; background:var(--soft); color:#415572; padding:13px 16px; border-radius:0 8px 8px 0; }
.record { padding:18px 0; }
.record p { line-height:1.6; }
.footer { margin-top:32px; padding-top:18px; border-top:1px solid var(--border); font-size:11px; }
/* Existing tabs use the same contrast, border and active cue across all modules. */
.crm-tab-nav,.settings-top-tabs { gap:5px; margin:20px 0; padding:0; border-bottom:1px solid var(--border); }
.crm-tab-nav a,.crm-tab-nav button,.settings-top-tabs a { min-height:44px; padding:10px 15px; background:transparent; color:var(--muted-foreground); border:0; border-bottom:3px solid transparent; border-radius:6px 6px 0 0; font:500 13px/1.4 var(--font-ui); text-decoration:none; }
.crm-tab-nav :is(a,button):hover,.settings-top-tabs a:hover { color:var(--primary); background:var(--soft); }
.crm-tab-nav :is(a,button)[aria-selected=true],.settings-top-tabs :is(a,button)[aria-selected=true] { background:transparent; color:var(--primary); border-bottom-color:var(--primary); font-weight:600; }
.crm-tab-nav a span,.settings-top-tabs a span { font-size:11px; color:var(--muted-foreground); margin-top:4px; }
/* Data-heavy filters remain compact, aligned and white. */
.invoice-filter-panel,.invoice-summary-panel,.invoice-table-panel { padding:20px; }
.invoice-filters { gap:14px 16px; }
.invoice-filters input,.invoice-filters select,.worklist-filters input,.worklist-filters select { font-size:13px; font-weight:400; min-height:40px; }
.invoice-filter-actions button,.invoice-filter-actions a { font-size:13px; padding:9px 14px; }
.invoice-register th,.invoice-register td { padding:11px; }
.invoice-summary-panel h2 { margin-bottom:14px; }
.invoice-summary th[scope=row] { background:transparent; }
.invoice-secondary { font-size:12px; color:var(--muted-foreground); }
.invoice-action-row td { background:var(--stripe); }
.worklist-filters,.construction-filters,.ledger-filter-bar,.ledger-entity-switcher,.dashboard-toolbar { background:var(--surface); border-color:var(--border); }
/* Preserve dashboard section order, content and user layout preferences. */
.dashboard-heading { align-items:flex-start; margin-bottom:20px; }
.dashboard-heading .eyebrow { margin:0 0 7px; }
.dashboard-heading p { font-size:12px; }
.dashboard-toolbar { padding:16px; gap:14px; margin-bottom:22px; }
.dashboard-toolbar label { min-width:155px; }
.dashboard-toolbar select { padding:8px 10px; font-size:13px; }
.dashboard-grid { gap:20px; }
.dashboard-card { padding:20px; margin:0; }
.dashboard-card-heading { padding-bottom:13px; margin-bottom:16px; }
.dashboard-card-heading h2 { font-size:18px; color:var(--foreground); }
.dashboard-card p { font-size:13px; }
.dashboard-financial-grid { gap:14px; }
.dashboard-financial-grid>div { padding:12px 14px; background:var(--stripe); border:1px solid var(--border); border-radius:10px; }
.dashboard-financial-grid span { font-size:12px; color:var(--muted-foreground); }
.dashboard-financial-grid strong { font-size:22px; font-weight:600; margin-top:6px; }
.dashboard-attention-list { font-size:13px; }
.dashboard-links { font-size:13px; gap:16px; }
.dashboard-preferences-grid label { background:var(--stripe); border-color:var(--border); }
/* CRM retains the roomy directory and structured entry groups. */
.crm-entry-group { padding:18px; background:#fff; border-color:var(--border); }
.crm-entry-group legend { font-size:15px; }
.crm-entry-group .form-grid { padding:0!important; border:0!important; background:transparent!important; box-shadow:none; }
.crm-entry-photo input { max-width:420px; }
.crm-list-identity { gap:14px; }
.crm-contact-register { font-size:13px; min-width:700px; }
.shell .crm-contact-register :is(th,td) { border:0; }
.crm-contact-register td { padding:20px 16px; }
.crm-contact-register td:last-child { white-space:nowrap; vertical-align:top; }
.crm-contact-register td:first-child { position:relative; padding-left:76px; }
.crm-contact-register .crm-list-identity { gap:0; margin-bottom:4px; }
.crm-contact-register .crm-list-identity>.avatar { position:absolute; top:20px; left:16px; width:40px; height:40px; }
.crm-pagination { padding-top:14px; font-size:13px; }
.settings-context,.account-identity { border-top-color:var(--bronze); }
.account-section-nav,.settings-section-nav { box-shadow:none; }
.account-form-group,.dashboard-status-grid { background:var(--stripe); border-color:var(--border); }
.account-section .form-grid { background:transparent; }
.account-section-nav a,.settings-section-nav a { color:var(--foreground); }
.account-section-nav :is(a,button)[aria-selected=true],.settings-section-nav :is(a,button)[aria-selected=true] { background:var(--selected); border-color:var(--primary); color:var(--primary); }
.account-section-nav a span,.account-section-intro,.account-status-grid dt { color:var(--muted-foreground); }
.account-section>details,.account-status-grid,.account-security-history p,.account-photo-controls>summary,.crm-history-header,.crm-contact-meta>div { background:var(--soft); border-color:var(--border); }
.crm-history-header,.crm-contact-meta dt,.crm-contact-channels .muted,.crm-history-reason,.account-photo-controls>summary { color:var(--muted-foreground); }
.metric,.unit-summary,.unit-sales-summary>div,.material-cards>div { background:var(--surface); border-color:var(--border); border-radius:var(--radius); }
.unit-summary span,.material-cards span { color:var(--muted-foreground); }
.unit-summary strong,.material-cards strong { color:var(--foreground); }
.material-cards>div { border-top-color:#b9cbe5; }
.unit-cost-summary,.decision-maker-picker,.decision-maker-selected,.stakeholder-selected,.stakeholder-source-detail { background:var(--soft); border-color:var(--border); }
.stakeholder-chip,.stakeholder-checks,.stakeholder-picker,.stakeholder-draw { border-color:var(--border); }
.stakeholder-chip button,.decision-maker-chip button { color:var(--primary); }
.dashboard-card-heading { border-color:var(--border); }
.decision-area { background:var(--selected); color:var(--primary); }
.support-contact-list,.form-help { line-height:1.6; }
.form-reminder { border-radius:14px; border-color:var(--border); box-shadow:0 18px 60px rgba(33,51,79,.16); }
/* Public entry and sign-in share the same restrained visual identity. */
.login { width:100%; max-width:480px; margin:56px auto; padding:0 24px; }
.login .brand { color:var(--primary); font-size:26px; font-weight:600; letter-spacing:4px; margin-bottom:24px; }
.login .panel { padding:30px; border-radius:14px; box-shadow:0 4px 20px rgba(33,51,79,.045); }
.login h1 { font-size:27px; margin-bottom:24px; }
.login .panel h2 { font-size:16px; }
.login input { margin-bottom:18px; }
.login form>button { min-width:120px; }
.login .registration-choice { margin-top:26px; padding-top:22px; }
.public-entry .panel { box-shadow:none; }
@media(min-width:1180px) {
  .dashboard-card--project,.dashboard-card--finance { grid-column:auto; }
  .dashboard-card--finance .dashboard-financial-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:1100px) {
  .main { padding:28px 24px 40px; }
  .shell .topbar { padding:12px 24px; }
  .invoice-filters { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:960px) {
  .shell { grid-template-columns:210px minmax(0,1fr); }
  .sidebar { padding:24px 14px; }
  .sidebar .sidebar-brand-image { width:145px; height:64px; }
  .main { padding:24px 20px 36px; }
  .shell .topbar { padding:12px 20px; gap:12px; }
  .shell .top-actions { gap:10px; }
  .invoice-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dashboard-grid { grid-template-columns:minmax(0,1fr); }
  .dashboard-card { grid-column:auto; }
  .invoice-heading { align-items:flex-start; }
}
@media(max-width:720px) {
  .shell { grid-template-columns:minmax(0,1fr); grid-template-rows:auto minmax(0,1fr); }
  .sidebar { position:relative; height:auto; overflow:visible; padding:16px; }
  .project-brand { padding:0; }
  .sidebar .sidebar-brand-image { width:112px; height:49px; margin-bottom:8px; }
  .sidebar .logo { font-size:20px; }
  .sidebar small { margin-bottom:12px; }
  .mobile-navigation>summary { display:flex; align-items:center; min-height:44px; color:var(--foreground); font-size:14px; list-style:none; }
  .mobile-navigation { margin-top:8px; }
  .mobile-navigation .nav { padding-top:10px; }
  .mobile-navigation .nav { display:block; }
  .nav a,.nav summary { min-height:44px; font-size:14px; }
  .shell .topbar { min-height:0; padding:14px 16px; gap:12px; }
  .shell .topbar>a { font-size:12px; }
  .shell .top-actions { gap:12px; justify-content:flex-start; }
  .shell .top-actions .signed-in { width:auto; margin-right:auto; }
  .shell .top-actions select,.shell .top-actions button { min-height:44px; font-size:12px; }
  .shell .top-actions .inline-form { gap:8px; }
  .main { padding:24px 16px 36px; }
  h1,.dashboard-heading h1 { font-size:26px; line-height:1.25; margin-bottom:14px; }
  h2,.shell .panel h2,.invoice-register h2 { font-size:17px; }
  .panel { padding:18px; margin:18px 0; }
  button,.button { min-height:44px; }
  input,select,textarea,.shell input,.shell select,.shell textarea { font-size:16px; min-height:44px; }
  .form-grid,.two-col { grid-template-columns:minmax(0,1fr); gap:16px; }
  .shell form.form-grid:not(.inline-form),.shell .settings-form { padding:14px; }
  .invoice-filters,.worklist-filters { grid-template-columns:minmax(0,1fr); gap:14px; }
  .invoice-search,.worklist-search { grid-column:auto; }
  .invoice-filters input,.invoice-filters select,.worklist-filters input,.worklist-filters select { font-size:16px; min-height:44px; }
  .invoice-filter-actions { flex-wrap:wrap; }
  .invoice-filter-panel,.invoice-summary-panel,.invoice-table-panel { padding:16px; }
  .invoice-summary { min-width:620px; }
  .invoice-table { min-width:1000px; }
  .crm-tab-nav,.settings-top-tabs { flex-wrap:nowrap; overflow-x:auto; max-width:100%; align-items:stretch; padding-bottom:2px; scrollbar-width:thin; }
  .crm-tab-nav a,.crm-tab-nav button,.settings-top-tabs a { flex-shrink:0; white-space:nowrap; padding:10px 13px; }
  .crm-tab-nav a span,.settings-top-tabs a span { white-space:normal; }
  .dashboard-heading { flex-direction:column; gap:12px; }
  .dashboard-financial-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .dashboard-financial-grid>div { padding:12px; }
  .dashboard-financial-grid strong { font-size:19px; overflow-wrap:anywhere; }
  .dashboard-status-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dashboard-toolbar { gap:14px; padding:14px; }
  .dashboard-toolbar label { flex:1 1 130px; min-width:0; }
  .dashboard-toolbar select { font-size:16px; }
  .crm-entry-group { padding:14px; }
  .crm-entry-group .form-grid { padding:0!important; }
  .login { margin:28px auto; padding:0 18px; }
  .login .panel { padding:24px; }
  .login .brand { margin-bottom:18px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; } }

/* Remove redundant form framing; retain each semantic contact fieldset. */
.crm-directory-page #add>section>form.form-grid { padding:0; border:0; background:transparent; }
.crm-directory-page #directory>section>form.form-grid { padding:0; border:0; background:transparent; }
.crm-directory-page .crm-org-picker { background:#fff; padding:18px; }
.crm-directory-page .crm-image-form { padding:18px; border:1px solid var(--border); border-radius:8px; }
.invoice-register .invoice-summary :is(th,td) { padding:7px 11px; }
@media(min-width:1180px) {
  .crm-directory-page #directory form.form-grid { grid-template-columns:2fr 1.25fr 1fr 1.25fr; }
  .crm-directory-page #add .crm-entry-group,.crm-directory-page #add .crm-image-form { grid-column:auto; }
  .crm-directory-page #add .crm-entry-group input[name=address_street] { width:100%; }
  .crm-directory-page .crm-org-picker { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 18px; }
  .crm-directory-page .crm-org-picker label { margin:0; }
}
@media(max-width:1100px) {
  .crm-tab-nav { flex-wrap:nowrap; overflow-x:auto; max-width:100%; padding-bottom:2px; }
  .crm-tab-nav a { flex-shrink:0; }
}
@media(max-width:720px) {
  .crm-directory-page #add>section { padding:16px; }
  .crm-directory-page .crm-org-picker,.crm-directory-page .crm-image-form { padding:14px; }
}
/* Financial values stay intact at every breakpoint; empty cards do not stretch. */
.dashboard-grid { align-items:start; }
.dashboard-financial-grid strong { white-space:nowrap; overflow-wrap:normal; font-size:clamp(16px,1.4vw,22px); }
@media(max-width:960px) { .dashboard-financial-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:720px) { .shell .top-actions .identity-text { max-width:none; } }
@media(max-width:480px) { .dashboard-financial-grid { grid-template-columns:minmax(0,1fr); } }

/* Public interest pages need room for two entry paths on larger screens. */
.login.public-entry { max-width:900px; }

/* Stakeholder participation reuses the current native premium layout. */
.stakeholder-heading,.stakeholder-actions,.stakeholder-pagination{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.stakeholder-heading{margin-bottom:20px}.stakeholder-heading h1,.stakeholder-heading h2{margin:0}.stakeholder-heading label{min-width:220px}
.stakeholder-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stakeholder-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stakeholder-metrics div+div{border-left:1px solid var(--border,#dbe4df);padding-left:20px}.stakeholder-metrics strong{display:block;font-size:26px;margin-top:8px}
.stakeholder-filters{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.stakeholder-definition{display:grid;grid-template-columns:minmax(110px,1fr) 2fr;gap:12px}.stakeholder-definition dt{font-weight:600}.stakeholder-definition dd{margin:0;overflow-wrap:anywhere}.stakeholder-response{padding:18px 0;border-bottom:1px solid #dbe4df}.stakeholder-body{white-space:pre-wrap;overflow-wrap:anywhere}
.stakeholder-checks,.stakeholder-picker,.stakeholder-draw{border:1px solid #dbe4df;border-radius:6px;padding:16px;min-width:0}.stakeholder-checks label,.stakeholder-choice-list label,.stakeholder-inline-check{display:flex;align-items:center;gap:10px;margin:8px 0}.stakeholder-checks input[type=checkbox],.stakeholder-choice-list input[type=checkbox],.stakeholder-inline-check input[type=checkbox]{width:18px;min-height:18px;flex:0 0 18px}.stakeholder-choice-list{max-height:260px;overflow:auto;padding:8px}.stakeholder-choice-list [hidden]{display:none}
.stakeholder-selected{padding:12px;background:var(--soft);border:1px solid var(--border);border-radius:6px;margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.stakeholder-chip{display:inline-flex;align-items:center;gap:8px;background:white;border:1px solid #dbe4df;border-radius:5px;padding:5px 9px;max-width:100%;overflow-wrap:anywhere}.stakeholder-chip button{padding:0 6px;min-height:30px;background:transparent;color:var(--primary)}.stakeholder-source-detail{max-width:440px;max-height:360px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.stakeholder-funding-line{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;align-items:end;margin-bottom:12px}.stakeholder-pagination{margin-top:16px;justify-content:flex-end}.stakeholder-pagination label{max-width:95px}.stakeholder-metrics,.stakeholder-columns .panel{min-width:0}.stakeholder-workspace .table-wrap{max-width:100%}
@media(max-width:1000px){.stakeholder-columns{grid-template-columns:1fr}.stakeholder-metrics{grid-template-columns:1fr 1fr}.stakeholder-metrics div+div{border-left:0;padding-left:0}}
@media(max-width:600px){.stakeholder-heading{align-items:stretch}.stakeholder-heading label{width:100%;min-width:0}.stakeholder-definition{grid-template-columns:1fr}.stakeholder-funding-line{grid-template-columns:1fr}.stakeholder-source-detail{max-width:240px}.stakeholder-filters{grid-template-columns:1fr}.stakeholder-chip button{min-height:44px}.stakeholder-metrics{gap:16px}}

.form-grid>.wide{grid-column:1/-1}.stakeholder-source-detail dl{margin:0;display:grid;grid-template-columns:minmax(100px,1fr) 1.5fr;gap:8px 12px}.stakeholder-source-detail dt{font-weight:600}.stakeholder-source-detail dd{margin:0;min-width:0}.stakeholder-source-detail{font:inherit;width:320px;padding:12px;background:var(--soft);border-radius:5px}
@media(max-width:600px){.stakeholder-source-detail{width:240px;min-width:240px}.stakeholder-source-detail dl{grid-template-columns:1fr;gap:4px}.stakeholder-source-detail dd{margin-bottom:8px}}

.stakeholder-columns{margin:22px 0}.stakeholder-columns>.panel{margin:0}.stakeholder-page .settings-top-tabs [aria-current=page]{background:var(--selected);border-bottom-color:var(--bronze);font-weight:600}

/* Consolidated planning and task worklists: shared, visible controls. */
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
.section-heading h1,.section-heading h2{margin:0}
.project-dashboard-page .panel{border-top:1px solid var(--border)}
.entry-view{border:1px solid var(--border);border-left:3px solid #b9cbe5;background:var(--stripe);border-radius:var(--radius);padding:1.25rem;margin-top:1rem}
.entry-view form{margin-top:1rem}
.inline-filter{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}
.inline-filter label{flex:1;min-width:12rem}
.record-details{padding:1rem;min-width:min(28rem,70vw);max-width:48rem;overflow-wrap:anywhere}
.record-details dd{margin:0 0 .75rem}.record-details dt{font-weight:600}
.row-actions{min-width:11rem}.row-action{margin-bottom:.5rem}.row-action>summary{font-weight:600;text-decoration:underline;cursor:pointer}
.task-title{font-size:clamp(1.6rem,3vw,2.25rem);font-weight:700;line-height:1.2;overflow-wrap:anywhere}
.pending-work-badge{white-space:nowrap}
@media(max-width:640px){.entry-view{padding:.85rem}.section-heading{gap:.75rem}.record-details{min-width:0}.topbar{flex-wrap:wrap}.inline-filter label{min-width:100%}.task-title{font-size:1.6rem}}
/* Planning register headings keep the approved light table surfaces. */
.register-sort-link { color: inherit; font-weight: inherit; text-decoration: none; display: inline-flex; gap: .35rem; align-items: center; }
.register-sort-link:hover { text-decoration: underline; }
.milestone-filters { margin: 1rem 0; }
/* Scoped structured minutes use the approved light, rounded surfaces. */
.meeting-section {border:1px solid var(--border,#dbe4f4);border-radius:14px;padding:20px;margin:0 0 20px;min-width:0;}
.meeting-section legend {padding:0 8px;font-weight:650;}
.meeting-row {background:var(--surface-muted,#f7f9fd);border-radius:12px;padding:16px;margin:12px 0;}
.meeting-link-form {display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-top:12px;}
.meeting-link-form label {flex:1;min-width:200px;}
@media(max-width:600px){.meeting-section{padding:14px}.meeting-row{padding:12px}.meeting-link-form{display:block}.meeting-link-form button{margin-top:10px}}
/* 4.3: grouped notices, readable task discussion and compact minutes. */
.shell .topbar .top-notices{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;margin-right:auto}
.shell .topbar .top-notices a{margin:0;font-size:13px}
.shell .topbar .top-actions{margin-left:0;gap:12px;flex-wrap:wrap}
.task-description textarea{min-height:240px}
.task-comment{padding:16px 0;border-bottom:1px solid var(--border,#dce4f1)}
.task-comment time{font-size:12px;color:#64748b;margin-left:12px}
.comment-images{display:flex;gap:12px;flex-wrap:wrap}
.comment-images img{max-width:180px;max-height:140px;object-fit:contain;border-radius:10px}
.reference-list td{vertical-align:top;overflow-wrap:anywhere}
.meeting-section{padding:14px!important;margin-bottom:8px!important;min-width:0}
.meeting-section .form-grid{gap:12px}
.meeting-section .meeting-row{padding:12px;margin-bottom:8px}
.meeting-section textarea{min-height:110px}
.meeting-paired{grid-column:auto}
@media(max-width:1366px){.shell .topbar{align-items:flex-start;gap:14px}.shell .topbar .top-notices{flex-direction:column;align-items:flex-start}.shell .topbar .top-actions{justify-content:flex-start;max-width:100%}}
@media(max-width:700px){.shell .topbar .top-notices,.shell .topbar .top-actions{width:100%;margin:0}.meeting-paired{grid-column:1/-1}.task-comment time{display:block;margin:4px 0}.comment-images img{max-width:100%}}
.shell .topbar .top-notices a{color:var(--primary)}

/* 4.4 meeting editor and readable minutes. */
[data-meeting-form]{gap:14px!important}
.meeting-info-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.meeting-info-grid label.full{grid-column:1/-1}
.meeting-info-grid p{margin:0;font-size:.78rem}
.meeting-section textarea{min-height:84px}
.meeting-section label{gap:5px}
.meeting-attendee-box.is-enhanced{display:flex;flex-wrap:wrap;gap:8px;border:1px solid var(--border,#dbe4f4);border-radius:10px;padding:10px;background:white}
.is-enhanced .meeting-row{display:flex;align-items:center;gap:6px;padding:5px 9px!important;margin:0!important;border-radius:18px;background:#edf3ff}
.is-enhanced .meeting-row>label,.is-enhanced .meeting-row>input{display:none}
.is-enhanced .meeting-row.is-empty{display:none}
.is-enhanced .meeting-row button{width:auto;padding:0 4px;min-height:28px;background:transparent;color:var(--text,#253858);border:0}
.attendee-entry{display:flex;gap:8px;width:100%;align-items:end;margin-top:8px}
.attendee-entry label{flex:1}.attendee-entry button{width:auto}
.meeting-action-table{overflow-x:auto;border:1px solid var(--border,#dbe4f4);border-radius:10px;padding:0 10px}
.meeting-action-row{display:grid;grid-template-columns:minmax(170px,2fr) minmax(190px,2fr) minmax(140px,1fr) 145px 100px minmax(140px,1fr) 80px;gap:10px;align-items:start;padding:12px 0;border-bottom:1px solid var(--border,#dbe4f4);min-width:1050px}
.meeting-action-row:last-child{border-bottom:0}.meeting-action-row label.full{grid-column:auto!important}
.meeting-action-row textarea{min-height:42px!important;height:42px}.meeting-action-row button{margin-top:22px;padding:9px 5px;background:transparent;color:var(--text,#253858);border:1px solid var(--border,#dbe4f4)}
.meeting-action-row~.meeting-action-row label{font-size:0}.meeting-action-row~.meeting-action-row input,.meeting-action-row~.meeting-action-row textarea,.meeting-action-row~.meeting-action-row select{font-size:.9rem}.meeting-action-row~.meeting-action-row button{margin-top:0}
.meeting-summary{display:grid;grid-template-columns:max-content 1fr max-content 1fr;gap:5px 14px;margin:0 0 16px;padding-bottom:16px;border-bottom:1px solid var(--border,#dbe4f4);font-size:.85rem}.meeting-summary dt{font-weight:600}.meeting-summary dd{margin:0}
.meeting-facts{display:flex;flex-wrap:wrap;gap:10px 24px}.meeting-facts:empty{display:none}.meeting-facts strong{margin-right:6px}
.meeting-reading-section{padding:16px 0;border-bottom:1px solid var(--border,#dbe4f4)}.meeting-reading-section:last-child{border:0}.meeting-reading-section h3{font-size:.95rem;margin:0 0 8px}.meeting-reading-section p{margin:6px 0}.meeting-people{display:flex;flex-wrap:wrap;gap:8px}.meeting-people>span{padding:4px 10px;background:#f0f4fb;border-radius:16px}.meeting-reading td:first-child{min-width:220px}.meeting-reading td small{display:block}
@media(max-width:850px){.meeting-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.meeting-summary{grid-template-columns:max-content 1fr}}
@media(max-width:480px){.meeting-info-grid{grid-template-columns:1fr!important}.attendee-entry{flex-wrap:wrap}.attendee-entry label{flex-basis:100%}}

.attendee-control{border:1px solid var(--border,#dbe4f4);border-radius:10px;padding:10px;background:white}.attendee-control .meeting-attendee-box{border:0;padding:0}.attendee-control .attendee-entry{margin-top:6px}.attendee-entry input{border:0;box-shadow:none;background:transparent}.attendee-entry label{font-size:.8rem}

.comment-table td{padding:10px 12px;vertical-align:top}.comment-table td:nth-child(1){width:15%;min-width:110px}.comment-table td:nth-child(2){width:17%;min-width:145px;font-size:.82rem}.comment-table td:nth-child(3){width:45%;min-width:240px;overflow-wrap:anywhere}.comment-table .comment-images img{max-width:72px;max-height:72px;object-fit:cover}.comment-table td:last-child{overflow-wrap:anywhere}

.meeting-action-row.is-summary{display:block;padding:10px 0}.meeting-action-row.is-summary>label,.meeting-action-row.is-summary>input,.meeting-action-row.is-summary>button{display:none}.action-summary{display:grid;grid-template-columns:minmax(170px,2fr) minmax(190px,2fr) minmax(140px,1fr) 145px 100px minmax(140px,1fr) 80px;gap:10px;font-size:.9rem}.action-summary>span{overflow-wrap:anywhere;white-space:pre-wrap}.action-summary button{margin:0 0 4px;padding:3px 5px;min-height:28px;width:auto}.meeting-action-row:not(.is-summary)>.action-summary{display:none}

.meeting-action-scroll{overflow-x:auto;border:1px solid var(--border,#dbe4f4);border-radius:10px;padding:0 10px}.meeting-action-scroll .meeting-action-table{overflow:visible;border:0;padding:0}.meeting-action-head{display:grid;grid-template-columns:minmax(170px,2fr) minmax(190px,2fr) minmax(140px,1fr) 145px 100px minmax(140px,1fr) 80px;gap:10px;min-width:1050px;padding:10px 0;border-bottom:1px solid var(--border,#dbe4f4);font-size:.8rem}.meeting-action-scroll .meeting-action-row label{font-size:0}.meeting-action-scroll input,.meeting-action-scroll textarea,.meeting-action-scroll select{font-size:.9rem}.meeting-action-scroll .meeting-action-row>button{margin-top:0}

/* Stable header groups: aligned notices and one account toolbar. */
.shell .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 24px}
.shell .topbar .top-notices{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px;margin:0;min-width:0}
.shell .topbar .top-notices a{display:inline-flex;align-items:center;min-height:36px;padding:7px 12px;border-radius:18px;line-height:20px;box-sizing:border-box;white-space:nowrap}
.shell .topbar .top-actions{display:grid;grid-template-columns:auto auto auto;align-items:center;justify-content:end;gap:12px;margin:0;width:auto;max-width:none}
.shell .topbar .top-actions .signed-in{display:flex;align-items:center;gap:8px;margin:0;width:auto;min-width:0}
.shell .topbar .top-actions .inline-form{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;margin:0;padding:0}
.shell .topbar .top-actions .inline-form label{margin:0;white-space:nowrap}
.shell .topbar .top-actions .inline-form button,.shell .topbar .top-actions .inline-form select{margin:0;width:auto;white-space:nowrap}
@media(max-width:1200px){.shell .topbar{grid-template-columns:1fr;gap:12px}.shell .topbar .top-notices{flex-direction:column;align-items:flex-start}.shell .topbar .top-actions{justify-content:end;justify-self:end;grid-template-columns:auto auto auto}}
@media(max-width:600px){.shell .topbar{padding:12px 16px}.shell .topbar .top-actions{grid-template-columns:minmax(0,1fr) auto;gap:12px}.shell .topbar .top-actions .signed-in{grid-column:1/-1}.shell .topbar .top-actions .inline-form{gap:6px}.shell .topbar .top-actions .inline-form label{font-size:11px}.shell .topbar .top-actions select{max-width:126px}}

/* 4.5.1: keep the account toolbar against the right edge at every breakpoint. */
.shell .topbar .top-actions{justify-self:end;max-width:100%}
@media(max-width:600px){.shell .topbar .top-actions{grid-template-columns:auto auto;justify-content:end}.shell .topbar .top-actions .signed-in{justify-self:end}}

/* 4.5.2: integrated task status and compact comment attribution. */
.comment-table td:nth-child(1){width:20%;min-width:150px}.comment-table td:nth-child(1) time{display:block;font-size:.78rem;color:var(--muted-foreground);margin-top:4px}.comment-table td:nth-child(2){width:55%;min-width:240px;font-size:inherit}.comment-table td:nth-child(3){width:25%;min-width:140px}.task-state-inline{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.task-state-inline h3{font-size:.95rem;margin:0 0 10px}.shell form.task-state-form{display:grid;grid-template-columns:minmax(140px,180px) minmax(0,1fr) auto;align-items:end;gap:12px;padding:0!important;border:0!important;background:transparent}.task-state-form textarea{min-height:44px;height:44px}.task-state-form button{width:auto;min-width:110px;margin:0}.task-state-inline p{font-size:.85rem;margin:6px 0 10px}@media(max-width:650px){.shell form.task-state-form{grid-template-columns:1fr}.task-state-form button{justify-self:end}}

/* 4.5.3: status is an ordinary aligned task-details row. */
.task-state-inline{border:0;margin-top:12px;padding-top:0}
.shell .task-state-form{align-items:end}
.task-state-form label{display:grid;grid-template-rows:auto 44px;gap:6px;margin:0}
.shell .task-state-form select,.shell .task-state-form textarea,.shell .task-state-form button{box-sizing:border-box;height:44px;min-height:44px;margin:0;vertical-align:top}
.task-state-form textarea{display:block;resize:vertical}

.shell form.task-details-form{padding:0!important;border:0!important;background:transparent}

/* 4.5.7: full-width title followed by paired task fields. */
.task-details-form{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start;gap:16px 18px}
.task-details-form .task-title-field{grid-column:1/-1;grid-row:auto}
.task-status-field,.task-priority-field,.task-category-field{grid-column:1;min-width:0}
.task-owner-field,.task-manager-field,.task-due-field{grid-column:2;min-width:0}
.task-details-form label{display:block;margin:0}
.task-details-form input,.task-details-form select{box-sizing:border-box;min-height:42px;height:42px}
.task-completion-evidence{font-size:.85rem;margin:0}
@media(max-width:600px){
 .task-details-form{grid-template-columns:1fr!important}
 .task-details-form>label,.task-category-field{grid-column:1}
}

/* 4.5.9: comment date and time share a left edge on separate lines. */
.comment-table time .comment-date,.comment-table time .comment-clock{display:block;text-align:left;white-space:nowrap}

/* Reserve protected report-photo geometry before lazy image bytes arrive. */
.report-photo-frame { display:grid; place-items:center; aspect-ratio:4 / 3; overflow:hidden; border-radius:8px; background:var(--soft); }
.report-gallery .report-photo-frame img { width:100%; height:100%; max-height:none; object-fit:contain; }

/* Keep dense examination tables readable on tablets and phones. Scroll within
   the named table region instead of squeezing paragraphs into tall cells. */
.role-library-table{min-width:1180px;table-layout:auto}
.role-library-table th:nth-child(1){min-width:180px}.role-library-table th:nth-child(2){min-width:240px}
.role-library-table th:nth-child(3){min-width:200px}.role-library-table th:nth-child(4){min-width:280px}
.role-library-table th:nth-child(5){min-width:160px}
.finance-examination .table-wrap table{min-width:1000px;table-layout:auto}
.finance-examination .table-wrap td{vertical-align:top}
.finance-examination .crm-tab-nav a[aria-current="page"]{color:var(--primary,#2456df);border-bottom:3px solid var(--primary,#2456df);font-weight:650}

.finance-examination th{background:#edf2fb}.finance-examination tbody tr:nth-child(even){background:#f7f9fd}

/* Both count notices use the same emphasis rule: highlight only nonzero counts. */
.shell .topbar .top-notices .notice-count-badge{background:transparent;color:var(--primary);font-weight:500;border:0;box-shadow:none}
.shell .topbar .top-notices .notice-count-badge.has-items{background:var(--selected);font-weight:600}

/* Validation errors identify grouped selections as well as ordinary fields. */
.shell fieldset[aria-invalid="true"]{border:2px solid #b33e36;background:#fff6f5;outline-offset:3px}
/* 4.16.1: the record search sits in the topbar row between the notices and the account controls, never on its own line. */
.shell .topbar{grid-template-columns:minmax(0,1fr) auto auto}
.shell .topbar .search-form{display:flex;align-items:center;gap:8px;margin:0;justify-self:end}
.shell .topbar .search-form label{font-size:12px;margin:0;white-space:nowrap}
.shell .topbar .search-form input{width:180px}
@media(max-width:1200px){.shell .topbar{grid-template-columns:minmax(0,1fr) auto}.shell .topbar .search-form{grid-column:1;grid-row:2;justify-self:start}.shell .topbar .top-actions{grid-column:2;grid-row:1/3}}
@media(max-width:700px){.shell .topbar{grid-template-columns:1fr}.shell .topbar .search-form{grid-column:1;grid-row:auto;width:100%}.shell .topbar .search-form input{width:100%}.shell .topbar .top-actions{grid-column:1;grid-row:auto}}
/* 4.16.1: attendees read as one fact line with the type, time and location, not a chip section. */
.meeting-facts .meeting-attendees{flex-basis:100%}
/* 4.16.1: action items read like the tracked-risk panel; the tracked-risk panel sits right under them. */
.meeting-reading-section .panel-heading-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px}.meeting-reading-section .panel-heading-row h3{margin:0}
.meeting-actions td{vertical-align:top}.meeting-action-cell .inline-form{margin:0 0 6px}.meeting-link summary{cursor:pointer;color:var(--primary)}.meeting-link-form{display:grid;gap:6px;margin-top:6px;min-width:220px}
.meeting-reading .panel#risks{margin:16px 0 0;padding:16px;box-shadow:none;border:1px solid var(--border,#dbe4f4)}


/* 4.16.1: the Tasks card takes the whole row, so it shows the full title, category, owner, manager and priority. */
@media(min-width:961px){.dashboard-grid .dashboard-card--tasks{grid-column:1/-1}}
.dashboard-card--tasks .dashboard-title{max-width:60ch}.dashboard-card--tasks .dashboard-summary{max-width:60ch;display:block}
@media(max-width:720px){.dashboard-card--tasks .dashboard-title,.dashboard-card--tasks .dashboard-summary{max-width:28ch}}

/* 4.16.2 dashboard: summary strip, empty-card collapse, wide tables take the full row. */
.dashboard-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 18px}
.dashboard-strip-item{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--border,#dbe4f4);border-radius:10px;background:#fff;text-decoration:none;color:var(--foreground)}
.dashboard-strip-item strong{font-size:22px;line-height:1.1}.dashboard-strip-item span{font-size:12px;color:var(--muted-foreground)}
.dashboard-strip-item--red{border-color:#f0c4c4;background:#fff6f6}.dashboard-strip-item--red strong{color:var(--danger,#9b2c2c)}
.dashboard-strip-item--amber{border-color:#f1dfae;background:#fffaf0}.dashboard-strip-item--amber strong{color:#8a5a00}
.dashboard-strip-item:hover{border-color:#b6c8e3}
.dashboard-card--empty{padding:12px 18px 14px}.dashboard-card--empty .dashboard-card-heading{padding-bottom:6px;margin-bottom:6px;border-bottom:0}
.dashboard-card--empty .dashboard-table thead{display:none}.dashboard-card--empty .dashboard-table tr.dashboard-empty td{padding:2px 0 6px;border:0}
.dashboard-card--empty .table-wrap{border:0;background:transparent}.dashboard-card--empty p{margin:0}
@media(min-width:961px){.dashboard-grid{grid-auto-flow:row dense}.dashboard-grid .dashboard-card--risks,.dashboard-grid .dashboard-card--construction,.dashboard-grid .dashboard-card--dues,.dashboard-grid .dashboard-card--documents{grid-column:1/-1}}