.user-admin-grid{max-width:1180px;margin:0 auto .75rem;display:grid;grid-template-columns:.78fr 1.5fr;gap:.7rem}.staff-form{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.staff-form .field,.role-form .field,.role-edit .field{display:grid;gap:.2rem}.staff-form .full{grid-column:1/-1}.staff-form label,.role-form label,.role-edit label{font-size:.7rem;font-weight:750;color:#294661}.staff-form input,.staff-form select,.role-form input,.role-edit input{padding:.5rem .6rem;border:1px solid #cbdcda;border-radius:9px}.staff-form button{grid-column:1/-1}
.rights-guide{max-width:1180px;margin:0 auto .75rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.8rem 1rem;border:1px solid #b9ddd6;border-radius:15px;background:linear-gradient(120deg,#eaf8f4,#fffdf1)}.rights-guide-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#087f72;color:#fff;font-size:1.1rem;font-weight:900}.rights-guide strong{display:block;color:#123751}.rights-guide p{margin:.16rem 0 0;color:#60768a;font-size:.72rem}.rights-guide-steps{display:flex;gap:.35rem}.rights-guide-steps span{display:flex;align-items:center;gap:.3rem;padding:.35rem .5rem;border:1px solid #d7e7e4;border-radius:9px;background:#fff;font-size:.63rem;color:#365268;white-space:nowrap}.rights-guide-steps b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e2f5ef;color:#08756c}
.role-name-row{display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:end;gap:.65rem}.permission-counter{display:flex;align-items:baseline;gap:.3rem;min-width:110px;padding:.48rem .65rem;border-radius:10px;background:#eef8f6;color:#496477}.permission-counter strong{font-size:1rem;color:#08756c}.permission-counter span{font-size:.62rem}.permission-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:.45rem;align-items:end;margin:.65rem 0}.permission-toolbar label{display:grid;gap:.2rem}.permission-toolbar label>span{font-size:.65rem;font-weight:800;color:#294661}.permission-toolbar input{min-height:39px}.permission-toolbar .btn{min-height:39px;padding:.45rem .65rem;font-size:.68rem}
.permission-grid,.permission-edit-groups{display:grid;grid-template-columns:1fr;gap:.5rem;margin:.55rem 0}.permission-group{min-width:0;border:1px solid #d5e5e2;border-radius:12px;background:#fbfdfd;overflow:hidden}.permission-group[open]{box-shadow:0 7px 18px #14324d0a}.permission-group>summary{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.62rem .7rem;background:#f3f9f7;cursor:pointer;list-style:none}.permission-group>summary::-webkit-details-marker{display:none}.permission-group>summary>span:first-child{display:flex;align-items:baseline;gap:.45rem}.permission-group>summary strong{font-size:.76rem;color:#0a675f}.permission-group>summary small{font-size:.59rem;color:#718096}.permission-group-tools{display:flex;gap:.3rem}.permission-group-tools button{border:1px solid #bddbd6;border-radius:7px;background:#fff;color:#08756c;padding:.25rem .42rem;font:700 .58rem inherit;cursor:pointer}.permission-group-tools button:last-child{color:#785d50}.permission-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:.35rem;background:#e7efed}.permission-options label{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.48rem;align-items:start;padding:.48rem;background:#fff;border-radius:7px;cursor:pointer}.permission-options label:hover{background:#eef8f6}.permission-options label[hidden]{display:none}.permission-options input{width:18px;height:18px;flex:0 0 auto;margin-top:.05rem;accent-color:#087f72}.permission-options label span{min-width:0}.permission-options strong,.permission-options small{display:block}.permission-options strong{font-size:.68rem;color:#173b57;line-height:1.25}.permission-options small{margin-top:.12rem;font-size:.53rem;font-weight:500;color:#718096;overflow-wrap:anywhere}.permission-action{align-self:start;padding:.18rem .3rem;border-radius:6px;background:#edf5f3;color:#557369;font-size:.53rem;font-style:normal;font-weight:800;white-space:nowrap}.role-list,.staff-list{max-width:1180px;margin:0 auto .75rem}.role-card{border-top:1px solid #e5eceb;padding:.5rem}.role-card>summary{display:flex;justify-content:space-between;cursor:pointer;padding:.25rem}.role-card>summary span{font-size:.72rem;color:#718096}.role-edit{margin-top:.55rem;padding:.6rem;border-radius:12px;background:#fafdfc}.staff-list td small{display:block;color:#718096}
@media(max-width:900px){.user-admin-grid{grid-template-columns:1fr}.rights-guide{grid-template-columns:auto 1fr}.rights-guide-steps{grid-column:1/-1}.permission-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.staff-form,.role-name-row,.permission-toolbar,.permission-options{grid-template-columns:1fr}.staff-form .full,.staff-form button{grid-column:auto}.rights-guide{grid-template-columns:auto 1fr;padding:.7rem}.rights-guide-steps{display:grid;grid-template-columns:1fr}.permission-counter{min-width:0}.permission-toolbar .btn{width:100%}.permission-group>summary{align-items:flex-start}.permission-group>summary>span:first-child{display:grid;gap:.05rem}.permission-options label{grid-template-columns:auto minmax(0,1fr)}.permission-action{grid-column:2}.permission-options strong{font-size:.66rem}}