.role-grid .custom-role{grid-column:1/-1;min-height:0;display:grid;grid-template-columns:42px 1fr auto;gap:15px;align-items:start;border-style:dashed;border-color:rgba(186,251,40,.48);background:linear-gradient(110deg,rgba(30,48,61,.96),rgba(22,43,45,.96))}.custom-role .role-title{margin:1px 0 6px}.custom-role h3{font-size:16px}.custom-role p:not(.role-title){margin:6px 0 10px;max-width:650px}.permission-preview{display:flex;flex-wrap:wrap;gap:7px}.permission-preview span{padding:5px 8px;border-radius:8px;background:rgba(186,251,40,.1);color:#c7d8c6;font-size:10px}.custom-role .dark-button{align-self:center;white-space:nowrap}.ui-modal label:has(input[type="checkbox"]){display:flex;align-items:center;gap:9px;margin:10px 0;color:#d8e1ea;font-size:12px}.ui-modal input[type="checkbox"]{width:16px;height:16px;margin:0;accent-color:#bafb28}@media(max-width:700px){.role-grid .custom-role{grid-template-columns:38px 1fr}.custom-role .dark-button{grid-column:1/-1;width:100%}}