/* Account identity uses the authenticated profile and remains read-only here. */
.app-header{display:grid;grid-template-columns:minmax(260px,1fr) auto;grid-template-areas:"brand actions" "identity identity";height:auto;min-height:130px;padding-block:16px 13px;gap:12px 22px}
.app-header .brand{grid-area:brand;min-width:0}
.app-header .header-actions{grid-area:actions;min-width:0}
.app-header .private-badge{display:none}
.header-identity{grid-area:identity;display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;padding:9px 13px;border:1px solid #d6c49838;border-inline-start:2px solid #c3ae7b;border-radius:10px;background:linear-gradient(100deg,#ffffff03,#ffffff08);color:#fff8e9}
.header-identity-name{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 7px;min-width:0;line-height:1.65}
.header-identity-name>span{font-size:11px;color:#cfdbcd;flex-shrink:0}
.header-identity-name>strong{font-size:13px;font-weight:600;overflow-wrap:anywhere;min-width:0}
.header-employee-number{display:flex;align-items:baseline;gap:7px;flex:0 0 auto;padding-inline-start:13px;border-inline-start:1px solid #d6c49835;line-height:1.5}
.header-employee-number>span{font-size:10px;color:#c8d2c5}
.header-employee-number>bdi{font-size:12px;letter-spacing:.4px;font-weight:600;font-variant-numeric:tabular-nums;color:#e9d5a7}
@media(max-width:760px){
 .app-header{grid-template-columns:minmax(0,1fr);grid-template-areas:"brand" "identity" "actions";min-height:0;gap:10px;padding:14px 16px 12px}
 .app-header .header-actions{width:100%}
 .header-identity{padding:8px 10px;gap:10px;border-radius:9px}
 .header-identity-name{gap:1px 5px;flex:1 1 auto}
 .header-identity-name>span{font-size:10px}.header-identity-name>strong{font-size:12px;line-height:1.65}
 .header-employee-number{flex-direction:column;align-items:center;gap:1px;padding-inline-start:10px;max-width:42%}
 .header-employee-number>span{font-size:9px;white-space:nowrap}.header-employee-number>bdi{font-size:11px;overflow-wrap:anywhere;max-width:100%;letter-spacing:.3px}
}
@media(max-width:359px){.app-header{padding-inline:13px}.header-identity{gap:7px;padding-inline:9px}.header-identity-name>strong{font-size:11px}.header-employee-number{padding-inline-start:8px}}