#employee-accounts .account-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}
#employee-accounts .account-stat{padding:15px 17px;border:1px solid #dbe4ec;border-radius:12px;background:#f7fafc;color:#66788a}
#employee-accounts .account-stat b{display:block;margin-top:5px;color:#173547;font-size:25px}
#employee-accounts .account-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px;padding:13px 15px;border-radius:10px;background:#f4f8f8}
#employee-accounts .account-toolbar p{margin:0;color:#607687;line-height:1.6}
#employee-accounts .account-table-wrap{overflow:auto;margin-top:14px;border:1px solid #e2e9ee;border-radius:11px}
#employee-accounts table{margin:0;min-width:850px}
#employee-accounts th{background:#f7f9fb}
#employee-accounts td{vertical-align:middle}
#employee-accounts .account-name{font-size:15px;color:#173547}
#employee-accounts .account-login{display:block;margin-top:3px;color:#6f8190;font-size:12px}
#employee-accounts .account-role{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;background:#eaf6f3;color:#176d64;font-size:12px;font-weight:700}
#employee-accounts .account-role.owner{background:#fff3cf;color:#805a00}
#employee-accounts .account-role.store_manager{background:#e9f0ff;color:#315c9e}
#employee-accounts .account-role.technician{background:#f1ecff;color:#62479e}
#employee-accounts .account-status{font-weight:700;color:#247268}
#employee-accounts .account-status.blocked{color:#a24b3d}
#employee-accounts .account-actions{display:flex;gap:7px;white-space:nowrap}
#employee-accounts .account-actions button{padding:7px 10px}
#employeeAccountPasswordHint{line-height:1.65}
#selfPasswordButton{padding:6px 10px!important;min-height:0;font-size:13px;line-height:1.25;border-radius:7px}
#selfPasswordForm input[readonly]{background:#f1f4f6;color:#687887;cursor:not-allowed}
@media(max-width:700px){
  #selfPasswordButton{padding:5px 8px!important;font-size:12px}
  #employee-accounts .card{padding:13px}
  #employee-accounts .account-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #employee-accounts .account-stat{padding:11px 13px}
  #employee-accounts .account-stat b{font-size:21px}
  #employee-accounts .account-toolbar{padding:11px 12px}
}