.employee-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.employee-summary>div{background:#fff;border:1px solid var(--border,#e4e6de);border-radius:14px;padding:18px}.employee-summary span{display:block;color:#74796d;font-size:12px;margin-bottom:10px}.employee-summary strong{font-size:23px;color:#394a3c}.employee-directory-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:24px 0 18px}.employee-search-label{min-width:220px;font-size:12px;color:#74796d}.employee-search-label input{margin-top:6px}.employee-photo-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0}.employee-photo-preview{width:120px;height:156px;margin:0 auto 22px;background:#e7ebe4;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:32px;color:#394a3c}.employee-photo-preview img{width:100%;height:100%;object-fit:cover}.employee-photo-preview img[hidden]{display:none}.employee-file-field{margin-top:16px}.employee-dialog-actions{justify-content:space-between;margin-top:22px}.employee-dialog-actions a{white-space:normal}.employee-card .actions{gap:8px}.employee-card .employee-identity h2{overflow-wrap:anywhere}#employee-appearance-form [hidden]{display:none}@media(max-width:600px){.employee-summary{gap:8px}.employee-summary>div{padding:13px 10px}.employee-summary span{font-size:11px;line-height:1.5;min-height:33px}.employee-summary strong{font-size:20px}.employee-directory-toolbar{align-items:stretch;flex-direction:column;gap:12px}.employee-search-label{min-width:0}.employee-photo-controls{flex-wrap:wrap}.employee-dialog-actions{align-items:stretch;flex-direction:column}.employee-dialog-actions>*{justify-content:center}}
.employee-meta .employee-memo{white-space:pre-wrap;max-height:100px;overflow:auto;overflow-wrap:anywhere}.employee-meta dd{overflow-wrap:anywhere}.checkbox-label{display:flex;align-items:center;gap:9px;font-size:12px}.checkbox-label input[type=checkbox]{width:16px;height:16px;flex:none}
.employee-directory-toolbar .period-toggle{display:inline-flex;align-self:flex-start;background:#e8ebe3;border-radius:10px;padding:4px;gap:3px}.employee-directory-toolbar .period-toggle button{padding:9px 14px;border-radius:7px;color:#6c7368;font-size:13px}.employee-directory-toolbar .period-toggle button.active{background:#fff;color:#394a3c;box-shadow:0 1px 4px #263a2914;font-weight:700}.employee-directory-toolbar .period-toggle button:focus-visible{outline:2px solid #394a3c;outline-offset:2px}