#view-access .module-head{margin-bottom:18px}
#view-access .module-head h1{font-size:27px;line-height:1.12}
#view-access .module-head p{font-size:14px;line-height:1.45}
#view-access .module-head .module-add{min-height:48px;font-size:14px}
#view-access .module-info{margin-bottom:16px;padding:16px;font-size:14px;line-height:1.5}
#view-access .module-info strong{font-size:16px}
#view-access #userList{gap:13px}
#view-access .access-user-card{grid-template-columns:58px minmax(0,1fr) auto;gap:12px 15px;padding:17px;border-radius:19px;box-shadow:0 7px 22px rgba(23,58,97,.045)}
#view-access .access-user-card>.avatar{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#e7f3fb;color:#0865a7;font-size:22px;font-weight:900}
#view-access .access-user-main{min-width:0}
#view-access .access-user-main h3{font-size:18px;line-height:1.25}
#view-access .access-user-main p{overflow:hidden;margin:5px 0 3px;font-size:14px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
#view-access .access-user-main small{font-size:13px;line-height:1.35}
#view-access .access-user-card>.item-edit{grid-column:3;min-width:72px;min-height:44px;padding:0 14px;font-size:14px;align-self:center}
.access-user-permission{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 3px 1px;border-top:1px solid #e1e9f0}
.access-user-permission>span{min-width:0}
.access-user-permission b,.access-user-permission small{display:block}
.access-user-permission b{color:#153d65;font-size:15px;line-height:1.3}
.access-user-permission small{margin-top:4px;color:#74889c;font-size:12px;line-height:1.4}
.access-user-permission .feature-switch{flex:0 0 auto}
#formDialog[data-type="user"] .dialog-card{max-width:520px}
#formDialog[data-type="user"] .dialog-head h2{font-size:27px}
#formDialog[data-type="user"] .access-form-grid{gap:16px}
#formDialog[data-type="user"] .access-form-grid>label{font-size:14px}
#formDialog[data-type="user"] .access-form-grid input,#formDialog[data-type="user"] .access-form-grid select{min-height:52px;font-size:16px}
.permission-switch-field{gap:16px;min-height:82px;padding:15px!important}
.permission-switch-field.hidden{display:none!important}
.permission-switch-field>span{min-width:0}
.permission-switch-field>span b{font-size:15px}
.permission-switch-field>span small{font-size:12px;line-height:1.45}
.access-permission-dialog .dialog-card{max-width:500px;text-align:center}
.access-permission-dialog .feature-confirm-icon{margin-inline:auto}
.access-permission-dialog h2{max-width:390px;margin-inline:auto;font-size:25px}
.access-permission-dialog p{font-size:15px;line-height:1.55}
.access-permission-dialog .dialog-actions button{min-height:50px;font-size:14px}
@media(max-width:420px){
  #view-access .access-user-card{grid-template-columns:52px minmax(0,1fr) auto;padding:15px;gap:11px 12px}
  #view-access .access-user-card>.avatar{width:52px;height:52px}
  #view-access .access-user-main h3{font-size:17px}
  #view-access .access-user-main p{font-size:13px}
  #view-access .access-user-main small{font-size:12px}
  #view-access .access-user-card>.item-edit{min-width:66px;padding-inline:11px}
  .access-user-permission{align-items:flex-start}
  .access-user-permission small{max-width:235px}
  .access-permission-dialog .dialog-actions{grid-template-columns:.85fr 1.4fr}
  .access-permission-dialog .dialog-actions button{padding-inline:9px;font-size:13px}
}