#userAdminView .user-admin-layout{display:block}
#userAdminView .user-name-button{background:transparent;border:0;border-radius:0;color:#263b44;padding:4px 0;min-height:32px;font-size:14px;font-weight:600;text-align:left;text-decoration:none}
#userAdminView .user-name-button:hover{color:#007da0;text-decoration:underline}
#userAdminView .user-table td:last-child{white-space:nowrap}
.employee-detail-header{display:flex;align-items:center;gap:20px;padding-bottom:22px;border-bottom:1px solid #dfe5e8;margin-bottom:24px}
.employee-detail-header>div{flex:1;min-width:0}
.employee-detail-header .eyebrow{margin:0 0 4px}
.employee-detail-header h3{font-size:23px;line-height:1.35;margin:0;overflow-wrap:anywhere}
.employee-detail-header>span{font-size:12px;color:#647680}
.employee-detail-header button{display:inline-flex;align-items:center;gap:7px}
.employee-detail-header svg{width:17px;height:17px;flex:none}
#employeeDetail .user-edit-form{padding:0;border:0;display:block;margin-bottom:30px}
.employee-data-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 24px;max-width:920px}
.employee-data-grid h3{grid-column:1/-1;font-size:17px}
.employee-data-grid .field{margin:0;min-width:0}
.employee-data-grid .user-check{align-self:end}
.employee-data-grid #userSave{width:auto;justify-self:start;max-width:100%}
.employee-data-grid #userAdminStatus{grid-column:1/-1}
.employee-data-grid input[readonly],.employee-data-grid select:disabled{color:#5c717b;background:#f7f9fa}
#employeeWorkSettings{font-size:13px;border-top:1px solid #dfe5e8;padding-top:26px;min-width:0}
.employee-work-title{font-size:19px;margin:0 0 10px;color:#263b44}
#employeeWorkSettings .wf-statusline{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:26px;margin-bottom:15px}
#employeeWorkSettings .wf-statusline p{margin:0;font-size:12px}
#employeeWorkSettings #syncStamp{color:#778890;font-size:11px}
#employeeWorkSettings .model-toolbar{margin:0 0 24px;justify-content:flex-end}
#employeeWorkSettings .wf-actions,.employee-models-dialog .wf-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#employeeWorkSettings .wf-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}
#employeeWorkSettings .wf-section-heading h2{font-size:18px;margin:0}
#employeeWorkSettings button,.employee-models-dialog button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 13px;border:1px solid #d7e1e5;border-radius:5px;background:#fff;color:#263b44;font:600 13px Poppins,Arial,sans-serif;cursor:pointer}
#employeeWorkSettings button.primary,.employee-models-dialog button.primary{background:#007da0;border-color:#007da0;color:#fff}
#employeeWorkSettings button.icon,.employee-models-dialog button.icon{width:42px;min-width:42px;padding:9px}
#employeeWorkSettings button:hover:not(:disabled),.employee-models-dialog button:hover:not(:disabled){border-color:#007da0;background:#eff8fb}
#employeeWorkSettings button.primary:hover:not(:disabled),.employee-models-dialog button.primary:hover:not(:disabled){background:#006f90}
#employeeWorkSettings button:disabled,.employee-models-dialog button:disabled{opacity:.55;cursor:default}
#employeeWorkSettings svg,.employee-models-dialog svg{width:18px;height:18px;flex-shrink:0}
#employeeWorkSettings .error,.employee-models-dialog .dialog-error{color:#aa293b}
#employeeWorkSettings .muted,.employee-models-dialog .form-hint{color:#697d87}
#employeeWorkSettings .model-card .model-settings{padding-top:18px}
#employeeWorkSettings .model-settings{margin-bottom:28px}
.employee-models-dialog{font:13px Poppins,Arial,sans-serif;color:#263b44;border:1px solid #d5dfe4;border-radius:7px;padding:24px;width:min(780px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;background:#fff;box-shadow:0 18px 70px #152f3b25}
.employee-models-dialog::backdrop{background:#19303c66}
.employee-models-dialog form{margin:0}
.employee-models-dialog h2{font-size:20px;line-height:1.4;margin:0}
.employee-models-dialog .dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}
.employee-models-dialog .form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.employee-models-dialog .form-grid .full{grid-column:1/-1}
.employee-models-dialog label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:600;color:#566c76;min-width:0}
.employee-models-dialog input,.employee-models-dialog select{width:100%;min-width:0;min-height:43px;border:1px solid #bccbd1;border-radius:5px;padding:9px 10px;background:#fff;color:#263b44;font:14px Poppins,Arial,sans-serif}
.employee-models-dialog .dialog-error{min-height:20px;font-size:13px}
.employee-models-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;flex-wrap:wrap}
.employee-models-dialog .form-hint{font-size:12px}
#employeeDetail [hidden]{display:none!important}
@media(max-width:700px){
 .employee-detail-header{gap:12px;flex-wrap:wrap}
 .employee-detail-header>button{width:100%;justify-content:flex-start}
 .employee-detail-header h3{font-size:21px}
 .employee-data-grid{grid-template-columns:minmax(0,1fr)}
 .employee-data-grid h3,.employee-data-grid #userAdminStatus{grid-column:auto}
 .employee-detail-header>span{font-size:11px}
 #employeeWorkSettings .wf-statusline{align-items:flex-start}
 #employeeWorkSettings #syncStamp{max-width:100px;text-align:right;font-size:10px}
 #employeeWorkSettings .model-toolbar .wf-actions{justify-content:flex-start}
 #employeeWorkSettings .model-toolbar button{font-size:11px}
 .employee-models-dialog{padding:18px}
 .employee-models-dialog .form-grid{gap:12px}
 .employee-models-dialog input,.employee-models-dialog select{font-size:16px}
 .employee-models-dialog .dialog-heading h2{font-size:19px}
 .employee-models-dialog .dialog-actions button{font-size:12px}
}

.employee-detail-header h3,#employeeWorkSettings .model-card h3{text-transform:none;letter-spacing:0}

#employeeWorkSettings .model-card-actions{flex-shrink:0;margin-left:auto}
.employee-models-dialog input[readonly]{background:#f7f9fa;color:#5c717b}
@media(max-width:700px){
 #employeeWorkSettings .model-card-head{flex-wrap:wrap}
 #employeeWorkSettings .model-card-actions{justify-content:flex-end}
}