/* v6 | role management | Discord-inspired visual */
.v6-role-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:24px;align-items:start;min-width:0}
.v6-role-list{background:#232428;border:1px solid #3c3d44;border-radius:8px;padding:8px;min-width:0}
.v6-role-head{display:flex;align-items:center;justify-content:space-between;padding:7px 10px 13px;color:#bfc2cb;font-size:11px;letter-spacing:.4px}
.v6-role-row{width:100%;min-height:52px;display:flex;align-items:center;gap:11px;border:0;background:transparent;color:#e1e3e9;border-radius:5px;text-align:left;padding:8px 10px;cursor:pointer;font:inherit}
.v6-role-row:hover,.v6-role-row.active{background:#3b3d45}.v6-role-row.active{box-shadow:inset 3px 0 0 #6673ff}
.v6-role-color{height:13px;width:13px;min-width:13px;border-radius:100%;border:1px solid #ffffff16;display:inline-block}
.v6-role-name{display:grid;gap:4px;font-size:13px;font-weight:660;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.v6-role-name small{font-size:10px;color:#a5a8b3;font-weight:450;white-space:nowrap}
.v6-role-editor{background:#2c2e35;border:1px solid #42454d;padding:22px;border-radius:8px;min-width:0}
.v6-role-editor .v5-form h3{font-size:17px;font-weight:700;margin:0}
.v6-permission-head{border-top:1px solid #474951;padding-top:15px;color:#a3a7b2;font-size:10px;font-weight:760;letter-spacing:.45px}
.v6-permissions{display:grid;gap:7px}
.v6-permission{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start;gap:12px!important;background:#24262c;border:1px solid #41434b;border-radius:7px;padding:12px;letter-spacing:normal!important;text-transform:none!important;cursor:pointer}
.v6-permission input{width:18px;min-width:18px;height:18px;accent-color:#5865f2;cursor:pointer}
.v6-permission>span{display:grid;gap:4px}
.v6-permission b{font-size:12px;color:#f0f1f5}.v6-permission small{font-size:11px;color:#a7abb6;line-height:1.3}
.v6-role-badge{display:inline-flex;gap:5px;align-items:center;background:#23252b;border:1px solid #474950;color:var(--role-color);border-radius:5px;padding:3px 7px;font-size:11px;font-weight:620}
.v6-role-badge i{display:block;width:9px;height:9px;background:var(--role-color);border-radius:50%}
.v6-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:3px}.v6-badges:empty{display:none}
.v6-person-row{overflow:visible}.v6-assign{position:relative}.v6-assign details{position:relative}
.v6-assign summary{list-style:none;cursor:pointer;white-space:nowrap}.v6-assign summary::-webkit-details-marker{display:none}
.v6-assign-list{position:absolute;right:0;top:calc(100% + 5px);min-width:225px;max-height:225px;overflow:auto;z-index:12;display:grid;background:#17181d;border:1px solid #4a4b55;border-radius:8px;padding:8px;box-shadow:0 12px 32px #0009}
.v6-assign-option{display:flex;align-items:center;gap:10px;padding:8px;font-size:12px;cursor:pointer;border-radius:4px}.v6-assign-option:hover{background:#31333b}.v6-assign-option.disabled{opacity:.4;cursor:not-allowed}.v6-assign-option input{accent-color:#5865f2}
.v6-profile-roles{margin:12px 0 6px;display:flex;gap:6px;flex-wrap:wrap}.v6-profile-roles:empty{display:none}
@media(max-width:900px){.v6-role-layout{grid-template-columns:1fr}.v6-role-list{display:grid;grid-template-columns:1fr 1fr}.v6-role-head{grid-column:1/-1}.v6-role-editor{padding:16px}}
@media(max-width:540px){.v6-role-list{grid-template-columns:1fr}.v6-person-row{align-items:flex-start}.v6-assign-list{right:0;min-width:190px}.v6-role-badge{font-size:10px}}
.v6-context-menu{position:fixed;min-width:210px;padding:7px;background:#121318;border:1px solid #353741;border-radius:8px;box-shadow:0 12px 40px #0009;z-index:99999}
.v6-context-menu button{display:block;width:100%;text-align:left;color:#e2e4ec;font-size:12px;font-weight:550;border:0;background:none;border-radius:4px;padding:10px;cursor:pointer}
.v6-context-menu button:hover{background:#5765e2;color:#fff}
.v6-context-menu button[data-context-action=delete]{color:#ff7a82}
.v6-context-menu button[data-context-action=delete]:hover{background:#882b37;color:#fff}
.v6-context-sep{height:1px;background:#353740;margin:5px 0}
