.employee-personal-info .employee-info-list{display:grid;gap:16px}
.employee-personal-info .employee-info-card{border:1px solid #e7d9cb;border-radius:12px;padding:16px;min-width:0;background:#fffdfa}
.employee-personal-info .employee-info-heading{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:12px}
.employee-personal-info .employee-info-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px 20px;margin:0}
.employee-personal-info .employee-info-fields>div{min-width:0}
.employee-personal-info dt{font-size:12px;color:#8c7563;margin-bottom:4px}
.employee-personal-info dd{margin:0;font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;color:#47392f}
.employee-info-heading button{margin-left:auto}
.employee-info-overlay{position:fixed;inset:0;background:#30251d66;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}
.employee-info-dialog{background:#fffdfa;border:1px solid #e7d9cb;border-radius:16px;padding:24px;width:880px;max-width:100%;max-height:90dvh;overflow:auto;box-sizing:border-box;color:#47392f}
.employee-info-dialog h2{font-size:20px;margin:0 0 20px}
.employee-info-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.employee-info-form label{display:grid;gap:6px;font-size:14px;min-width:0}
.employee-info-form input{box-sizing:border-box;width:100%;min-width:0;padding:10px;border:1px solid #dbc4b3;border-radius:8px;font:inherit;color:inherit;background:white}
.employee-info-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;position:sticky;bottom:0;background:#fffdfa}
.employee-info-dialog button,.employee-info-heading button{font:inherit;padding:8px 16px;border:1px solid #dbc4b3;border-radius:8px;background:#fffdfa;color:#79523b;cursor:pointer}
.employee-info-dialog button[type=submit]{background:#79523b;color:white}
.employee-info-dialog button:disabled{opacity:.6;cursor:wait}
@media(max-width:700px){.employee-info-form{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-info-dialog{padding:16px}.employee-info-overlay{padding:10px}}
@media(max-width:420px){.employee-info-form{grid-template-columns:1fr}}