#modal.employee-form-open{padding:14px}
#modal.employee-form-open .modal-card{width:min(1120px,100%);height:min(92vh,860px);max-height:none;overflow:hidden;display:flex;flex-direction:column}
.employee-form-head{padding:18px 22px;align-items:flex-start}.employee-form-head>div,.employee-record-head>div{min-width:0}.employee-form-kicker{display:block;color:var(--teal);font-size:8px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;margin-bottom:5px}.employee-form-head h2,.employee-record-head h2{margin:0!important}.employee-form-head p,.employee-record-head p{font-size:10px;color:var(--muted);margin:4px 0 0}
#completeEmployeeForm{display:flex;flex-direction:column;min-height:0;flex:1}.employee-form-layout{display:grid;grid-template-columns:205px minmax(0,1fr);min-height:0;flex:1}.employee-stepper{padding:15px 12px;background:#f5faf8;border-right:1px solid var(--line);overflow:auto}.employee-stepper button{width:100%;display:grid;grid-template-columns:25px 1fr 16px;align-items:center;gap:8px;border:0;background:transparent;border-radius:9px;padding:8px;color:#697a78;text-align:left;font:600 9px 'DM Sans';cursor:pointer}.employee-stepper button i{width:24px;height:24px;border:1px solid #cfdcda;border-radius:8px;background:white;display:grid;place-items:center;font-style:normal;font-size:8px}.employee-stepper button b{display:none;color:var(--teal)}.employee-stepper button.active{background:#e4f5f1;color:#075f58}.employee-stepper button.active i{background:var(--teal);border-color:var(--teal);color:white}.employee-stepper button.complete i{display:none}.employee-stepper button.complete b{display:block}.employee-stepper button.complete{color:#176f67}.employee-stepper button:disabled{cursor:default;opacity:.65}.employee-privacy-note{border-top:1px solid #dce9e6;margin:15px 7px 0;padding-top:14px}.employee-privacy-note strong,.employee-privacy-note small{display:block}.employee-privacy-note strong{font-size:9px;color:#285956}.employee-privacy-note small{font-size:8px;line-height:1.5;color:#76918e;margin-top:4px}
.employee-form-main{overflow:auto;padding:22px 25px;background:white}.employee-form-panel{display:none}.employee-form-panel.active{display:block}.employee-section-title{display:flex;gap:12px;align-items:center;margin-bottom:20px}.employee-section-title>span{width:34px;height:34px;border-radius:10px;background:var(--mint);color:var(--teal);display:grid;place-items:center;font:800 10px Manrope}.employee-section-title h3{font:800 17px Manrope;margin:0}.employee-section-title p{font-size:9px;color:var(--muted);margin:3px 0 0}
.employee-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.employee-fields label{min-width:0}.employee-fields label>span,.employee-upload-grid label>span{display:block;font-size:8px;font-weight:800;color:#40514f;margin:0 0 5px;text-transform:uppercase;letter-spacing:.45px}.employee-fields input,.employee-fields select,.employee-fields textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px 10px;font:10px 'DM Sans';color:var(--ink);background:#fff;outline:none}.employee-fields textarea{resize:vertical}.employee-fields input:focus,.employee-fields select:focus,.employee-fields textarea:focus{border-color:#49aa9f;box-shadow:0 0 0 3px rgba(8,127,117,.08)}.employee-fields input:invalid:not(:placeholder-shown){border-color:#dca1a5}.employee-fields .wide{grid-column:span 2}.employee-fields .span-2{grid-column:span 2}.employee-subsection{margin-top:24px;padding-top:20px;border-top:1px solid #e8efee}.employee-subsection.first{margin-top:0;padding-top:0;border-top:0}.employee-subsection>div:first-child h4{font:700 12px Manrope;margin:0}.employee-subsection>div:first-child p{font-size:9px;color:var(--muted);margin:3px 0 14px}.employee-subsection>div:first-child:not(:last-child){margin-bottom:12px}.employee-optional{border:1px dashed #cddcda;border-radius:10px;margin-top:16px;padding:0 14px}.employee-optional summary{font-size:9px;font-weight:700;color:var(--teal);cursor:pointer;padding:12px 0}.employee-optional[open]{padding-bottom:14px}.employee-check{display:flex!important;align-items:flex-start;gap:9px;padding:9px 0}.employee-check input{width:auto!important;margin-top:2px}.employee-check>span{display:block!important;text-transform:none!important;letter-spacing:0!important;margin:0!important}.employee-check strong,.employee-check small{display:block}.employee-check strong{font-size:9px}.employee-check small{font-size:8px;color:var(--muted);line-height:1.45;margin-top:3px}.employee-check-wide{border:1px solid var(--line);border-radius:9px;padding:12px!important;margin-bottom:12px}.employee-account-fields{opacity:.45;pointer-events:none}.employee-account-fields.enabled{opacity:1;pointer-events:auto}
.employee-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.employee-upload-grid label{border:1px solid var(--line);border-radius:11px;padding:14px;background:#fbfdfc}.employee-upload-grid label small{font-size:8px;color:var(--muted);display:block;margin:3px 0 10px}.employee-upload-grid input{font-size:9px;width:100%}.employee-info-box{background:#eff8f6;border:1px solid #d1e9e5;border-radius:10px;padding:13px;margin-top:16px}.employee-info-box strong{font-size:9px;color:#1c625c}.employee-info-box p{font-size:8px;line-height:1.5;color:#617b78;margin:4px 0 0}
.employee-form-error{color:#bf3942;font-size:9px;min-height:16px;margin-top:14px}.employee-form-foot{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;padding:13px 20px;border-top:1px solid var(--line);background:#fbfdfc;position:sticky;bottom:0;z-index:5;box-shadow:0 -8px 18px rgba(17,65,60,.06)}.employee-form-foot .btn{white-space:nowrap}.employee-form-foot .btn.primary{min-width:118px}
.employee-review-card{max-width:760px}.employee-review-hero{display:flex;gap:13px;align-items:center;padding:15px;border:1px solid #cfe6e2;background:#f2fbf8;border-radius:12px;margin-bottom:15px}.employee-review-hero>span{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:var(--teal);color:white;font:800 12px Manrope}.employee-review-hero strong,.employee-review-hero small{display:block}.employee-review-hero strong{font:800 14px Manrope}.employee-review-hero small{font-size:8px;color:var(--muted);margin-top:3px}.employee-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.employee-review-item{display:grid;grid-template-columns:24px 1fr;gap:9px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:10px}.employee-review-item i{width:23px;height:23px;border-radius:7px;display:grid;place-items:center;background:#e1f5ec;color:#148054;font-style:normal;font-size:9px}.employee-review-item.attention i{background:#fff0d9;color:#a76708}.employee-review-item strong,.employee-review-item small{display:block}.employee-review-item strong{font-size:9px}.employee-review-item small{font-size:8px;color:var(--muted);margin-top:2px}.employee-confirm{display:flex;gap:10px;align-items:flex-start;border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.employee-confirm span{font-size:9px;line-height:1.5;color:#516461}.employee-confirm input{margin-top:2px}
#modal.employee-record-open{padding:14px}#modal.employee-record-open .modal-card{width:min(980px,100%);max-height:94vh}.employee-record-head{align-items:flex-start;padding:18px 22px}.employee-record-body{background:#f7faf9;padding:18px}.employee-record-banner{display:grid;grid-template-columns:50px 1fr auto auto;gap:13px;align-items:center;background:white;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:12px}.employee-record-banner .big-avatar{width:46px;height:46px;border-radius:11px;background:var(--mint);color:var(--teal);display:grid;place-items:center;font:800 12px Manrope}.employee-record-banner>div:nth-child(2) strong,.employee-record-banner>div:nth-child(2) span{display:block}.employee-record-banner>div:nth-child(2) strong{font:800 13px Manrope}.employee-record-banner>div:nth-child(2) span{font-size:8px;color:var(--muted);margin-top:3px}.employee-record-banner>div:last-child{border-left:1px solid var(--line);padding-left:15px}.employee-record-banner>div:last-child small,.employee-record-banner>div:last-child strong{display:block}.employee-record-banner>div:last-child small{font-size:8px;color:var(--muted)}.employee-record-banner>div:last-child strong{font-size:9px;margin-top:3px}.employee-record-section{background:white;border:1px solid var(--line);border-radius:12px;margin-top:11px;overflow:hidden}.employee-record-section h3{font:700 11px Manrope;margin:0;padding:12px 14px;border-bottom:1px solid #edf1f0}.employee-record-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.employee-record-grid>div{padding:11px 14px;border-right:1px solid #edf1f0;border-bottom:1px solid #edf1f0;min-width:0}.employee-record-grid small,.employee-record-grid strong{display:block}.employee-record-grid small{font-size:7px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:4px}.employee-record-grid strong{font-size:9px;overflow-wrap:anywhere}.employee-record-list{display:grid}.employee-record-list article{display:grid;grid-template-columns:1.2fr 1.5fr auto;gap:12px;padding:11px 14px;border-bottom:1px solid #edf1f0;align-items:center}.employee-record-list article:last-child{border-bottom:0}.employee-record-list strong{font-size:9px}.employee-record-list small{font-size:8px;color:var(--muted)}.employee-record-list span{font-size:8px;color:#3e6662;text-align:right}.employee-record-loading{padding:50px;text-align:center;font-size:10px;color:var(--muted)}
@media(max-width:800px){#modal.employee-form-open{padding:0}#modal.employee-form-open .modal-card{height:100vh;max-height:none;border-radius:0}.employee-form-layout{grid-template-columns:1fr}.employee-stepper{display:flex;border-right:0;border-bottom:1px solid var(--line);overflow:auto;padding:8px}.employee-stepper button{min-width:42px;width:auto;display:block;padding:5px}.employee-stepper button span,.employee-stepper button b,.employee-privacy-note{display:none}.employee-stepper button.complete i{display:grid;background:#e1f5ec}.employee-form-main{padding:18px 15px}.employee-fields{grid-template-columns:1fr 1fr}.employee-fields .wide,.employee-fields .span-2{grid-column:span 2}.employee-upload-grid,.employee-review-grid{grid-template-columns:1fr}.employee-record-grid{grid-template-columns:1fr 1fr}.employee-record-list article{grid-template-columns:1fr}.employee-record-list span{text-align:left}.employee-record-banner{grid-template-columns:45px 1fr}.employee-record-banner>div:nth-child(3),.employee-record-banner>div:last-child{display:none}}
@media(max-width:500px){.employee-fields{grid-template-columns:1fr}.employee-fields .wide,.employee-fields .span-2{grid-column:auto}.employee-form-foot{grid-template-columns:auto 1fr auto}.employee-form-foot #employeeBackBtn{grid-column:3}.employee-form-foot #employeeNextBtn,.employee-form-foot #employeeSubmitBtn{grid-column:1/-1}.employee-record-grid{grid-template-columns:1fr}}
#modal.complete-import-open .modal-card{width:min(920px,100%);max-height:94vh}.complete-import-head{align-items:flex-start}.complete-import-head h2{margin:0!important}.complete-import-head p{font-size:10px;color:var(--muted);margin:4px 0 0}.complete-import-body{background:#f8fbfa}.import-preserve-banner{display:grid;grid-template-columns:34px 1fr;gap:11px;align-items:center;padding:13px;border:1px solid #bfe0d8;background:#edf9f5;border-radius:11px}.import-preserve-banner i{width:32px;height:32px;border-radius:9px;background:var(--teal);color:white;display:grid;place-items:center;font-style:normal}.import-preserve-banner strong,.import-preserve-banner p{display:block}.import-preserve-banner strong{font-size:10px;color:#165e57}.import-preserve-banner p{font-size:8px;color:#567672;margin:3px 0 0;line-height:1.45}.complete-import-actions{display:flex;gap:8px;margin:14px 0}.complete-import-drop{display:block;border:1.5px dashed #a8c9c4;border-radius:12px;background:white;padding:18px}.complete-import-drop span,.complete-import-drop small{display:block}.complete-import-drop span{font-size:10px;font-weight:800}.complete-import-drop small{font-size:8px;color:var(--muted);margin:4px 0 12px}.complete-import-drop input{font-size:9px}.complete-import-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0}.complete-import-rules span{font-size:8px;color:#617471;display:flex;align-items:center;gap:7px}.complete-import-rules b{width:20px;height:20px;border-radius:6px;background:#e2f2ef;color:var(--teal);display:grid;place-items:center}.complete-import-summary{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:11px;background:white;overflow:hidden;margin-top:15px}.complete-import-summary>div{padding:11px;border-right:1px solid var(--line)}.complete-import-summary>div:last-child{border:0}.complete-import-summary small,.complete-import-summary strong{display:block}.complete-import-summary small{font-size:7px;text-transform:uppercase;color:var(--muted)}.complete-import-summary strong{font:800 14px Manrope;margin-top:4px}.complete-import-summary .ready strong{color:#148054}.complete-import-summary .warning strong{color:#b76b00}.import-preservation-line{display:flex;align-items:center;gap:7px;color:#267068;font-size:8px;padding:9px 2px}.complete-import-errors{border:1px solid #ead9bf;background:#fffbf3;border-radius:10px;overflow:hidden;max-height:220px;overflow-y:auto}.complete-import-errors>div{display:flex;justify-content:space-between;align-items:center;padding:9px 11px;border-bottom:1px solid #eee3d1}.complete-import-errors>div strong{font-size:9px}.complete-import-errors article{display:grid;grid-template-columns:55px 150px 1fr;gap:8px;padding:9px 11px;border-bottom:1px solid #f0e7d8}.complete-import-errors article:last-child{border:0}.complete-import-errors article b,.complete-import-errors article span,.complete-import-errors article p{font-size:8px;margin:0}.complete-import-errors article p{color:#8c5d19}.complete-import-confirm{display:flex;gap:9px;align-items:flex-start;padding:12px;background:white;border:1px solid var(--line);border-radius:10px;margin-top:12px}.complete-import-confirm span{font-size:9px;line-height:1.45}.complete-import-foot{display:grid;grid-template-columns:auto 1fr auto auto;width:100%}@media(max-width:700px){.complete-import-summary{grid-template-columns:1fr 1fr}.complete-import-summary>div{border-bottom:1px solid var(--line)}.complete-import-rules{grid-template-columns:1fr}.complete-import-errors article{grid-template-columns:1fr}.complete-import-actions{flex-direction:column}.complete-import-foot{grid-template-columns:auto 1fr auto}.complete-import-foot #commitCompleteEmployeeImport{grid-column:1/-1}}
.employee-fields input[readonly]{background:#f3f7f6;color:#4d6966;border-style:dashed}.employee-field-disabled{opacity:.52}.employee-directory-note{font-size:8px;color:#5f7673;margin-top:11px;padding:9px 11px;background:#f2f8f7;border-radius:8px}.employee-generated-note{display:grid;gap:4px;background:#eff8f6;border:1px solid #cfe6e2;border-radius:10px;padding:12px}.employee-generated-note strong{font-size:9px;color:#17645d}.employee-generated-note span{font-size:8px;line-height:1.5;color:#607875}.employee-registration-success{text-align:center;padding:30px}.employee-success-mark{width:52px;height:52px;border-radius:16px;background:#daf2e9;color:#137657;display:grid;place-items:center;margin:0 auto 12px;font:800 20px Manrope}.employee-registration-success h3{font:800 17px Manrope;margin:0 0 16px}.employee-access-card{max-width:520px;margin:0 auto;text-align:left;border:1px solid #bcded7;background:#f3fbf9;border-radius:13px;padding:16px}.employee-access-card>small{display:block;color:#33706a;text-transform:uppercase;letter-spacing:.7px;font-size:7px;font-weight:800;margin-bottom:10px}.employee-access-card>div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid #dcece9}.employee-access-card span{font-size:8px;color:var(--muted)}.employee-access-card strong{font-size:10px;overflow-wrap:anywhere}.employee-access-card .employee-temporary-pin{font:800 17px Manrope;letter-spacing:3px;color:#075f58}.employee-access-card p{font-size:8px;line-height:1.5;color:#5c7471;margin:11px 0 0}
