.person-heading{position:relative;padding:24px 220px 24px 0;min-height:180px}.person-heading h1{font-size:clamp(30px,4vw,46px);margin:12px 0}.person-heading img{position:absolute;width:240px;height:180px;object-fit:contain;right:0;top:0;animation:ship-drift 14s ease-in-out infinite}.person-toolbar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:18px 0}.person-toolbar small{font-size:14px}.person-tree h2{font-size:22px}.person-tree h3{font-size:19px}.person-tree h4{font-size:16px;color:#d8ba79}.tree-root,.tree-captain{max-width:640px;margin:auto;text-align:center;border-top:2px solid #c5a05c;padding:20px;background:#142e40}.tree-connector{font-size:30px;color:#d8ba79;text-align:center;padding:8px}.tree-departments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tree-departments>section{border-top:2px solid #c5a05c;background:#112b3d;padding:20px}.person-node{display:flex;flex-direction:column;gap:9px;background:#17374a;color:#f2ebdc;border:1px solid #65767e;text-align:left;width:100%;padding:20px;margin:12px 0;cursor:pointer;border-radius:8px}.person-node:hover,.person-node:focus-visible{border-color:#e8c274;outline:2px solid #e8c274;outline-offset:2px}.person-node.enabled{border-left:4px solid #d6b16a}.person-node strong{font-size:19px}.person-node span{font-size:17px}.person-node small,.person-node .person-dates{font-size:14px;color:#d0dadd}.person-empty{padding:20px;color:#becbd2;background:#0b2232}.person-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.unassigned{margin-top:32px}.person-table-wrap{overflow:auto}.person-table{width:100%;border-collapse:collapse;font-size:16px}.person-table th,.person-table td{padding:18px;text-align:left;border-bottom:1px solid #375261;vertical-align:middle}.person-table th{color:#e1bf7e}.person-table small{display:block;font-size:14px;margin-top:7px;color:#c8d4da}.person-dialog{background:#102a3b;color:#f3edde;border:1px solid #d8ba79;border-radius:12px;padding:32px;width:min(720px,calc(100vw - 30px));max-height:90vh;overflow:auto}.person-dialog::backdrop{background:#00101bc9}.person-close{float:right;border:0;background:transparent;color:inherit;font-size:30px;cursor:pointer}.person-dialog label{display:flex;flex-direction:column;gap:8px;font-size:16px;margin:14px 0}.person-dialog input,.person-dialog select{width:100%;padding:13px;background:#092031;color:#fff;border:1px solid #6c818c;border-radius:5px;font:inherit;color-scheme:dark}.person-dialog p{line-height:1.6}.person-dialog hr{border:0;border-top:1px solid #60737e;margin:28px 0}.person-dialog-feedback,#person-feedback{color:#f0ce88}.person-dialog .button-link{margin-top:10px}a[aria-disabled=true]{opacity:.65;cursor:not-allowed}@media(max-width:850px){.tree-departments{grid-template-columns:1fr}.person-heading{padding-right:110px}.person-heading img{width:140px}.person-grid{grid-template-columns:1fr}.person-table td,.person-table th{padding:12px}.person-dialog{padding:20px}}@media(prefers-reduced-motion:reduce){.person-heading img{animation:none}}.motion-paused .person-heading img{animation-play-state:paused}@media print{body.printing-credentials>*:not(.person-dialog){display:none!important}body.printing-credentials .person-dialog{position:static;display:block;max-height:none;width:100%;border:0;background:white;color:black}body.printing-credentials .person-dialog>*:not(.credential-slip){display:none!important}body.printing-credentials input{color:black;background:white;border:1px solid #999}}
.person-heading{background:#102a3b;color:#f5eddf;padding:24px 250px 24px 24px;border-radius:8px;overflow:hidden}.person-heading h1,.person-heading p{color:inherit}.person-heading img{mix-blend-mode:screen}.tree-root,.tree-captain,.tree-departments>section{color:#f5eddf}.person-tree h2,.person-tree h3{color:inherit}.person-table small{color:#526776}.person-dialog .area-note{color:#ccd8dd}@media(max-width:850px){.person-heading{padding:24px 160px 24px 24px}.person-heading img{width:150px}}@media(max-width:480px){.person-heading{padding:24px}.person-heading img{opacity:.17;width:200px}.person-heading>div{position:relative;z-index:1}}
/* Let the illustration fade into the banner instead of showing its image rectangle. */
.person-heading{overflow:hidden;isolation:isolate}.person-heading img{opacity:.62;filter:saturate(.7);-webkit-mask-image:radial-gradient(ellipse at 64% 52%,#000 16%,#000b 42%,transparent 74%);mask-image:radial-gradient(ellipse at 64% 52%,#000 16%,#000b 42%,transparent 74%);pointer-events:none}
@media(prefers-reduced-motion:reduce){.person-heading img{animation:none}}
/* Explicit foregrounds for light personnel surfaces and dark editing dialogs. */
#personnel-root{color:#142e40}#personnel-root>.area-note,.person-toolbar small,.person-table small{color:#405564}.person-table th{color:#142e40;background:#e8edef}.person-table td{color:#142e40}.person-table th,.person-table td{border-bottom-color:#b8c5cb}#person-feedback{color:#704b12}.tree-connector{color:#806026}.person-tree .unassigned>h2{color:#142e40}
.person-dialog{color:#f3edde}.person-dialog h2,.person-dialog h3,.person-dialog p,.person-dialog label{color:#f3edde}.person-dialog .change-tabs{background:#e8edef;color:#142e40;padding:12px 16px}.person-dialog .change-tabs strong,.person-dialog .change-tabs button{color:#142e40}.person-dialog .area-note{color:#d3dfe5}.person-dialog .eyebrow{color:#e3c58d}.person-dialog input,.person-dialog select{color:#fff;background:#092031;border-color:#849ba8}.person-dialog input::placeholder{color:#b7c8d2;opacity:1}.person-dialog input:disabled,.person-dialog select:disabled{color:#d1dce2;opacity:1}.person-dialog .person-dialog-feedback,.person-dialog [role=alert]{color:#ffe0a0}.person-dialog .button-link{color:#fff4da;border:1px solid #b99b61}.person-dialog a:not(.button-link){color:#ffe0a0}

.onboard-qr{display:block;width:220px;max-width:100%;height:auto;background:white;margin:20px auto}.slip-url{overflow-wrap:anywhere}.credential-slip input{font-family:monospace;font-size:16px}.credential-slip ol{padding-left:22px;line-height:1.8}@media print{body.printing-credentials .credential-slip:not(.hehle-access-card){color:#000;background:#fff}.credential-slip{break-inside:avoid}.onboard-qr{width:200px}body.printing-credentials .person-dialog{overflow:visible!important;max-height:none!important;margin:0!important}.credential-slip input{font-size:14px!important}}

.credential-slip textarea{resize:none;width:100%;padding:13px;font:16px/1.6 monospace;color:#fff;background:#092031;border:1px solid #849ba8;border-radius:5px;overflow-wrap:anywhere}@media print{.credential-slip textarea{height:auto;color:#000!important;background:#fff!important}}

/* One access-card layout for invitations and completed employee onboarding. */
.person-dialog.access-card-dialog{width:min(960px,calc(100vw - 24px));padding:20px;background:#eef0ed}.access-card-dialog .person-close{color:#102d3b}.hehle-access-card{clear:both;position:relative;background:#f8f5ed;color:#102d3b;border:1px solid #bda16a;overflow:hidden;container-type:inline-size}.hehle-access-card::after{content:"";position:absolute;inset:14px;border:1px solid #bda16a;pointer-events:none}.access-card-head{background:#102d3b;padding:32px 36px 24px}.access-card-brand{display:flex;align-items:center;gap:20px;margin-bottom:24px}.access-card-brand img{width:82px;height:82px;object-fit:contain;border-radius:50%}.access-card-brand span{font:36px Georgia,serif;letter-spacing:8px;color:#f8f5ed}.access-card-brand small{display:block;margin-top:8px;letter-spacing:4px;color:#d5ba80;font-size:12px}.person-dialog .access-card-head h2{font:700 clamp(28px,4.5cqw,44px)/1.15 Georgia,serif;color:#f8f5ed;margin:0 0 10px;overflow-wrap:anywhere}.person-dialog .access-card-role{margin:0;color:#d5ba80;letter-spacing:2px;text-transform:uppercase;font-size:14px}.access-card-body{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:26px;padding:28px 36px 18px}.person-dialog .access-card-welcome h3{font:700 28px/1.2 Georgia,serif;color:#102d3b;margin:0 0 12px}.person-dialog .access-card-welcome p{color:#526570;font-size:15px;margin:0}.access-card-welcome ol{list-style:none;counter-reset:step;padding:0;margin:22px 0 0}.access-card-welcome li{counter-increment:step;position:relative;padding-left:32px;margin:0 0 15px;font-size:15px;line-height:1.4}.access-card-welcome li::before{content:"0" counter(step);position:absolute;left:0;color:#8a682b}.access-card-welcome li strong,.access-card-welcome li span{display:block}.access-card-welcome li span{color:#526570;font-size:13px;margin-top:4px}.access-card-scan{text-align:center;align-self:center}.access-card-scan img{display:block;width:100%;height:auto;background:white;border-radius:12px}.access-card-scan strong{display:block;font-size:12px;margin-top:12px}.access-card-scan small{display:block;font-size:11px;color:#526570;margin-top:6px}.access-card-details{margin:0 36px 30px;padding-top:15px;border-top:1px solid #bda16a;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px}.access-card-details span{display:block;font-size:10px;color:#526570;margin-bottom:7px}.access-card-details strong{font-size:16px;overflow-wrap:anywhere}.access-card-details code{display:block;color:#102d3b;background:transparent;font:600 13px/1.5 monospace;overflow-wrap:anywhere;user-select:all}.person-dialog .access-card-hint{color:#526570;font-size:14px}.access-card-dialog>.button-link{background:#102d3b}
@media(max-width:620px){.access-card-head{padding:28px 25px 22px}.access-card-brand{gap:12px}.access-card-brand img{width:58px;height:58px}.access-card-brand span{font-size:26px;letter-spacing:5px}.access-card-brand small{font-size:10px;letter-spacing:2px}.access-card-body{grid-template-columns:1fr;padding:24px 25px}.access-card-scan{width:190px;justify-self:center}.access-card-details{grid-template-columns:1fr;margin:0 25px 28px;gap:14px}}
@page hehle-access{size:A5 landscape;margin:0}
@media print{body.printing-credentials{margin:0!important;padding:0!important}body.printing-credentials .access-card-dialog{padding:0!important;width:210mm!important;height:auto!important;max-width:none!important;page:hehle-access;box-shadow:none!important}body.printing-credentials .hehle-access-card{width:210mm;min-height:148mm;box-sizing:border-box;border:0;print-color-adjust:exact;-webkit-print-color-adjust:exact;page:hehle-access;break-inside:avoid}body.printing-credentials .access-card-head{padding:10mm 12mm 7mm;background:#102d3b!important}body.printing-credentials .access-card-brand{margin-bottom:7mm;gap:6mm}body.printing-credentials .access-card-brand img{width:23mm;height:23mm}body.printing-credentials .access-card-brand span{font-size:26pt}body.printing-credentials .access-card-head h2{font-size:27pt!important}body.printing-credentials .access-card-role{font-size:10pt}body.printing-credentials .access-card-body{grid-template-columns:minmax(0,1fr) 45mm;padding:8mm 12mm 4mm;gap:8mm}body.printing-credentials .access-card-welcome h3{font-size:20pt}body.printing-credentials .access-card-welcome p{font-size:10pt}body.printing-credentials .access-card-welcome ol{margin:6mm 0 0}body.printing-credentials .access-card-welcome li{font-size:10pt;margin-bottom:4mm}body.printing-credentials .access-card-welcome li span{font-size:9pt}body.printing-credentials .access-card-scan{width:45mm}body.printing-credentials .access-card-details{grid-template-columns:1fr 2fr;margin:0 12mm 10mm;padding-top:4mm;gap:7mm}body.printing-credentials .access-card-details code{font-size:9pt}body.printing-credentials .access-card-details strong{font-size:11pt}body.printing-credentials .hehle-access-card *{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

@media print{body.printing-credentials .access-card-head{padding:8mm 10mm 5mm}body.printing-credentials .access-card-brand{margin-bottom:5mm}body.printing-credentials .access-card-brand img{width:18mm;height:18mm}body.printing-credentials .access-card-head h2{font-size:24pt!important}body.printing-credentials .access-card-body{padding:6mm 10mm 2mm}body.printing-credentials .access-card-welcome ol{margin-top:4mm}body.printing-credentials .access-card-welcome li{line-height:1.2;margin-bottom:2mm}body.printing-credentials .access-card-welcome li span{margin-top:0}body.printing-credentials .access-card-details{margin:0 10mm 8mm}}
.access-card-dialog .access-card-mail{clear:both;margin-top:18px;padding:18px;border:1px solid #bda16a;border-radius:10px;background:#fff;color:#102d3b}.access-card-dialog .access-card-mail h3{margin:0 0 8px}.access-card-dialog .access-card-mail p{margin:8px 0}.access-card-dialog .access-card-mail input[type=email]{background:#fff;color:#102d3b;border-color:#83989b}.access-card-dialog .access-card-mail .access-card-confirm{display:flex;flex-direction:row;align-items:center;gap:10px}.access-card-dialog .access-card-mail input[type=checkbox]{width:20px;height:20px}.access-card-dialog .access-card-mail [role=status]{font-weight:700;color:#184d3e}