.people-access-panel{width:min(1080px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow:auto}
.people-access-tabs{display:flex;gap:.5rem;overflow:auto;margin:1rem 0;border-bottom:1px solid var(--border-color,#d8dce3)}
.people-access-tab{border:0;background:transparent;padding:.8rem 1rem;white-space:nowrap;cursor:pointer}
.people-access-tab[aria-selected="true"]{border-bottom:3px solid var(--accent,#264fba);font-weight:700}
.people-access-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.75rem;min-height:12rem}
.people-access-card{border:1px solid var(--border-color,#d8dce3);border-radius:.75rem;padding:1rem;background:var(--surface,#fff)}
.people-access-card h3{margin:0 0 .45rem;font-size:1rem}.people-access-card p{margin:0;opacity:.75;overflow-wrap:anywhere}
.people-access-empty{grid-column:1/-1;text-align:center;padding:3rem 1rem;opacity:.7}
.people-access-primary{margin-inline-start:auto}
.people-access-editor,.people-access-preview{grid-column:1/-1;border:1px solid var(--border-color,#d8dce3);border-radius:.8rem;padding:1rem;background:var(--surface,#fff)}
.people-access-account-editor{display:grid;gap:.85rem}.people-access-account-summary{display:grid;gap:.6rem;margin:0}.people-access-account-summary>div{display:grid;grid-template-columns:minmax(8rem,1fr) 2fr;gap:.75rem}.people-access-account-summary dt{font-weight:700}.people-access-account-summary dd{margin:0;overflow-wrap:anywhere}.people-access-governance-note{margin:0;padding:.75rem;border-radius:.55rem;background:color-mix(in srgb,var(--surface,#fff) 90%,var(--accent,#264fba) 10%);line-height:1.65}.people-access-actions .danger-button{border-color:#b42318;color:#b42318}
.people-access-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.people-access-editor-note{grid-column:1/-1;margin:0;padding:.75rem;border-inline-start:3px solid var(--accent,#264fba);background:color-mix(in srgb,var(--surface,#fff) 88%,var(--accent,#264fba) 12%);border-radius:.45rem;line-height:1.65}
.people-access-form>label,.people-access-form fieldset{display:grid;gap:.4rem;min-width:0}
.people-access-form input,.people-access-form select{width:100%;min-height:2.75rem}
.people-access-form fieldset{grid-column:1/-1;border:1px solid var(--border-color,#d8dce3);border-radius:.6rem;padding:.75rem}
.people-access-form fieldset label{display:flex;align-items:center;gap:.55rem;padding:.35rem}
.people-access-form fieldset input{width:auto;min-height:auto}
.people-access-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.75rem}
.people-access-preview dl{display:grid;gap:.6rem}.people-access-preview dl>div{display:grid;grid-template-columns:minmax(8rem,1fr) 2fr;gap:.75rem}.people-access-preview dt{font-weight:700}.people-access-preview dd{margin:0;overflow-wrap:anywhere}
.people-access-card .secondary-button{margin-top:.8rem}
.people-access-role-directory{grid-column:1/-1;display:grid;gap:1rem;min-width:0}
.people-access-role-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}
.people-access-role-toolbar h3{margin:0}
.people-access-role-table-wrap{overflow-x:auto;border:1px solid var(--border-color,#d8dce3);border-radius:.75rem;background:var(--surface,#fff)}
.people-access-role-table{width:100%;min-width:58rem;border-collapse:collapse}
.people-access-role-table th,.people-access-role-table td{padding:.75rem;text-align:start;vertical-align:top;border-bottom:1px solid var(--border-color,#d8dce3)}
.people-access-role-table th{font-weight:700;background:color-mix(in srgb,var(--surface,#fff) 88%,var(--accent,#264fba) 12%)}
.people-access-role-table td small{display:block;margin-top:.25rem;opacity:.7;font-weight:400}
.people-access-role-table td.is-protected strong,.people-access-role-table td.is-active strong{display:inline-flex;border-radius:999px;padding:.2rem .55rem;font-size:.82rem}
.people-access-role-table td.is-protected strong{background:#fff0d5;color:#764900}.people-access-role-table td.is-active strong{background:#e7f6ec;color:#175b2b}
.people-access-role-detail-row>td{padding:0!important;background:color-mix(in srgb,var(--surface,#fff) 94%,var(--accent,#264fba) 6%)}
.people-access-role-permission-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.45rem;padding:.65rem;font-size:.86rem;line-height:1.45}
.people-access-role-permission-groups section{border-inline-start:2px solid var(--accent,#264fba);padding:.15rem .55rem;min-width:0}
.people-access-role-permission-groups h4{margin:0 0 .3rem;font-size:.92rem}.people-access-role-permission-groups ul{margin:0;padding-inline-start:1.1rem;display:grid;gap:.12rem}.people-access-role-permission-groups li{overflow-wrap:anywhere}
html[dir="rtl"] .people-access-panel{text-align:right}html[dir="ltr"] .people-access-panel{text-align:left}
@media(max-width:640px){.people-access-panel{width:100vw;max-height:100vh;border-radius:0}.people-access-tabs{scroll-snap-type:x mandatory}.people-access-tab{scroll-snap-align:start}.people-access-content,.people-access-form{grid-template-columns:1fr}.people-access-preview dl>div,.people-access-account-summary>div{grid-template-columns:1fr}.people-access-actions>*{flex:1 1 100%}.people-access-role-toolbar>*{width:100%}.people-access-role-toolbar button{min-height:2.75rem}.people-access-role-table-wrap{overflow:visible;border:0;background:transparent}.people-access-role-table{display:block;min-width:0}.people-access-role-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.people-access-role-table tbody{display:grid;gap:.75rem}.people-access-role-table tr{display:grid;border:1px solid var(--border-color,#d8dce3);border-radius:.75rem;background:var(--surface,#fff);overflow:hidden}.people-access-role-table td{display:grid;grid-template-columns:minmax(7.5rem,42%) minmax(0,1fr);gap:.6rem;border:0;border-bottom:1px solid var(--border-color,#d8dce3);padding:.65rem .75rem}.people-access-role-table td::before{content:attr(data-label);font-weight:700;opacity:.72}.people-access-role-table td:last-child{border-bottom:0}.people-access-role-table .people-access-role-detail-row{margin-top:-.75rem;border-top:0;border-start-start-radius:0;border-start-end-radius:0}.people-access-role-table .people-access-role-detail-row[hidden]{display:none}.people-access-role-table .people-access-role-detail-row>td{display:block}.people-access-role-table .people-access-role-detail-row>td::before{display:none}.people-access-role-permission-groups{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.people-access-panel *{scroll-behavior:auto!important;transition:none!important}}