#settingsResponsibilitiesSection {font-family:var(--bs-font-family);font-size:16px;line-height:1.5}
#settingsResponsibilitiesSection :is(button,input,select,label,th,td,small) {font-family:var(--bs-font-family)}
#settingsResponsibilitiesSection .card>p {font-size:16px;line-height:1.5}
.responsibility-toolbar {display:flex;gap:20px;flex-wrap:wrap;margin-bottom:16px}
.responsibility-toolbar label {display:grid;gap:6px;flex:1 1 240px;font-size:16px}
.responsibility-toolbar small {font-size:14px;color:var(--muted);font-weight:400}
.responsibility-toolbar :is(input,select) {width:100%;min-height:44px;font-size:16px}
.responsibility-table {width:100%;border-collapse:collapse}
.responsibility-table th,.responsibility-table td {padding:14px 12px;border-bottom:1px solid var(--line);font-size:16px;text-align:center}
.responsibility-table th:first-child {text-align:left}
.responsibility-table th {text-transform:none;letter-spacing:normal}
.responsibility-table tbody th {font-weight:500;overflow-wrap:anywhere}
.responsibility-table small {display:block;font-size:14px;font-weight:400;color:var(--muted)}
.responsibility-table td label {display:flex;gap:8px;justify-content:center;align-items:center;min-height:36px}
.responsibility-table input {width:20px;height:20px;accent-color:var(--red)}
.responsibility-table td label span {font-size:14px}
.responsibility-table td input:not(:disabled)+span {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.responsibility-note {font-size:14px;color:var(--muted);margin:16px 0}
.responsibility-footer {display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding-top:16px}
.responsibility-footer [data-status] {margin-right:auto;flex:1 1 220px;font-size:14px}
.responsibility-footer button {min-height:44px;font-size:16px}
.access-center-heading,.access-center-tabs {display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}
.access-center-heading {justify-content:space-between}
.access-center-tabs {border-bottom:1px solid var(--line);padding-bottom:12px}
.access-center-tabs .active {border-color:var(--red);color:var(--red)}
#accessCenterRoot :is(p,label,button,select,input,dt,dd) {font-size:16px;line-height:1.5;font-family:var(--bs-font-family)}
#accessCenterRoot h3 {font-size:20px;margin:12px 0}
#accessCenterRoot h4 {font-size:16px;margin:0 0 6px}
#accessCenterRoot p {margin:8px 0 16px}
.access-project-label,.access-transfer label {display:grid;gap:8px;max-width:500px;margin:16px 0}
.access-role-help article {display:flex;justify-content:space-between;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}
.access-role-help article>span {flex:none;font-size:14px;color:var(--muted)}
.access-permissions>div {display:flex;justify-content:space-between;gap:24px;padding:16px 0;border-bottom:1px solid var(--line)}
.access-permissions dd {margin:0;font-weight:600;text-align:right}
.access-permissions .access-unassigned {color:var(--muted);font-weight:400}
#accessCenterRoot .access-company-people>label {display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);text-align:left}
.access-company-people small {display:block;font-size:14px;color:var(--muted);overflow-wrap:anywhere}
.access-company-people input {width:22px;height:22px;accent-color:var(--red);flex:none}
.access-transfer {margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.access-transfer summary {font-size:16px;cursor:pointer}
@media(max-width:700px) {
 .access-center-heading {align-items:flex-start}
 .access-center-tabs {gap:8px}
 .access-role-help article {display:grid;gap:4px}
 .access-role-help article>span {order:-1}
 .access-permissions>div {gap:12px}
 .access-permissions dt {flex:1}
 .access-permissions dd {max-width:45%}
 #accessCenterRoot {padding:16px}
}
@media(max-width:700px) {
 .responsibility-table thead {display:none}
 .responsibility-table,.responsibility-table tbody,.responsibility-table tr {display:block}
 .responsibility-table tr {padding:12px 0;border-bottom:1px solid var(--line)}
 .responsibility-table tbody th {display:block;padding:4px 0 10px;border:0}
 .responsibility-table td {display:block;border:0;padding:4px 0}
 .responsibility-table td label {justify-content:flex-start}
 .responsibility-table td input:not(:disabled)+span {position:static;width:auto;height:auto;clip-path:none;font-size:16px}
 .responsibility-table td:has(input:disabled)::before {content:attr(data-label);float:left;min-width:145px;text-align:left}
 .responsibility-toolbar {gap:12px}
}

/* Explicit assignments: preserve actual tables at all viewport widths. */
.responsibility-group {margin:24px 0}
.responsibility-group-head {display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.responsibility-add {display:flex;align-items:center;gap:12px;max-width:600px;margin:12px 0}
.responsibility-add select {min-width:0;flex:1;width:100%;min-height:44px}
.responsibility-add button {white-space:nowrap;min-height:44px}
.responsibility-assigned-table {display:table;table-layout:fixed}
.responsibility-assigned-table thead {display:table-header-group}
.responsibility-assigned-table tbody {display:table-row-group}
.responsibility-assigned-table tr {display:table-row}
.responsibility-assigned-table :is(th,td),.responsibility-assigned-table tbody th {display:table-cell;padding:12px;text-align:left;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.responsibility-assigned-table th:last-child {width:90px}
.responsibility-assigned-table td:last-child {text-align:right}
.responsibility-assigned-table thead {background:var(--surface-muted,#f5f7f8)}
.responsibility-assigned-table button {min-height:44px}
.responsibility-merge {margin-top:16px;padding:16px 0;border-top:1px solid var(--line)}
.responsibility-merge label {display:flex;gap:12px;align-items:center;margin:12px 0}
.responsibility-merge input {width:20px;height:20px}
.responsibility-visually-hidden {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:700px){
 .responsibility-group-head {display:block}
 .responsibility-add {max-width:100%;gap:8px}
 .responsibility-add .bs-choice-field {min-width:0;flex:1}
 .responsibility-assigned-table :is(th,td),.responsibility-assigned-table tbody th {padding:10px 6px}
}
#accessCenterRoot {min-width:0;max-width:100%}
#accessCenterRoot .responsibility-assigned-table {min-width:0;width:100%}
#accessCenterRoot .responsibility-add {width:min(100%,480px);max-width:100%;min-width:0}
#accessCenterRoot .responsibility-add .bs-select-shell {flex:1 1 200px;min-width:0;width:auto}
#accessCenterRoot .responsibility-add>button {flex:0 0 auto;min-width:112px;white-space:nowrap;word-break:normal;padding:10px 16px}
#accessCenterRoot .responsibility-assigned-table th:last-child {width:110px}
#accessCenterRoot .responsibility-assigned-table td>button {min-width:78px;white-space:nowrap;word-break:normal;padding:8px 12px}
#accessCenterRoot .responsibility-assigned-table tbody th {background:transparent}
@media(max-width:700px){
 #accessCenterRoot .responsibility-add>button {min-width:100px;padding:10px 12px}
 #accessCenterRoot .responsibility-assigned-table th:last-child {width:92px}
}