/* Evolution RP — Dynamic ranks + responsibility portal. Scoped additions only. */
.nav-responsibility{display:inline-flex!important;align-items:center;gap:7px}.nav-responsibility>b{min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.08);font-size:8px;line-height:1;color:#fff}
html[data-theme="halloween"] .nav-responsibility{border-color:rgba(237,102,39,.28)!important;box-shadow:inset 0 0 0 1px rgba(111,52,139,.08)}
html[data-theme="christmas"] .nav-responsibility{border-color:rgba(225,190,105,.24)!important;box-shadow:inset 0 0 0 1px rgba(66,133,110,.10)}
html[data-theme="newyear"] .nav-responsibility{border-color:rgba(217,180,91,.28)!important;box-shadow:inset 0 0 0 1px rgba(210,220,235,.07)}

.rank-stats,.responsibility-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}.rank-stat,.responsibility-stat{min-width:0;padding:17px;border:1px solid #25262c;border-radius:14px;background:linear-gradient(145deg,rgba(17,18,22,.88),rgba(10,11,14,.90));box-shadow:inset 0 1px rgba(255,255,255,.025)}.rank-stat span,.responsibility-stat span{display:block;color:#777c86;font-size:9px;font-weight:900;letter-spacing:.08em}.rank-stat strong,.responsibility-stat strong{display:block;margin-top:7px;font-size:24px;line-height:1}.rank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rank-card{position:relative;overflow:hidden;padding:18px;border:1px solid #25262d;border-radius:16px;background:rgba(13,14,17,.9);box-shadow:0 12px 34px rgba(0,0,0,.18)}.rank-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--rank-color,var(--red))}.rank-card-head{display:flex;justify-content:space-between;gap:14px;align-items:start}.rank-card-title{display:flex;gap:11px;align-items:center;min-width:0}.rank-icon{width:37px;height:37px;display:grid;place-items:center;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--rank-color,var(--red)) 35%,#2a2b31);border-radius:11px;background:color-mix(in srgb,var(--rank-color,var(--red)) 10%,#101116);color:var(--rank-color,var(--red));font-weight:950}.rank-card h3{margin:0;font-size:14px}.rank-card p{margin:5px 0 0;color:#888d96;font-size:11px;line-height:1.45}.rank-card-meta{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.rank-pill{display:inline-flex;align-items:center;gap:5px;min-height:25px;padding:0 8px;border:1px solid #2d2f36;border-radius:999px;color:#a6aab3;font-size:8px;font-weight:900;letter-spacing:.05em}.rank-pill.on{border-color:rgba(69,190,118,.23);background:rgba(69,190,118,.05);color:#75cd98}.rank-pill.protected{border-color:rgba(140,108,255,.25);background:rgba(140,108,255,.055);color:#aa95ff}.rank-pill.archived{border-color:rgba(255,255,255,.08);color:#686c75}.rank-card-actions{display:flex;flex-wrap:wrap;gap:8px}.rank-card form{margin:0}.rank-archive-row{display:flex;gap:7px;align-items:center;margin-top:10px}.rank-archive-row select{min-width:150px}

.rank-editor{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:16px;align-items:start}.rank-editor-main,.rank-permissions,.rank-access-summary,.rank-user-manager{border:1px solid #25262d;border-radius:16px;background:#0d0e11}.rank-editor-main,.rank-permissions,.rank-access-summary{padding:18px}.rank-editor-main{position:sticky;top:18px}.rank-editor-main .field+.field{margin-top:12px}.rank-color-row{display:grid;grid-template-columns:1fr 76px;gap:8px}.rank-color-row input[type=color]{width:100%;height:44px;padding:4px;border:1px solid #2a2b31;border-radius:10px;background:#111216}.rank-permission-groups{display:grid;gap:10px}.rank-permission-group{border:1px solid #24262c;border-radius:13px;background:#0a0b0e}.rank-permission-group>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 15px;font-weight:900;font-size:10px;letter-spacing:.07em}.rank-permission-group>summary::-webkit-details-marker{display:none}.rank-permission-group[open]>summary{border-bottom:1px solid #22242a}.rank-permission-list{display:grid;gap:0;padding:4px 14px 10px}.rank-capability{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04);align-items:start}.rank-capability:last-child{border:0}.rank-capability input{margin-top:2px}.rank-capability b,.rank-capability small{display:block}.rank-capability b{font-size:11px}.rank-capability small{margin-top:3px;color:#777c86;line-height:1.4}.rank-group-actions{display:flex;gap:6px;align-items:center}.rank-mini-button{appearance:none;border:1px solid #30323a;border-radius:8px;background:#121319;color:#aeb2bb;padding:6px 8px;font:800 8px/1 inherit;cursor:pointer}.rank-access-summary{grid-column:1/-1}.rank-access-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rank-access-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.rank-access-list span{padding:7px 9px;border:1px solid #2b2d34;border-radius:8px;background:#101116;color:#aeb2ba;font-size:9px;font-weight:850}.rank-access-list.denied span{color:#777c85}.rank-savebar{position:sticky;bottom:12px;z-index:6;grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;padding:10px;border:1px solid #292b32;border-radius:13px;background:rgba(10,11,14,.94);backdrop-filter:blur(12px);box-shadow:0 15px 40px rgba(0,0,0,.36)}

.rank-users-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:13px}.rank-users-table{display:grid;gap:8px}.rank-user-row{display:grid;grid-template-columns:minmax(210px,1fr) 150px minmax(180px,.8fr) 145px 180px;gap:10px;align-items:center;padding:11px 13px;border:1px solid #24262c;border-radius:12px;background:#0d0e11}.rank-user-person{display:flex;gap:10px;align-items:center;min-width:0}.rank-user-person img{width:38px;height:38px;border-radius:10px;object-fit:cover}.rank-user-person b,.rank-user-person small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-user-person small{color:#777c85}.rank-user-person a{display:inline-block;margin-top:3px;color:#8f95a0;font-size:8px;font-weight:850;text-decoration:none}.rank-user-person a:hover{color:#fff}.rank-user-meta span,.rank-user-meta small{display:block}.rank-user-meta span{font-size:8px;font-weight:900;color:#9ba0aa}.rank-user-meta small{margin-top:4px;color:#70757f;font-size:8px}.rank-responsibilities{display:flex;gap:5px;flex-wrap:wrap}.rank-responsibilities span{padding:5px 7px;border:1px solid #2c2e35;border-radius:7px;color:#9297a0;font-size:8px}.rank-user-row form{display:flex;gap:6px}.rank-user-row select{min-width:0;width:100%}

.responsibility-header-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);gap:14px;margin-bottom:16px}.responsibility-hero-card,.responsibility-scope-card{padding:20px;border:1px solid #262830;border-radius:17px;background:linear-gradient(145deg,rgba(14,15,19,.92),rgba(9,10,13,.9));box-shadow:0 18px 45px rgba(0,0,0,.2)}.responsibility-hero-title{display:flex;gap:12px;align-items:center}.responsibility-hero-title .rank-icon{width:46px;height:46px}.responsibility-hero-card h1{margin:0}.responsibility-hero-card p{color:#8b9099}.responsibility-scope-card h3{margin:0 0 8px}.responsibility-scope-card ul{margin:0;padding-left:18px;color:#999da6}.responsibility-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.responsibility-card{position:relative;padding:18px;border:1px solid #272931;border-radius:15px;background:#0d0e12;color:inherit;text-decoration:none;transition:.18s ease}.responsibility-card:hover{transform:translateY(-2px);border-color:#353843}.responsibility-card h3{margin:0}.responsibility-card p{margin:6px 0 14px;color:#858a94}.responsibility-card-footer{display:flex;justify-content:space-between;gap:10px;align-items:center}.responsibility-card-count{display:flex;gap:9px}.responsibility-card-count span{display:grid;gap:2px}.responsibility-card-count b{font-size:15px}.responsibility-card-count small{color:#717680;font-size:8px}.responsibility-type-list{display:grid;gap:10px}.responsibility-type{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid #262830;border-radius:13px;background:#0d0e11}.responsibility-type h3{margin:0}.responsibility-type p{margin:5px 0 0;color:#818690}.responsibility-type-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}

@media(max-width:1000px){.rank-editor{grid-template-columns:1fr}.rank-editor-main{position:static}.rank-grid,.responsibility-grid{grid-template-columns:1fr}.rank-user-row{grid-template-columns:1fr 150px}.rank-user-row>:nth-child(3),.rank-user-row>:nth-child(4),.rank-user-row>:nth-child(5){grid-column:1/-1}.responsibility-header-grid{grid-template-columns:1fr}}
@media(max-width:720px){.rank-stats,.responsibility-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-users-toolbar{align-items:stretch;flex-direction:column}.rank-user-row{grid-template-columns:1fr}.rank-user-row>*{grid-column:1!important}.rank-access-columns{grid-template-columns:1fr}.rank-editor-main,.rank-permissions,.rank-access-summary{padding:14px}.responsibility-type{grid-template-columns:1fr}.responsibility-type-actions{justify-content:flex-start}.nav-responsibility b{font-size:7px}}