:root { color-scheme: light; --ink:#24342d; --muted:#5d6d65; --paper:#fffdf8; --green:#315c49; --gold:#d6a74c; --line:#d9ded9; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:#f4f0e8; font:1.05rem/1.55 system-ui,-apple-system,"Segoe UI",sans-serif; }
header, main, footer { width:min(70rem,calc(100% - 2rem)); margin-inline:auto; }
header { display:flex; align-items:center; justify-content:space-between; padding:1.25rem 0; gap:1rem; }
.brand { color:var(--green); font:700 1.45rem Georgia,serif; text-decoration:none; }
nav { display:flex; flex-wrap:wrap; gap:1rem; }
a { color:#245b7a; }
main { min-height:70vh; background:var(--paper); border:1px solid var(--line); border-radius:1rem; padding:clamp(1.25rem,4vw,3rem); box-shadow:0 .5rem 2rem #23352a14; }
h1,h2 { font-family:Georgia,serif; line-height:1.2; }
h1 { font-size:clamp(2rem,6vw,3.2rem); margin-top:0; }
.lede { color:var(--muted); font-size:1.2rem; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(15rem,1fr)); gap:1rem; }
.card,.empty,.panel { border:1px solid var(--line); border-radius:.75rem; padding:1.25rem; background:#fff; }
.button,button { display:inline-block; border:0; border-radius:.5rem; padding:.75rem 1rem; background:var(--green); color:#fff; font:inherit; font-weight:700; text-decoration:none; cursor:pointer; }
form { max-width:34rem; }
label { display:block; margin-top:1rem; font-weight:700; }
input,select { width:100%; min-height:2.8rem; margin:.25rem 0 1rem; padding:.55rem; border:1px solid #77847e; border-radius:.35rem; font:inherit; }
button:focus,a:focus,input:focus,select:focus { outline:3px solid var(--gold); outline-offset:3px; }
.flash { margin:0 0 1rem; padding:1rem; border-left:.35rem solid; background:#f3f4f2; }
.flash-error { border-color:#9b2c2c; }.flash-success { border-color:#28754d; }.flash-notice { border-color:#9a6a12; }
.account { display:grid; grid-template-columns:max-content 1fr; gap:.5rem 1rem; }.account dt { font-weight:700; }.account dd { margin:0; }
footer { color:var(--muted); padding:1.5rem 0 2.5rem; text-align:center; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.auth-page main,.welcome-page main { min-height:0; max-width:38rem; }
.auth-shell,.welcome { max-width:32rem; }
.auth-panel { padding:1.1rem 1.25rem 1.25rem; }
.auth-panel label:first-of-type { margin-top:.25rem; }
.auth-help { margin:.8rem 0 0; }
.directory-page main { padding-top:clamp(1.25rem,3vw,2.25rem); }
.directory-page h1 { margin-bottom:.25rem; }
.directory-page .lede { margin:.15rem 0 1rem; }
.application-search { max-width:32rem; margin-bottom:1rem; }
.application-search label { margin-top:0; }
.application-search input { min-height:2.35rem; margin:0; padding:.4rem .55rem; }
.directory-section + .directory-section { margin-top:1.35rem; }
.section-heading { display:flex; align-items:baseline; flex-wrap:wrap; gap:.25rem 1rem; margin-bottom:.65rem; }
.section-heading h2,.section-heading p { margin:0; }
.section-heading p { color:var(--muted); font-size:.95rem; }
.launcher-rows { display:grid; gap:.65rem; }
.launcher-item { min-width:0; border:1px solid var(--line); border-radius:.45rem; background:#fff; overflow:hidden; }
.launcher-line { min-width:0; min-height:3rem; padding:.35rem .7rem; display:grid; align-items:center; column-gap:.55rem; }
.launcher-line-assigned { grid-template-columns:minmax(0,1fr) 2rem; }
.launcher-line-requestable { grid-template-columns:minmax(0,1fr) 2rem max-content; }
.launcher-name,.launcher-name-link { min-width:0; text-align:left; overflow-wrap:anywhere; font-weight:700; }
.launcher-name-link { display:inline-flex; align-items:center; min-height:2rem; color:var(--ink); text-decoration:none; }
.launcher-name-link:hover { color:#245b7a; text-decoration:underline; }
.launcher-info { display:grid; place-items:center; width:1.8rem; height:1.8rem; min-height:0; padding:0; justify-self:end; border:1px solid transparent; border-radius:50%; color:#245b7a; background:transparent; font-size:1rem; line-height:1; box-shadow:none; appearance:none; }
.launcher-info:hover { color:#173f57; background:#eef4f1; border-color:#cbd8d2; }
.launcher-info:focus-visible { outline:3px solid var(--gold); outline-offset:2px; }
.launcher-description { margin:0; padding:.55rem .65rem .65rem; border-top:1px solid #edf0ed; color:var(--muted); font-size:.9rem; line-height:1.4; }
.launcher-item form { max-width:none; margin:0; }
.launcher-request { justify-self:end; }
.launcher-request-button { min-height:0; white-space:nowrap; padding:.35rem .6rem; font-size:.85rem; line-height:1.2; }
.compact-empty,.filter-empty { padding:.8rem 1rem; }
.filter-empty { margin-top:1rem; }
[hidden] { display:none!important; }
.admin-actions { margin:1rem 0 1.25rem; }
.button.secondary, button.secondary { background:#245b7a; }
.button.danger, button.danger { background:#9b2c2c; }
.admin-people { display:grid; gap:.65rem; }
.admin-person { min-height:0; padding:.85rem 1rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.admin-person strong { display:block; font-size:1.08rem; line-height:1.25; }
.admin-person span,.admin-person small { display:block; color:var(--muted); }
.admin-person small { margin-top:.15rem; font-size:.9rem; }
.admin-person .button { flex:0 0 auto; padding:.55rem .8rem; }
.admin-app-row { display:grid; grid-template-columns:minmax(0,1fr) max-content; gap:1rem; align-items:center; padding:.8rem 0; border-top:1px solid var(--line); }
.admin-app-row > span { min-width:0; }
.admin-app-row strong,.admin-app-row small { display:block; }
.admin-app-row small { color:var(--muted); margin-top:.15rem; }
.admin-app-row form { max-width:none; margin:0; }
.admin-app-row button { padding:.5rem .75rem; }
.admin-app-row + .admin-app-row { margin-top:0; }
.panel form > label:has(input[type="checkbox"]) { display:flex; align-items:flex-start; gap:.6rem; margin:.25rem 0 .85rem; font-weight:600; }
.panel form > label:has(input[type="checkbox"]) input { width:auto; min-height:0; margin:.2rem 0 0; }
@media (max-width:38rem) {
  header { align-items:flex-start; flex-direction:column; padding:.8rem 0; }
  nav { gap:.75rem; }
  main { min-height:0; padding:1rem; }
  h1 { margin-bottom:.7rem; font-size:2rem; }
  .auth-page header nav,.welcome-page header nav { display:none; }
  .auth-page main,.welcome-page main { width:min(100% - 1rem,38rem); padding:1rem; }
  .auth-panel { padding:.8rem .9rem 1rem; }
  .auth-panel label { margin-top:.7rem; }
  .auth-panel input { margin-bottom:.65rem; }
  .directory-page main { padding:.75rem; }
  .directory-page h1 { margin-bottom:.1rem; font-size:1.65rem; }
  .directory-page .lede { margin:0 0 .65rem; font-size:1rem; }
  .application-search { margin-bottom:.7rem; }
  .application-search input { min-height:2.15rem; padding:.3rem .5rem; }
  .directory-section + .directory-section { margin-top:1rem; }
  .section-heading { margin-bottom:.4rem; }
  .section-heading h2 { font-size:1.25rem; }
  .section-heading p { width:100%; font-size:.85rem; }
  .launcher-rows { gap:.55rem; }
  .launcher-item { border-radius:.45rem; }
  .launcher-line { min-height:2.75rem; padding:.3rem .55rem; column-gap:.35rem; }
  .launcher-line-assigned { grid-template-columns:minmax(0,1fr) 1.9rem; }
  .launcher-line-requestable { grid-template-columns:minmax(0,1fr) 1.9rem max-content; }
  .launcher-info { width:1.8rem; height:1.8rem; }
  .launcher-request-button { padding:.32rem .5rem; font-size:.82rem; }
  .launcher-description { padding:.45rem .5rem .55rem; font-size:.85rem; }
  .admin-person { align-items:flex-start; flex-direction:column; gap:.6rem; }
  .admin-person .button { width:100%; text-align:center; }
  .admin-app-row { grid-template-columns:1fr; gap:.55rem; }
  .admin-app-row form,.admin-app-row button { width:100%; }
}
@media (max-width:22rem) {
  .launcher-line-requestable { grid-template-columns:minmax(0,1fr) 2rem; }
  .launcher-request { grid-column:1 / -1; }
}
.registry-form, main > form.panel { max-width:48rem; }
.registry-form textarea, main > form.panel textarea { width:100%; min-height:7rem; margin:.25rem 0 1rem; padding:.55rem; border:1px solid #77847e; border-radius:.35rem; font:inherit; resize:vertical; }
.registry-meta { display:grid; grid-template-columns:max-content minmax(0,1fr); gap:.35rem .8rem; margin:1rem 0; padding:.8rem; border:1px solid var(--line); border-radius:.5rem; background:#f7f8f5; }
.registry-meta code { overflow-wrap:anywhere; color:var(--muted); }
.registry-setting { display:flex; align-items:flex-start; gap:.65rem; margin:.75rem 0; font-weight:400; }
.registry-setting input { width:auto; min-height:0; margin:.25rem 0 0; }
.registry-setting strong,.registry-setting small { display:block; }.registry-setting small { color:var(--muted); }
.registry-counts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.5rem; }.registry-counts span { padding:.55rem; border:1px solid var(--line); border-radius:.4rem; }.registry-counts strong { display:block; font-size:1.25rem; }
@media (max-width:38rem) { .registry-counts { grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* Portal access-management screens */
.admin-nav { display:flex; flex-wrap:wrap; gap:.45rem; margin:0 0 1.25rem; padding:.65rem; border:1px solid var(--line); border-radius:.7rem; background:#f7f8f5; }
.admin-nav a { display:inline-flex; align-items:center; min-height:2.65rem; padding:.4rem .7rem; border-radius:.45rem; color:var(--ink); font-weight:700; text-decoration:none; }
.admin-nav a:hover { color:#173f57; background:#e8f0ec; text-decoration:underline; }
.admin-nav a:focus-visible { outline:3px solid var(--gold); outline-offset:2px; }
.page-links,.action-row { display:flex; flex-wrap:wrap; gap:.6rem; align-items:center; margin:1rem 0; }
.page-links a,.action-row a { min-height:2.65rem; }
.admin-user-list,.assignment-list,.workflow-list,.notification-list,.audit-list { display:grid; gap:.75rem; margin:0; padding:0; list-style:none; }
.admin-user-card,.assignment-card,.workflow-card,.notification-card,.audit-card { min-width:0; border:1px solid var(--line); border-radius:.7rem; padding:1rem; background:#fff; }
.admin-user-card { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:1rem; }
.admin-user-card h3,.assignment-card h3,.workflow-card h3,.notification-card h3,.audit-card h3 { margin:.05rem 0 .2rem; font-size:1.15rem; }
.admin-user-card p,.assignment-card p,.workflow-card p,.notification-card p,.audit-card p { margin:.2rem 0; }
.subtle,.assignment-meta,.role-note { color:var(--muted); font-size:.92rem; overflow-wrap:anywhere; }
.status-badge,.role-badge,.scope-badge { display:inline-flex; align-items:center; min-height:1.8rem; margin:.15rem .25rem .15rem 0; padding:.15rem .5rem; border:1px solid #c8d4cd; border-radius:999px; background:#edf4ef; color:#234634; font-size:.84rem; font-weight:700; line-height:1.2; }
.status-badge.pending { background:#fff5d8; border-color:#d3ad57; color:#72500b; }.status-badge.disabled,.status-badge.revoked { background:#fff0ef; border-color:#d39a97; color:#802b28; }.role-badge.inherited { background:#eef4fb; border-color:#abc5dc; color:#245b7a; }.scope-badge { background:#f4f0fb; border-color:#c9b9df; color:#543b77; }
.access-app { margin:.75rem 0; border:1px solid var(--line); border-radius:.7rem; background:#fff; overflow:hidden; }
.access-app summary { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem; cursor:pointer; list-style:none; }
.access-app summary::-webkit-details-marker { display:none; }
.access-app summary::after { content:'+'; flex:0 0 auto; width:1.65rem; height:1.65rem; display:grid; place-items:center; border-radius:50%; background:#edf4ef; color:var(--green); font-size:1.25rem; font-weight:700; }
.access-app[open] summary { border-bottom:1px solid var(--line); background:#fbfcfa; }.access-app[open] summary::after { content:'–'; }
.access-app-title { min-width:0; }.access-app-title strong,.access-app-title span { display:block; }.access-app-title span { margin-top:.2rem; color:var(--muted); font-size:.92rem; overflow-wrap:anywhere; }
.access-app-body { padding:1rem; }.role-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; margin:.5rem 0 1rem; }.role-group { padding:.75rem; border:1px solid var(--line); border-radius:.55rem; background:#f9faf8; }.role-group h3 { margin:0 0 .4rem; font-size:1rem; }.role-group p { margin:0; }
.role-action-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(13rem,1fr)); gap:.65rem; }.role-action { max-width:none; padding:.75rem; border:1px solid var(--line); border-radius:.55rem; background:#fff; }.role-action p { margin:.1rem 0 .5rem; color:var(--muted); font-size:.9rem; }.role-action button { width:100%; }.critical-self-change { border-color:#d3ad57; background:#fffaf0; }
.form-stack,.form-grid { max-width:none; }.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 1rem; }.form-grid .form-wide { grid-column:1 / -1; }.form-grid label { min-width:0; }
/* Compact People directory: dense on larger screens, readable cards on phones. */
.people-directory-intro { margin:0 0 .75rem; }.people-directory-intro h2 { margin:0; }.people-directory-intro p { margin:.25rem 0; color:var(--muted); }
.people-toolbar { display:grid; grid-template-columns:minmax(15rem,2fr) minmax(9rem,.8fr) minmax(12rem,.9fr) auto; gap:.65rem; align-items:end; max-width:none; margin:1rem 0 .65rem; padding:.8rem; border:1px solid var(--line); border-radius:.7rem; background:#fafbf9; }.people-toolbar label { min-width:0; }.people-toolbar input,.people-toolbar select { margin:.2rem 0 0; }.people-search input { width:100%; }.people-archived { display:flex; align-items:center; gap:.45rem; min-height:2.65rem; font-weight:400; }.people-archived input { width:auto; min-height:0; margin:0; }
.people-counts { display:flex; flex-wrap:wrap; gap:.4rem .8rem; margin:.45rem 0 .8rem; color:var(--muted); font-size:.9rem; }.people-counts span { white-space:nowrap; }.people-counts strong { color:var(--ink); }
.people-directory { border:1px solid var(--line); border-radius:.7rem; overflow:hidden; background:#fff; }.people-directory-head,.people-row { display:grid; grid-template-columns:minmax(12rem,1.45fr) minmax(5.5rem,.62fr) minmax(7.5rem,.8fr) minmax(11rem,1.15fr) minmax(10rem,1fr) minmax(9.5rem,.9fr); gap:.7rem; align-items:center; }.people-directory-head { padding:.65rem .8rem; border-bottom:1px solid var(--line); background:#f5f7f3; color:var(--muted); font-size:.78rem; font-weight:800; letter-spacing:.03em; text-transform:uppercase; }.people-row { min-width:0; padding:.75rem .8rem; border-bottom:1px solid var(--line); }.people-row:last-child { border-bottom:0; }.people-row:hover { background:#fbfcfa; }.people-person,.people-access,.people-invite { min-width:0; overflow-wrap:anywhere; }.people-person strong,.people-person span { display:block; }.people-person span,.people-access,.people-invite { margin-top:.12rem; color:var(--muted); font-size:.9rem; }.people-actions { display:flex; flex-wrap:wrap; gap:.4rem; align-items:center; }.button.compact { min-height:2.25rem; padding:.38rem .6rem; font-size:.9rem; }.people-pagination { justify-content:flex-end; }.people-pagination span { margin-right:auto; color:var(--muted); font-size:.92rem; }
.assignment-card { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.75rem; align-items:start; }.assignment-card form { max-width:none; margin:0; }.assignment-card .button, .assignment-card button { width:100%; }.archive-context { color:var(--muted); font-size:.95rem; }
.workflow-card,.notification-card,.audit-card { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.75rem; align-items:start; }.workflow-card form,.notification-card form { max-width:none; margin:0; }.audit-card code { display:block; max-height:7rem; overflow:auto; padding:.45rem; border-radius:.35rem; background:#f5f6f3; font-size:.8rem; overflow-wrap:anywhere; white-space:pre-wrap; }
.empty-state { padding:1rem; border:1px dashed #aab8af; border-radius:.6rem; color:var(--muted); background:#fafbf9; }.empty-state strong { display:block; color:var(--ink); }
.text-link { display:inline-flex; align-items:center; min-height:2rem; font-weight:700; }
.admin-page-help,.advanced-maintenance { margin:1rem 0; border:1px solid var(--line); border-radius:.7rem; background:#fafbf9; overflow:hidden; }
.admin-page-help summary,.advanced-maintenance > summary { padding:.9rem 1rem; cursor:pointer; font-weight:700; color:var(--ink); }
.admin-page-help[open] summary,.advanced-maintenance[open] > summary { border-bottom:1px solid var(--line); background:#f2f6f1; }
.admin-page-help-body,.advanced-maintenance-body { padding:0 1rem 1rem; }.admin-page-help-body p,.advanced-maintenance-body p { margin:.65rem 0; }
.advanced-maintenance { background:#fffaf4; border-color:#dbc99d; }.advanced-maintenance details { margin:.75rem 0; padding:.75rem; border:1px solid var(--line); border-radius:.5rem; background:#fff; }
.person-summary .account { margin-bottom:0; }.platform-administration { background:#fbfcfa; }
.admin-guide-intro { margin-bottom:1rem; }.guide-contents { display:flex; flex-wrap:wrap; gap:.45rem .8rem; margin-top:1rem; }.guide-contents a { font-weight:700; }.admin-guide-list { display:grid; gap:1rem; }.admin-guide-section { scroll-margin-top:1rem; }.admin-guide-section h2 { margin-top:0; }
textarea { width:100%; min-height:7rem; margin:.25rem 0 1rem; padding:.55rem; border:1px solid #77847e; border-radius:.35rem; font:inherit; resize:vertical; }
@media (max-width:38rem) {
  header,main,footer { width:min(100% - 1rem,70rem); }
  .admin-nav { gap:.35rem; padding:.45rem; }.admin-nav a { min-height:2.75rem; padding:.35rem .55rem; font-size:.92rem; }
  .page-links,.action-row { display:grid; grid-template-columns:1fr; }.page-links .button,.action-row .button { width:100%; text-align:center; }
  .people-toolbar { grid-template-columns:1fr; gap:.5rem; padding:.75rem; }.people-toolbar button { width:100%; }.people-archived { min-height:2.75rem; }.people-counts { gap:.35rem .65rem; }
  .people-directory { border:0; border-radius:0; background:transparent; overflow:visible; }.people-directory-head { display:none; }.people-row { display:block; margin:.55rem 0; padding:.8rem; border:1px solid var(--line); border-radius:.65rem; background:#fff; }.people-row > div { display:grid; grid-template-columns:minmax(7rem,.75fr) minmax(0,1fr); gap:.65rem; align-items:start; margin:.35rem 0; }.people-row > div::before { content:attr(data-label); color:var(--muted); font-size:.8rem; font-weight:800; letter-spacing:.02em; text-transform:uppercase; }.people-row .people-person { display:block; margin-bottom:.6rem; }.people-row .people-person::before { display:none; }.people-actions { display:flex !important; grid-template-columns:none !important; }.people-actions::before { display:none; }.people-actions .button { flex:1 1 auto; text-align:center; }
  .admin-user-card,.assignment-card,.workflow-card,.notification-card,.audit-card { grid-template-columns:1fr; gap:.6rem; padding:.85rem; }.admin-user-card .button { width:100%; text-align:center; }
  .access-app summary { padding:.85rem; }.access-app-body { padding:.85rem; }.role-groups,.form-grid { grid-template-columns:1fr; }.form-grid .form-wide { grid-column:auto; }.role-action-grid { grid-template-columns:1fr; }.role-action { padding:.8rem; }
  .status-badge,.role-badge,.scope-badge { white-space:normal; }.workflow-card button,.notification-card button { width:100%; }
  .admin-page-help summary,.advanced-maintenance > summary { min-height:2.75rem; display:flex; align-items:center; }.guide-contents { display:grid; grid-template-columns:1fr; }.text-link { min-height:2.75rem; }
}
@media (max-width:22rem) { .admin-nav a { width:100%; }.access-app summary { align-items:flex-start; }.access-app summary::after { margin-top:.1rem; } }