.access-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.access-heading h2{margin:6px 0;font-size:28px;color:#152c45}.access-heading p{color:#62758b;max-width:640px}.access-eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;color:#2563eb!important}.access-context{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:20px;background:#fff;border:1px solid #dce5ee;border-radius:16px;padding:22px}.access-context label,.access-panel label{display:flex;flex-direction:column;gap:8px;font-weight:600;font-size:13px}.access-context select,.access-panel select{width:100%;min-height:42px;border:1px solid #cbd5e1;border-radius:9px;padding:8px;background:white}.access-context-status{display:flex;flex-direction:column;justify-content:center;gap:10px}.access-flow{display:flex;align-items:center;justify-content:space-around;gap:10px;padding:24px 0;color:#536c87;font-size:13px;font-weight:700}.access-columns{display:grid;grid-template-columns:.85fr 1.1fr 1.1fr;gap:18px}.access-panel{min-width:0;background:#fff;border:1px solid #dce5ee;border-radius:16px;padding:22px;box-shadow:0 6px 20px #233a5706}.access-panel header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.access-panel h3{font-size:15px;margin:0}.access-panel h2{font-size:22px}.access-panel p{line-height:1.6}.access-stat{font-size:36px;font-weight:700;color:#2563eb}.access-stat span{font-size:13px;font-weight:400;color:#64748b}.access-permissions{margin:16px 0;max-height:420px;overflow:auto}.access-permission{display:flex!important;align-items:center;gap:10px;width:100%;text-align:left;padding:12px!important;background:#f8fafc!important;color:#233a57!important;border:1px solid #e2e8f0!important;margin-bottom:7px}.access-permission>span:nth-child(2){flex:1}.access-permission small,.access-user small{display:block;font-size:11px;font-weight:400;color:#64748b;margin-top:5px;overflow-wrap:anywhere}.access-dot{height:10px;width:10px;border:2px solid #bac9d8;border-radius:50%;flex-shrink:0}.access-dot.selected{background:#16a085;border-color:#16a085}.access-badge{display:inline-block;font-size:11px;padding:6px 9px;border-radius:7px;line-height:1.4}.access-badge.ready{background:#e5f6ee;color:#176440}.access-badge.pending{background:#fff2d8;color:#85500b}.access-user{border-bottom:1px solid #e5edf4;padding:14px 0}.access-user .access-badge{margin:10px 0}.access-user>div{display:flex;gap:8px;flex-wrap:wrap}.access-count{background:#eef2ff;color:#3f51b5;padding:4px 10px;border-radius:20px}.access-empty{padding:24px 14px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;color:#64748b;font-size:13px}.access-note{margin:20px 0;color:#64748b;font-size:13px;line-height:1.6}.access-panel button:focus-visible,#access-map select:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}@media(max-width:1100px){.access-columns{grid-template-columns:1fr}.access-context{grid-template-columns:1fr 1fr}.access-context-status{grid-column:1/-1}}@media(max-width:600px){.access-heading{align-items:flex-start;flex-direction:column}.access-context{grid-template-columns:1fr}.access-flow{flex-wrap:wrap;font-size:11px}}
.access-app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.access-app-tile{position:relative;display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid #dce5ee;border-radius:12px;background:#f8fafc;overflow-wrap:anywhere}.access-app-tile small{color:#64748b;font-weight:400;line-height:1.5}.access-app-tile>.material-symbols-outlined{color:#2563eb;font-size:28px}.access-app-tile.selectable{cursor:pointer;transition:border-color .15s,background .15s}.access-app-tile.chosen{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 1px #2563eb}.access-app-tile input{align-self:flex-end;width:18px;height:18px;accent-color:#2563eb}.access-preview{display:flex;align-items:center;gap:24px;justify-content:space-between;background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;margin-top:20px;padding:24px}.access-preview>div{flex:1;min-width:0}.access-preview button{flex-shrink:0}.access-preview details{margin:16px 0}.access-preview summary{cursor:pointer}.access-chips{display:flex;flex-wrap:wrap;gap:8px}.access-chips span{background:white;border:1px solid #bfdbfe;padding:7px 12px;border-radius:20px;font-size:13px}.access-role-builder{margin-top:22px;border-top:1px solid #dce5ee;padding-top:22px}.access-role-builder .access-app-grid{margin:16px 0}.access-role-builder .access-permission{flex-direction:row}.access-permission input{width:18px;height:18px;flex-shrink:0}.access-feedback{padding:12px;border-radius:8px}.access-feedback:empty{display:none}.access-feedback.error{color:#991b1b;background:#fef2f2}.access-feedback.success{color:#166534;background:#f0fdf4}.admin-advanced summary{cursor:pointer;padding:15px;font-size:13px;color:#64748b}#access-map button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:700px){.access-preview{flex-direction:column;align-items:stretch}.access-panel header{flex-wrap:wrap}.access-app-grid{grid-template-columns:1fr}}