.access-tabs{display:flex;gap:6px;border-bottom:1px solid var(--border,#dce4de);margin-bottom:22px;flex-wrap:wrap}.access-tabs a{padding:12px 17px;color:var(--muted,#64716b);border-bottom:3px solid transparent;text-decoration:none;font-weight:600}.access-tabs a[aria-current=page]{color:#194c41;border-color:#194c41}.permission-layout{display:grid;grid-template-columns:185px minmax(0,1fr);gap:22px}.permission-role-list{align-self:start;position:sticky;top:20px;display:grid;gap:9px}.permission-role-list>button{display:block;text-align:left;white-space:normal;padding:14px}.permission-role-list>button strong,.permission-role-list>button small{display:block}.permission-role-list>button small{margin-top:6px;color:#6b7971;font-size:11px}.permission-role-list>button[aria-pressed=true]{background:#e9f2ed;border-color:#194c41;box-shadow:inset 3px 0 #194c41}.permission-boss-note{padding:16px 10px;color:#53665d;font-size:12px}.permission-boss-note p{line-height:1.7}.permission-main{min-width:0}.permission-main .panel-head p{font-size:12px;color:#68776e;line-height:1.7;margin-bottom:0;max-width:700px}.permission-features{padding:8px 22px 15px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.permission-feature{display:flex;align-items:flex-start;gap:11px;padding:15px;border:1px solid #e0e7e1;border-radius:8px;cursor:pointer;margin:0}.permission-feature input,.permission-matrix input{width:18px;height:18px;min-width:18px;margin:1px 0 0;accent-color:#194c41;cursor:pointer}.permission-feature strong,.permission-feature small{display:block}.permission-feature small{color:#68776e;font-size:12px;line-height:1.6;margin-top:6px}.permission-profit{background:#fbf8ee;border-color:#dfd4ae}.permission-help{font-size:12px;line-height:1.8;color:#627268;padding:0 22px 16px;margin:0}.permission-document-heading{gap:20px;align-items:start}.permission-document-heading label{flex:0 0 220px;font-size:12px}.permission-document-heading input{margin-top:6px}.permission-group h3{padding:13px 22px;background:#f3f6f2;font-size:13px;margin:0;border-top:1px solid #e3e8e2}.permission-matrix{min-width:700px;width:100%;table-layout:fixed}.permission-matrix thead th:first-child,.permission-matrix th[scope=row]{width:190px;text-align:left}.permission-matrix td,.permission-matrix thead th:not(:first-child){text-align:center;white-space:normal;font-size:12px}.permission-matrix th[scope=row]{font-size:12px;font-weight:500;color:#243b30;white-space:normal}.permission-save-bar{position:sticky;bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:15px 0 0;padding:15px 22px;background:#fff;border:1px solid #d5dfd6;box-shadow:0 4px 18px #203d2e15;border-radius:10px;z-index:15;font-size:13px}.permission-save-bar button{white-space:nowrap}.permission-save-bar [role=status]{color:#53665d}.customer-management-entry{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px}.customer-management-entry p{margin:5px 0 0;color:#68776e;font-size:13px}@media(max-width:1050px){.permission-layout{grid-template-columns:1fr}.permission-role-list{position:static;grid-template-columns:repeat(3,1fr)}.permission-boss-note{grid-column:1/-1;padding:0 10px}.permission-boss-note p{display:inline;margin-left:8px}.permission-features{grid-template-columns:1fr}.permission-document-heading{flex-direction:column}.permission-document-heading label{flex:auto;width:100%}}@media(max-width:680px){.permission-role-list{grid-template-columns:repeat(2,1fr)}.permission-save-bar{align-items:stretch;flex-direction:column}.access-tabs a{padding:10px;font-size:12px}}

/* One scroll surface keeps the same permission columns visible across groups. */
.permission-table-scroll{max-height:65vh;overflow:auto;position:relative;scrollbar-gutter:stable;scroll-padding-top:72px}
.permission-table-scroll:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
.permission-table-scroll .permission-matrix{border-collapse:separate;border-spacing:0}
.permission-table-scroll .permission-matrix thead th{position:sticky;top:0;z-index:3;background:#f3f6f2;color:#40594b;box-shadow:0 1px 0 #d5dfd6}
.permission-table-scroll .permission-group-heading th{padding:13px 22px;background:#edf3ef;color:#375345;font-weight:600;text-align:left;border-top:1px solid #dfe7df}