/* ARGMS v2.5.2 - wit RDS-logo en professioneel toegangsbeheer */
.brand{min-width:300px!important}
.brand-logo{background:transparent!important;border-radius:0!important;padding:0!important;box-shadow:none!important;height:48px!important;width:122px;overflow:visible}
.brand-logo img{width:118px!important;height:41px!important;object-fit:contain!important;filter:drop-shadow(0 2px 7px rgba(0,0,0,.25))}
.login-brand252{margin:-30px -30px 23px;padding:24px 34px 20px;border-radius:18px 18px 0 0;background:linear-gradient(135deg,#13283b,#0b1724);display:flex;align-items:center;justify-content:center;min-height:115px}
.login-brand252 img{width:min(320px,78%);height:76px!important;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.22))}

.access-summary252{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.access-stat252{padding:16px;border:1px solid #e1e8f0;background:linear-gradient(145deg,#fff,#f8fbfd);border-radius:13px}
.access-stat252 span{display:block;font-size:12px;color:#64748b;margin-bottom:6px}.access-stat252 strong{font-size:24px;color:#13283b}
.access-layout252{display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px;align-items:start}
.role-browser252{background:#fff;border:1px solid #dfe6ee;border-radius:15px;overflow:hidden;position:sticky;top:88px}
.role-browser-head252{padding:17px 18px;border-bottom:1px solid #e7edf3;background:#f8fafc}
.role-browser-head252 strong{display:block;color:#13283b}.role-browser-head252 span{display:block;font-size:12px;color:#64748b;margin-top:3px}
.role-select-card252{width:100%;display:grid;grid-template-columns:43px 1fr auto;gap:11px;align-items:center;text-align:left;border:0;border-bottom:1px solid #edf1f5;background:#fff;padding:13px 15px;cursor:pointer;color:#334155}
.role-select-card252:last-child{border-bottom:0}.role-select-card252:hover{background:#f8fbfd}.role-select-card252.active{background:#edf6fc;color:#0f4f7e;box-shadow:inset 3px 0 #2b8bc5}
.role-avatar252{width:40px;height:40px;border-radius:11px;background:#e8eff5;color:#34566f;display:grid;place-items:center;font-weight:850;font-size:15px}
.role-select-card252.active .role-avatar252{background:#155f8d;color:#fff}
.role-select-card252 strong{display:block;font-size:13px}.role-select-card252 small{display:block;color:#7b8793;margin-top:3px;font-size:11px}.role-count252{font-size:11px;font-weight:800;padding:4px 7px;border-radius:99px;background:#eef2f6;color:#5c6b78}

.role-workspace252{min-width:0}.role-hero252{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;padding:20px;border:1px solid #dfe6ee;border-radius:15px;background:linear-gradient(135deg,#fff 30%,#f2f8fc)}
.role-identity252{display:flex;gap:14px;align-items:center}.role-identity252 .role-avatar252{width:53px;height:53px;border-radius:15px;background:#155f8d;color:#fff;font-size:19px}
.role-identity252 h2{margin:0 0 5px;font-size:20px;color:#13283b}.role-identity252 p{margin:0;color:#64748b;font-size:13px;max-width:540px}.role-actions252{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.role-metrics252{display:flex;gap:18px;flex-wrap:wrap;margin-top:15px}.role-metric252 span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#83909c}.role-metric252 strong{display:block;margin-top:3px;font-size:14px;color:#24384a}
.permission-section252{margin-top:13px;border:1px solid #dfe6ee;border-radius:13px;background:#fff;overflow:hidden}
.permission-section-head252{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;background:#f8fafc;border-bottom:1px solid #e8edf2}
.permission-section-head252 strong{color:#253d50;font-size:13px}.permission-section-head252 span{font-size:11px;color:#7b8793;margin-left:7px}.permission-section-head252 button{border:0;background:transparent;color:#17699a;font-weight:750;font-size:11px;cursor:pointer}
.permission-list252{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.permission-row252{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border-bottom:1px solid #edf1f4;min-height:57px}.permission-row252:nth-child(odd){border-right:1px solid #edf1f4}.permission-row252 strong{display:block;font-size:12px;color:#334155}.permission-row252 small{display:block;font-size:10px;color:#8a96a3;margin-top:3px}
.switch252{position:relative;display:inline-flex;flex:0 0 auto}.switch252 input{position:absolute;opacity:0;pointer-events:none}.switch-track252{width:38px;height:22px;border-radius:99px;background:#cbd5df;position:relative;transition:.18s;cursor:pointer}.switch-track252:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:.18s}.switch252 input:checked+.switch-track252{background:#2381b9}.switch252 input:checked+.switch-track252:after{transform:translateX(16px)}.switch252 input:disabled+.switch-track252{opacity:.55;cursor:not-allowed}
.role-savebar252{position:sticky;bottom:13px;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;border:1px solid #cad7e1;border-radius:13px;background:rgba(255,255,255,.94);backdrop-filter:blur(9px);box-shadow:0 8px 25px rgba(25,53,74,.12);z-index:2}.role-savebar252 span{font-size:12px;color:#64748b}
@media(max-width:1100px){.access-layout252{grid-template-columns:250px minmax(0,1fr)}.permission-list252{grid-template-columns:1fr}.permission-row252:nth-child(odd){border-right:0}}
@media(max-width:820px){.brand{min-width:auto!important}.access-summary252{grid-template-columns:repeat(2,1fr)}.access-layout252{grid-template-columns:1fr}.role-browser252{position:static}.role-hero252{flex-direction:column}.role-actions252{justify-content:flex-start}}
@media(max-width:520px){.access-summary252{grid-template-columns:1fr}.permission-list252{grid-template-columns:1fr}}