.role-settings-page.aw-page{max-width:none;width:100%;font-size:14px;gap:10px;color:#233b43}.aw-page h2{font-size:24px}.aw-page h3{font-size:17px}.aw-page .rs-heading{justify-content:flex-start;gap:18px}.aw-page>.rs-heading>.rs-toolbar{margin-left:auto}.aw-tabs,.aw-subtabs{display:flex;gap:8px}.aw-page .aw-tabs button,.aw-page .aw-subtabs button{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;padding:10px 12px}.aw-page .aw-tabs [aria-pressed=true],.aw-page .aw-subtabs [aria-pressed=true]{border-color:#286e64;font-weight:700}.aw-page input,.aw-page select,.aw-page button{font:inherit}.aw-page button{min-height:34px}.aw-page .aw-link{border:0;background:transparent;color:#28728c;padding:5px;white-space:nowrap}.aw-page .aw-dot{display:inline-block;flex:none;width:11px;height:11px;border-radius:50%;background:var(--scope-color);margin-right:3px}.aw-page .aw-chip{display:inline-flex;align-items:center;gap:3px;border:1px solid color-mix(in srgb,var(--scope-color) 25%,white);background:color-mix(in srgb,var(--scope-color) 12%,white);color:#233b43;padding:4px 6px;border-radius:5px;font-size:12px;line-height:1.3;max-width:100%}.aw-chip button{border:0;background:transparent;min-height:24px;padding:0 3px}.aw-chips{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.aw-filters{align-items:end}.aw-filters>label{min-width:110px}.aw-filters>label:first-child{flex:1.6}.aw-table-scroll{overflow:auto;background:white;border:1px solid #dce2df;border-radius:5px}.aw-page table.aw-users{width:100%;min-width:850px;border-collapse:collapse;table-layout:auto;font-size:14px;white-space:normal}.aw-page .aw-users th,.aw-page .aw-users td{position:static;white-space:normal;padding:10px 8px;text-align:left;border-bottom:1px solid #e0e5e2;vertical-align:middle;height:auto}.aw-users th{background:#f1f3ef}.aw-users th:nth-child(4){width:44%}.aw-users th:nth-child(5){min-width:145px}.aw-users small,.aw-employee small{display:block;font-size:12px;color:#657379;margin-top:3px}.aw-legacy summary{font-weight:400;font-size:12px}.aw-legacy p{font-size:12px;margin:3px}.aw-workspace{display:grid;grid-template-columns:minmax(190px,.75fr) minmax(250px,1fr) minmax(400px,2.2fr);gap:10px;height:calc(100dvh - 230px);min-height:520px;max-height:1100px}.aw-column{border:1px solid #dae2df;border-radius:5px;background:#fff;min-width:0;display:flex;flex-direction:column;overflow:hidden}.aw-column>header{padding:12px;flex:none;border-bottom:1px solid #e0e5e2}.aw-column>header h3{margin:0 0 8px}.aw-column-scroll{overflow:auto;min-height:0;flex:1;scrollbar-gutter:stable}.aw-employee{display:flex;align-items:center;gap:7px;border-bottom:1px solid #e5eae8;padding:10px 7px;font-size:13px;cursor:grab}.aw-employee>div{flex:1;min-width:0;overflow-wrap:anywhere}.aw-employee>small{max-width:75px}.aw-employee>button{padding:2px 5px;min-height:28px}.aw-scope{border-bottom:1px solid #dce4df;padding:7px}.aw-scope-heading{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:5px;background:color-mix(in srgb,var(--scope-color) 7%,white)}.aw-scope-heading>strong{flex:1;display:flex;align-items:center}.aw-scope-heading>small{width:100%;color:#657379;font-size:11px}.aw-role-row{display:flex;align-items:center;gap:3px;min-height:36px;border-bottom:1px solid #edf0ed}.aw-page .aw-role-row>button{border:0;background:transparent;padding:6px;font-size:12px}.aw-page .aw-role-row>.aw-role-name{flex:1;text-align:left;font-weight:600;font-size:14px}.aw-role-target.selected{background:color-mix(in srgb,var(--scope-color) 10%,white)}.aw-role-target.drag-over{outline:2px dashed var(--scope-color);outline-offset:-2px;background:color-mix(in srgb,var(--scope-color) 20%,white)}.aw-members{padding:5px 8px;font-size:12px}.aw-members>div{display:flex;justify-content:space-between;align-items:center;padding:3px 0}.aw-members small{color:#627376;margin-left:5px}.aw-drop-hint{border:1px dashed var(--scope-color);border-radius:3px;padding:6px;color:#456579;margin:0 0 5px}.aw-role-library{padding:10px}.aw-role-library button{margin:4px}.aw-editor>header .rs-fields{gap:8px}.aw-editor .rs-fields>label{min-width:120px}.aw-editor .rs-heading{gap:7px}.aw-editor .rs-heading button{margin-left:auto;font-size:12px}.aw-editor .rs-heading h3{margin:0}.aw-scope-label{font-size:12px;background:#edf4f7;padding:3px 6px}.aw-editor .aw-subtabs{margin-top:8px}.aw-permission-filter{padding:6px 10px;margin:0;position:sticky;top:0;background:white;z-index:1;border-bottom:1px solid #e3e7e5}.aw-permission-filter>input{flex:1;max-width:240px}.aw-permission-filter>select{max-width:160px}.aw-permission-filter>.rs-check{min-width:95px;flex:none;display:flex}.aw-permission-filter>span{font-size:12px}.aw-permissions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start}.aw-permission{display:flex;align-items:center;gap:6px;min-height:42px;border-right:1px solid #e8ece9;border-bottom:1px solid #e8ece9;padding:5px 7px;font-size:13px;line-height:1.3;cursor:pointer;overflow-wrap:anywhere}.aw-permission.chosen{background:#e8f3ef}.aw-editor-footer{padding:9px;display:flex;align-items:center;gap:6px;border-top:1px solid #dde4df}.aw-editor-footer>span{flex:1;font-size:12px;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.aw-page [data-save]{background:#286e64;color:#fff;border-color:#286e64}.aw-editor .rs-content{padding:8px}.aw-empty{padding:24px;color:#647671;line-height:1.8}.aw-extra-content input:not([type=checkbox]),.aw-extra-content select{font:inherit;padding:8px;width:100%}.aw-extra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:52dvh;overflow:auto;margin-top:10px;gap:3px}.aw-extra-grid .rs-check{padding:5px;border-bottom:1px solid #e3e8e4}.aw-extra-grid input{width:18px;height:18px;accent-color:#286e64}.aw-extra-content{min-width:0}.aw-page button:disabled{cursor:default}.aw-page [hidden]{display:none!important}
@media(max-width:1400px){.aw-workspace{grid-template-columns:minmax(175px,.7fr) minmax(240px,1fr) minmax(340px,1.7fr)}.aw-permissions{grid-template-columns:repeat(2,minmax(0,1fr))}.aw-employee>small{display:none}}
@media(max-width:900px){.aw-workspace{grid-template-columns:minmax(170px,.7fr) minmax(230px,1fr);height:auto;max-height:none}.aw-people,.aw-roles{height:430px}.aw-editor{grid-column:1/-1;height:650px}.aw-permissions{grid-template-columns:repeat(3,minmax(0,1fr))}.aw-page>.rs-heading>.rs-toolbar{margin-left:0}.aw-page>.rs-heading{gap:5px}}
@media(max-width:600px){.aw-workspace{display:flex;flex-direction:column;min-height:0}.aw-people{height:230px}.aw-roles{height:420px}.aw-editor{height:600px}.aw-permissions{grid-template-columns:repeat(2,minmax(0,1fr))}.aw-permission{font-size:12px;min-height:44px;padding:5px}.aw-page h2{font-size:21px}.aw-filters>label{min-width:calc(50% - 6px)}.aw-filters>label:first-child{min-width:100%}.aw-page input:not([type=checkbox]),.aw-page select{font-size:16px}.aw-page .aw-tabs button{padding:8px}.aw-extra-grid{grid-template-columns:minmax(0,1fr)}.aw-permission-filter>input{max-width:100%;min-width:100%}.aw-employee>small{display:block}.aw-editor-footer{align-items:start}.aw-editor-footer>button{flex:none}.aw-page footer.rs-toolbar{flex-wrap:wrap}.aw-editor .rs-fields>label{max-width:none;min-width:calc(50% - 8px)}.aw-page .rs-heading .rs-toolbar{width:100%}}
.compact-product .identity-name .compact-name-button{display:block;background:transparent;border:0;padding:2px 0;text-align:left;font:inherit;font-weight:700;color:inherit;cursor:text;white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%}.compact-product .identity-name .compact-name-button:hover{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}.compact-product .identity-name .compact-name-button:focus-visible{outline:2px solid #286e64;outline-offset:3px}.compact-product .identity-name .compact-name-input{box-sizing:border-box;width:100%;min-width:0;font:inherit;font-size:16px;padding:5px;border:1px solid #286e64;border-radius:4px;background:white;color:#233b43}
.widget-shell .content:has(.aw-page){max-width:none;padding:16px 22px 90px}.aw-workspace{height:calc(100dvh - 310px);min-height:430px}.aw-page .aw-column>header input:not([type=checkbox]),.aw-page .aw-column>header select{min-height:36px;padding:7px}.aw-scope-heading{padding:3px 5px}.aw-scope-heading>small{line-height:1.3}.aw-role-library>button{display:block;width:100%;text-align:left}.aw-page .rs-check{cursor:pointer}@media(max-width:900px){.aw-workspace{height:auto;min-height:0}}@media(max-width:600px){.widget-shell .content:has(.aw-page){padding:12px 10px 90px}}

/* Preserve the existing three-column design and scope palette. */
.aw-workspace{grid-template-columns:minmax(260px,1.25fr) minmax(230px,1fr) minmax(330px,1.5fr)}
.aw-employee-filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.aw-employee-filters>input{flex:1;min-width:120px;width:0}
.aw-status-switch{display:flex;gap:3px;flex:none}
.aw-status-switch button{padding:5px 8px}
.aw-status-switch [aria-pressed=true]{background:#e8f3ef;border-color:#286e64;color:#286e64}
.aw-employee{padding:6px 7px;gap:6px;min-height:48px;box-sizing:border-box}
.aw-page .aw-employee-name{display:block;flex:0 0 90px;min-width:0;width:90px;max-width:34%;height:36px;min-height:36px;padding:0;border:0;border-radius:0;background:transparent;text-align:left;color:inherit}
.aw-employee-name strong,.aw-employee-name small{display:block;line-height:18px;height:18px;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.aw-employee-name:focus-visible{outline:2px solid #286e64;outline-offset:2px}
.aw-employee>.aw-employee-tags{display:flex;flex:1;flex-wrap:wrap;align-content:center;align-items:center;gap:2px 4px;max-height:36px;min-width:0;overflow:auto;scrollbar-width:thin}
.aw-employee-tags .aw-chip{box-sizing:border-box;flex:none;height:17px;padding:0 3px;gap:2px;font-size:11px;line-height:15px;white-space:nowrap}
.aw-employee-tags .aw-dot{width:7px;height:7px;margin-right:1px}
.aw-page .aw-employee-tags .aw-chip button,.aw-page .aw-add-role{box-sizing:border-box;min-height:17px;height:17px;line-height:15px;padding:0 3px;font-size:11px;flex:none}
.aw-page .aw-add-role{width:20px;border-radius:4px}
.aw-page .aw-extra-count{flex:none;box-sizing:border-box;min-width:20px;min-height:17px;height:17px;padding:0 4px;line-height:15px;border:1px solid #b5362c;border-radius:4px;background:#b5362c;color:white;font-size:11px}
.aw-page .aw-account-settings{flex:none;margin-left:auto;width:28px;min-height:28px;height:28px;padding:0;border:0;background:transparent;font-size:17px}
.aw-people-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.aw-people-heading button{padding:3px 7px;font-size:12px;min-height:28px}
.aw-scope-heading{background:var(--scope-color);color:white;border-radius:3px}
.aw-page .aw-scope-toggle{display:flex;align-items:center;flex:1;gap:4px;border:0;background:transparent;color:inherit;text-align:left;padding:4px;min-height:30px;font-weight:600}
.aw-scope-heading .aw-dot{outline:1px solid #ffffff80}
.aw-page .aw-scope-heading>.aw-link,.aw-scope-heading>small{color:white}
.aw-scope-heading>small{padding:0 4px 4px}
.aw-role-row{background:color-mix(in srgb,var(--scope-color) 7%,white)}
.aw-role-target.selected>.aw-role-row{background:color-mix(in srgb,var(--scope-color) 14%,white)}
.aw-page .aw-permission{min-height:36px;padding:4px 6px}
@media(max-width:1100px) and (min-width:901px){.aw-workspace{grid-template-columns:minmax(240px,1.1fr) minmax(210px,1fr) minmax(290px,1.3fr)}}
@media(max-width:900px){.aw-workspace{grid-template-columns:minmax(220px,1.15fr) minmax(210px,1fr)}}
@media(max-width:600px){.aw-people{height:320px}.aw-employee-filters>input{min-width:100px}}
