.frac-role-settings>.panel-title h2{display:flex;align-items:center;gap:10px}.frac-role-settings>.panel-title svg{width:20px;height:20px}.frac-role-settings>p{font-size:14px;font-weight:400;color:var(--frac-muted,#526777);margin:0 0 22px}.frac-role-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.frac-role-card{border:1px solid #dce4e9;border-radius:18px;padding:20px;background:#fff;box-shadow:0 8px 24px #142b3d06}.frac-role-card h3{font-size:18px;margin:0 0 20px}.frac-role-card h4{font-size:12px;text-transform:uppercase;color:#526777;margin:18px 0 10px}.frac-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.frac-role-item{display:flex;flex-direction:column;justify-content:space-between;gap:20px;background:#f7f9fb;border:1px solid #dce4e9;border-radius:12px;padding:12px;min-width:0}.frac-role-item>span{color:#526777}.frac-access-pill,.frac-role-item>span{font-size:12px;font-weight:700;text-transform:uppercase}.frac-access-pill{width:100%;min-height:36px;border-radius:999px;cursor:pointer;border:1px solid #dce4e9;color:#1a2c38;background:#edf1f4}.frac-access-pill.is-view{background:#edf3fa;border-color:#cad9e9}.frac-access-pill.is-modify{background:#e9f4ef;border-color:#bdd9ce}.frac-access-pill:disabled{cursor:default;opacity:1}.frac-access-pill:focus-visible{outline:2px solid #526777;outline-offset:3px}.frac-role-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:18px}.frac-role-actions .frac-btn{min-width:94px}.frac-role-actions small{color:#526777;font-size:12px}@media(max-width:1100px){.frac-role-list{grid-template-columns:1fr}}@media(max-width:520px){.frac-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.frac-role-card{padding:14px}}