.roles-admin{--ra-green:var(--blue);--ra-deep:#24324a;--ra-border:#e0e6ee;--ra-muted:#68768c;display:grid;grid-template-columns:278px minmax(0,1fr);gap:18px;align-items:start;color:#24324a;min-width:0}
.roles-admin button,.roles-admin-dialog button{color:#33415a}.roles-admin button:hover,.roles-admin-dialog button:hover{background:#edf3ff;color:#1749aa}.roles-admin button:disabled,.roles-admin-dialog button:disabled{cursor:not-allowed;opacity:.45}.roles-admin input:focus,.roles-admin select:focus,.roles-admin button:focus-visible,.roles-admin-dialog input:focus,.roles-admin-dialog button:focus-visible{outline-color:#93b4fd}.roles-admin .ra-primary,.roles-admin-dialog .ra-primary{background:var(--blue);border-color:var(--blue);color:#fff}.roles-admin .ra-primary:hover,.roles-admin-dialog .ra-primary:hover{background:#1d4ed8;color:#fff}
.ra-list,.ra-card{background:#fff;border:1px solid var(--ra-border,#e0e6ee);border-radius:7px;min-width:0}.ra-list{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100vh - 155px);min-height:500px;position:sticky;top:20px}.ra-list-top{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:20px 14px 14px}.ra-list-top h2{font-size:15px;white-space:nowrap}.ra-list-top small{font-weight:400;margin-left:6px;font-size:11px;color:var(--muted)}.ra-text-button{border:0;padding:3px;background:transparent;font-size:12px;font-weight:600}.ra-search{display:flex;align-items:center;gap:8px;padding:8px 14px 12px}.ra-search input{width:100%;min-width:0;padding:8px 4px;border:0;border-bottom:1px solid #ced7e3;border-radius:0;font-size:12px}.ra-search>button{border:0;padding:8px 4px;white-space:nowrap;background:transparent;font-size:12px}.ra-sort{flex-direction:row;align-items:center;justify-content:space-between;padding:0 14px 12px;color:var(--muted);font-size:11px}.ra-sort select{font-size:11px;max-width:140px;padding:4px 6px}.ra-list-scroll{overflow:auto;min-height:0;flex:1}.ra-role{display:flex;width:100%;text-align:left;align-items:center;gap:13px;border:0;border-bottom:1px solid #e7edf4;border-radius:0;border-left:3px solid transparent;padding:14px 13px;background:white;min-height:65px}.ra-role.is-active{background:#edf3ff;border-left-color:var(--blue)}.ra-role:hover{background:#f8fbff}.ra-role-icon{font-size:21px;color:#8c98ab;flex:none}.ra-role-name{min-width:0;flex:1}.ra-role-name strong{font-size:13px;display:block;overflow-wrap:anywhere;line-height:1.5}.ra-role-name small{display:flex;gap:12px;font-size:11px;margin-top:3px;flex-wrap:wrap;color:var(--muted)}.ra-role-name em{font-style:normal;font-size:10px;background:#eef0f4;color:var(--muted);padding:1px 4px;border-radius:3px}.ra-list-legend{padding:12px 16px;font-size:11px;color:var(--muted);border-top:1px solid #e7edf4}
.ra-detail{min-width:0;display:grid;gap:14px}.ra-summary{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px}.ra-title{display:flex;align-items:center;gap:8px;padding-right:10px;border-right:1px solid var(--border);max-width:260px}.ra-title h2{font-size:19px;line-height:1.5;overflow-wrap:anywhere}.ra-icon-button{border:0;background:transparent;padding:5px;line-height:1.5;font-size:17px}.ra-summary-control{border:0;background:transparent;padding:5px 0;font-size:12px;white-space:nowrap}.ra-brand-label{display:flex;flex-direction:row;align-items:center;gap:7px}.ra-brand-label select{border:0;padding:5px 16px 5px 0;background:transparent;color:#33415a;max-width:160px;font-size:12px}.ra-summary-actions{margin-left:auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ra-summary-actions>button{font-size:12px;padding:8px 12px}.ra-more{position:relative;font-size:12px}.ra-more summary{cursor:pointer;padding:8px;list-style:none}.ra-more>div{position:absolute;right:0;top:100%;z-index:10;width:140px;padding:6px;background:white;border:1px solid var(--border);border-radius:6px;box-shadow:0 8px 18px #24324a19}.ra-more button{display:block;width:100%;text-align:left;font-size:12px;padding:9px;border:0;border-radius:3px}.ra-danger,.roles-admin .ra-danger{color:#ac3434!important}.ra-permission-card{overflow:hidden;padding:0 16px}.ra-tabs{display:flex;gap:0;overflow:auto;min-width:0;border-bottom:1px solid var(--border);padding-top:10px;scrollbar-width:thin;scrollbar-color:#c1d0e5 transparent}.ra-tabs button{flex:none;padding:16px 11px;border:0;border-radius:0;background:transparent;font-size:12px;border-bottom:2px solid transparent;white-space:nowrap}.ra-tabs button[aria-selected=true]{color:var(--blue);font-weight:600;border-bottom-color:var(--blue)}.ra-module{padding-top:20px}.ra-dimension{display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:start;gap:10px;padding:18px 0;border-bottom:1px solid #e7edf4}.ra-dimension h3{font-size:12px;line-height:24px;font-weight:600}.ra-options{display:flex;flex-wrap:wrap;gap:12px 23px}.ra-check{display:flex;flex-direction:row;gap:7px;align-items:start;line-height:20px;color:#33415a;font-size:12px;cursor:pointer}.ra-check input{accent-color:var(--blue);width:15px;height:15px;margin:2px 0 0;flex:none;padding:0}.ra-check input:disabled{cursor:not-allowed}.ra-check span{overflow-wrap:anywhere}.ra-bulk{display:flex;gap:8px;align-items:center;color:#8c98ab;font-size:11px}.ra-bulk button{color:var(--blue);border:0;background:transparent;padding:3px;font-size:11px}.ra-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:12px 20px;margin-top:12px}.ra-export-fields{padding-top:12px;border-top:1px dashed var(--border);margin-top:15px}.ra-hint{font-size:12px;color:var(--muted);line-height:1.8}.ra-module-scope{padding:14px 0;color:var(--muted);font-size:12px;line-height:1.8}.ra-alert{padding:12px 15px;border-radius:6px;border:1px solid #ead9aa;background:#fffbef;color:#81642b;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.ra-alert[hidden]{display:none}.ra-alert-error{background:#fff3f3;border-color:#edd0d0;color:#9b3333}.ra-alert button{margin-left:10px;background:transparent;padding:3px 8px;font-size:12px}.ra-alert ul{padding-left:18px}.ra-draft-notice{font-size:12px;color:#b07723;line-height:1.7}.ra-empty{text-align:center;color:var(--muted);font-size:13px;padding:30px 20px;line-height:1.8}
.ra-common-permissions{padding:15px 0 20px;border-top:1px solid var(--border);font-size:12px}.ra-common-permissions summary{cursor:pointer;font-weight:600;color:#33415a}.ra-common-permissions .ra-hint{margin:10px 0}.ra-common-permissions .ra-options{margin-top:12px}
.roles-admin-dialog{--ra-border:#e0e6ee;position:fixed;inset:0 0 0 auto;margin:0;width:740px;max-width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:0;overflow:hidden;color:#24324a;box-shadow:-10px 0 45px #16223822}.roles-admin-dialog::backdrop{background:#10203955}.roles-admin-dialog .ra-dialog-heading{grid-row:1;padding:25px 60px 20px;border-bottom:1px solid var(--border);text-align:center}.roles-admin-dialog .ra-dialog-heading h2{font-size:18px;overflow-wrap:anywhere}.roles-admin-dialog .ra-dialog-body{grid-row:3;display:grid;gap:18px;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:24px 40px;align-content:start}.roles-admin-dialog .ra-dialog-body>*{width:100%;max-width:640px;min-width:0;margin-inline:auto}.roles-admin-dialog .ra-dialog-footer{grid-row:4;display:flex;gap:12px;justify-content:center;align-items:center;border-top:1px solid var(--border);padding:16px 24px max(16px,env(safe-area-inset-bottom));background:#fff;flex-wrap:wrap}.roles-admin-dialog .ra-dialog-footer button{min-width:88px}.roles-admin-dialog #ra-dialog-error{grid-row:2;margin:12px 24px 0;max-height:22dvh;overflow:auto}.ra-form{display:grid;gap:15px}.ra-form label{font-size:12px;color:var(--muted)}.ra-form input,.ra-form select{width:100%;color:#33415a;border-color:#ced7e3}.ra-department-options{max-height:45vh;overflow:auto;border:1px solid var(--border);border-radius:5px}.ra-department-choice{padding:11px 14px;border-bottom:1px solid #e7edf4}.ra-department-choice[hidden]{display:none}.ra-member-list{max-height:42vh;overflow:auto;border:1px solid var(--border);border-radius:5px}.ra-member{display:grid;grid-template-columns:minmax(130px,1fr) minmax(100px,1.3fr) auto auto;gap:14px;align-items:center;padding:12px 14px;border-bottom:1px solid #e7edf4;font-size:12px}.ra-member:last-child{border-bottom:0}.ra-member strong{display:block;overflow-wrap:anywhere}.ra-member small{display:block;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}.ra-member>span{line-height:1.7;overflow-wrap:anywhere}.ra-member button{padding:6px 9px;font-size:12px}.ra-status{color:#3f8060;background:#e8f7ee;padding:3px 6px;border-radius:4px;white-space:nowrap}.ra-status.is-disabled{background:#eef0f4;color:var(--muted)}.ra-order-item{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}.ra-order-item strong{flex:1;overflow-wrap:anywhere}.ra-order-item button{padding:5px 10px}.ra-gap{margin-top:15px}.roles-admin-dialog #ra-brand-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:13px}
.roles-admin-dialog>#dialog-body{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;min-height:0;min-width:0}.roles-admin-dialog button{margin-top:0}.roles-admin-dialog .ra-dialog-heading h2{margin:0}.roles-admin-dialog .ra-dialog-body h3{margin:0}.roles-admin-dialog .ra-dialog-body h3.ra-gap{margin-top:15px}.roles-admin-dialog>#dialog-close{position:absolute;z-index:2;top:17px;right:20px;margin:0;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--border);background:#fff;padding:0;color:var(--muted);font-size:20px;line-height:1;border-radius:6px}
@media(max-width:1180px){.roles-admin{grid-template-columns:240px minmax(0,1fr)}.ra-summary{gap:10px}.ra-summary-actions{width:100%;justify-content:flex-end}.ra-dimension{grid-template-columns:100px minmax(0,1fr)}.ra-bulk{grid-column:2;justify-content:flex-end}.ra-fields{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}
@media(max-width:850px){.roles-admin{grid-template-columns:minmax(0,1fr)}.ra-list{position:static;min-height:0;max-height:320px}.ra-list-scroll{min-height:100px}.ra-list-top{padding:14px}.ra-sort{display:none}.ra-list-legend{padding:8px 14px}.ra-summary{padding:14px}.ra-title{max-width:100%;border:0}.ra-tabs button{padding:14px 9px}.ra-dimension{grid-template-columns:1fr;padding:16px 0;gap:9px}.ra-bulk{grid-column:1;justify-content:flex-start}.ra-fields{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.ra-member{grid-template-columns:minmax(0,1fr) auto;gap:8px}.ra-member>span:nth-child(2){grid-column:1/-1}.ra-member button{grid-column:2;grid-row:1}.roles-admin-dialog .ra-dialog-body{padding:20px}.roles-admin-dialog .ra-dialog-heading{padding:22px 56px 18px}.roles-admin-dialog>#dialog-close{top:16px;right:16px}.roles-admin-dialog #ra-dialog-error{margin-inline:20px}}