/* Employee identity uses the shared profile object; only Settings edits it. */
html.profile-modal-open{overflow:hidden}
body.profile-modal-open{position:fixed;top:var(--profile-scroll-top);left:0;width:100%;padding-right:var(--profile-scrollbar);overflow:hidden}
.employee-profile-dialog{width:min(420px,calc(100vw - 2 * var(--page-gutter)));max-width:none;max-height:calc(100dvh - 2 * var(--page-gutter));padding:0;border:1px solid var(--gold);border-radius:var(--card-radius);background:var(--surface);color:var(--ink);overflow:hidden;position:fixed}
.employee-profile-dialog[open]{display:flex;flex-direction:column}
.employee-profile-dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}
.profile-close{position:absolute;right:4px;top:4px;width:var(--tap-size);height:var(--tap-size);font-size:26px;z-index:1;color:var(--muted)}
.profile-card-body{overflow-y:auto;overscroll-behavior:contain;padding:28px var(--card-inset) var(--space-3);text-align:center;min-height:0;scrollbar-width:thin}
.employer-wordmark{display:flex;justify-content:center;gap:.28em;font-size:1.375rem;line-height:1.1;font-weight:850;letter-spacing:-.07em;margin:0 30px var(--space-4);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.employer-wordmark span:last-child{color:var(--gold)}
.employee-photo{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border:1px solid var(--gold);border-radius:50%;background:var(--bg);color:var(--muted);margin:0 auto;overflow:hidden;flex-shrink:0}
.employee-photo img{display:block;width:100%;height:100%;object-fit:cover}
.profile-person{width:60px;height:60px}
.employee-name{font-size:1.875rem!important;line-height:1.18!important;letter-spacing:-.6px;font-weight:650!important;margin:var(--space-3) 0 var(--space-2)!important;overflow-wrap:anywhere}
.employee-number{color:var(--gold);font-size:1.125rem;line-height:1.35;letter-spacing:.06em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-bottom:var(--space-4)}
.employee-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.employee-pair>div{background:var(--bg);border:1px solid var(--line);border-radius:var(--control-radius);padding:var(--space-2)}
.employee-pair span,.employee-position>span,.employee-tenure>span{display:block;font-size:var(--font-xs);line-height:1.5;color:var(--muted)}
.employee-pair strong{display:block;margin-top:var(--space-1);font-size:var(--font-section);line-height:1.4;font-weight:550}
.employee-position{padding:var(--space-3) 0;border-bottom:1px solid var(--line)}
.employee-position strong{display:block;margin-top:var(--space-1);font-size:var(--font-md);font-weight:450;overflow-wrap:anywhere}
.employee-tenure{padding:var(--space-2) 0}
.employee-tenure>strong{display:block;margin-top:var(--space-1);font-size:var(--font-sm);font-weight:450;line-height:1.5;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.profile-edit{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap-size);color:var(--gold);font-size:var(--font-xs);border-radius:var(--control-radius);padding:0 var(--space-3)}
.profile-edit:hover{background:var(--soft)}
.profile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.profile-fields>label{min-width:0;font-size:var(--font-sm);line-height:1.4;color:var(--muted)}
.profile-fields input,.profile-fields select{display:block;width:100%;min-width:0;max-width:100%;min-height:var(--tap-size);margin-top:var(--space-2);padding:var(--space-2);border:1px solid var(--line);border-radius:var(--control-radius);background:var(--bg);color:var(--ink);font-family:inherit;font-size:var(--font-field)}
.profile-fields select,.profile-fields input[type=date]{text-align:center}
.profile-photo-edit{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}
.profile-photo-edit .employee-photo{width:72px;height:72px;margin:0}
.profile-photo-edit .profile-person{width:42px;height:42px}
.profile-photo-edit>div:last-child{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}
.settings-heading>.profile-person{width:22px;height:22px;flex-shrink:0;color:var(--gold)}
.avatar{overflow:hidden;padding:0;display:flex;align-items:center;justify-content:center}
.avatar img{width:100%;height:100%;object-fit:cover}
@media(max-width:700px){.profile-fields{grid-template-columns:minmax(0,1fr)}}

.employee-position>span,.employee-tenure>span{font-size:12px}.employee-position strong{font-size:16px}.employee-tenure>strong{font-size:14px}