/* ALTEK S9 · Employees · V14.17 presentation + personnel forms.
   Stable native selectors: no temporary JS classes needed for base styling.
   The approved Orders S7 and untouched Plan retain complete isolation. */
.workspace > .wrap:has(> .card #newName) {
  --ae-bg:#F2F8F9;--ae-card:#F9FCFD;--ae-raised:#F5FAFB;--ae-row:#F9FCFD;--ae-hover:#D6E6E1;
  --ae-line:#D6E4E7;--ae-ink:#293741;--ae-muted:#54666C;--ae-accent:#518D80;
  --ae-primary:#355E60;--ae-primary-ink:#F1FAF9;--ae-danger:#A1514F;--ae-danger-bg:#F4E5E4;
  --ae-success:#367B60;--ae-success-bg:#E3F1E8;
  --ae-shadow:0 3px 7px rgba(24,44,56,.035),0 16px 36px rgba(24,44,56,.065);
  min-height:100%;padding:16px;border-radius:18px;background:var(--ae-bg);color:var(--ae-ink);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
html[data-theme="dark"] .workspace > .wrap:has(> .card #newName) {
  --ae-bg:#142833;--ae-card:#1B2E38;--ae-raised:#263F4A;--ae-hover:#36545D;--ae-row:var(--ae-raised);
  --ae-line:#43606D;--ae-ink:#EAF4F5;--ae-muted:#BCD0D7;--ae-accent:#87BDB3;
  --ae-primary:#2B625F;--ae-primary-ink:#ECFAF7;--ae-danger:#F2AEAA;--ae-danger-bg:#48343C;
  --ae-success:#B2E3CE;--ae-success-bg:#25473F;
  --ae-shadow:0 3px 9px rgba(0,0,0,.15),0 20px 42px rgba(0,0,0,.23);
}
.workspace > .wrap:has(> .card #newName) .page-head {margin-bottom:18px}
.workspace > .wrap:has(> .card #newName) .page-title,
.workspace > .wrap:has(> .card #newName) > .card h2 {color:var(--ae-ink)!important;letter-spacing:-.025em}
.workspace > .wrap:has(> .card #newName) .page-subtitle,
.workspace > .wrap:has(> .card #newName) .muted {color:var(--ae-muted)!important}
.workspace > .wrap:has(> .card #newName) > .card {
  background:var(--ae-card)!important;border:1px solid var(--ae-line)!important;
  border-radius:18px!important;box-shadow:var(--ae-shadow)!important;
  padding:20px!important;margin-bottom:16px!important;
}
/* Native employee creation rows. No form or input event handlers are replaced. */
.workspace > .wrap:has(> .card #newName) > .card > .row:has(> #newName),
.workspace > .wrap:has(> .card #newName) > .card > .row:has(> #newAdminName) {
  display:grid!important;grid-template-columns:minmax(140px,1.3fr) minmax(170px,1.3fr) minmax(120px,1fr) auto;
  align-items:center;gap:10px!important;padding:14px!important;
  border-radius:15px!important;border:1px solid var(--ae-line)!important;
  background:var(--ae-raised)!important;margin:12px 0!important;
}
.workspace > .wrap:has(> .card #newName) > .card > .row:has(> #newAdminName) {
  grid-template-columns:minmax(180px,1fr) minmax(160px,1fr) auto;
}
.workspace > .wrap:has(> .card #newName) > .card > .row:has(> #newName) > .input,
.workspace > .wrap:has(> .card #newName) > .card > .row:has(> #newAdminName) > .input,
.workspace > .wrap:has(> .card #newName) > .card > .row:has(> #newName) > select {
  width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;
}
.workspace > .wrap:has(> .card #newName) .input,
.workspace > .wrap:has(> .card #newName) select {
  background:var(--ae-card)!important;border:1px solid var(--ae-line)!important;
  border-radius:11px!important;min-height:44px;color:var(--ae-ink)!important;
  transition:border-color .2s ease,box-shadow .2s ease!important;
}
.workspace > .wrap:has(> .card #newName) input::placeholder {color:var(--ae-muted);opacity:.82}
.workspace > .wrap:has(> .card #newName) .input:focus,
.workspace > .wrap:has(> .card #newName) select:focus {
  border-color:var(--ae-accent)!important;outline:2px solid var(--ae-accent)!important;outline-offset:1px;
}
/* Employee cards: stable DOM selection survives live background updates. */
.workspace > .wrap:has(> .card #newName) > .card > .orderline {
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  padding:16px 18px!important;margin:0 0 10px!important;
  background:var(--ae-row)!important;color:var(--ae-ink)!important;
  border:1px solid var(--ae-line)!important;border-radius:14px!important;
  box-shadow:0 2px 5px rgba(8,32,44,.018)!important;
  transition:transform .22s cubic-bezier(.22,.78,.17,1),box-shadow .22s ease,background .22s ease,border-color .22s ease!important;
}
.workspace > .wrap:has(> .card #newName) > .card > .orderline:hover {
  background:var(--ae-hover)!important;border-color:var(--ae-accent)!important;
  box-shadow:0 10px 24px rgba(13,43,55,.095)!important;transform:translateY(-2px);
}
.workspace > .wrap:has(> .card #newName) > .card > .orderline > div:first-child {flex:1 1 260px;min-width:0}
.workspace > .wrap:has(> .card #newName) > .card > .orderline > div:first-child > b {
  display:inline-block;font-size:14px;line-height:1.3;letter-spacing:-.015em;
  color:var(--ae-ink);font-weight:750;margin-bottom:5px;
}
.workspace > .wrap:has(> .card #newName) > .card > .orderline > .actions {flex:0 1 auto;gap:8px;align-items:center;min-width:0}
.workspace > .wrap:has(> .card #newName) .btn {
  min-height:38px;border-radius:11px!important;font-size:12px;font-weight:700;
  padding:9px 13px!important;box-shadow:0 2px 5px rgba(0,0,0,.055)!important;
  background:var(--ae-raised)!important;color:var(--ae-ink)!important;
  border:1px solid var(--ae-line)!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease!important;
}
.workspace > .wrap:has(> .card #newName) .btn:not(:disabled):hover {
  transform:translateY(-2px);background:var(--ae-hover)!important;
  border-color:var(--ae-accent)!important;box-shadow:0 7px 15px rgba(17,43,54,.12)!important;
}
.workspace > .wrap:has(> .card #newName) .btn:not(.secondary):not(.good):not(.danger):not(.warn) {
  background:var(--ae-primary)!important;color:var(--ae-primary-ink)!important;border-color:var(--ae-primary)!important;
}
.workspace > .wrap:has(> .card #newName) .btn.good {
  background:var(--ae-success-bg)!important;color:var(--ae-success)!important;border-color:var(--ae-success)!important;
}
.workspace > .wrap:has(> .card #newName) .btn.danger {
  background:var(--ae-danger-bg)!important;color:var(--ae-danger)!important;border-color:var(--ae-danger)!important;
}
.workspace > .wrap:has(> .card #newName) .btn:focus-visible {
  outline:2px solid var(--ae-accent)!important;outline-offset:2px;
}
.workspace > .wrap:has(> .card #newName) .btn:disabled {opacity:.52;cursor:not-allowed;transform:none!important}
/* Only animate when entering the section, never on a background redraw. */
.workspace > .wrap.altek-employees-enter:has(> .card #newName) .page-head {
  animation:altek-employees-arrive .88s cubic-bezier(.22,.78,.17,1) both;
}
.workspace > .wrap.altek-employees-enter:has(> .card #newName) > .card {
  animation:altek-employees-arrive .8s cubic-bezier(.22,.78,.17,1) .14s both;
}
.workspace > .wrap.altek-employees-enter:has(> .card #newName) > .card > .orderline {
  animation:altek-employees-row-arrive .62s cubic-bezier(.22,.78,.17,1) .34s both;
}
.workspace > .wrap.altek-employees-enter:has(> .card #newName) > .card > .orderline:nth-of-type(2) {animation-delay:.43s}
.workspace > .wrap.altek-employees-enter:has(> .card #newName) > .card > .orderline:nth-of-type(3) {animation-delay:.52s}
.workspace > .wrap.altek-employees-enter:has(> .card #newName) > .card > .orderline:nth-of-type(n+4) {animation-delay:.61s}
@keyframes altek-employees-arrive {from{opacity:0;filter:blur(5px);transform:translateY(8px) scale(.99)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}
@keyframes altek-employees-row-arrive {from{opacity:0;filter:blur(3px);transform:translateY(8px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
/* Employee profiles: styled on native content structure before JS observers.
   Dashboard V14.17 remains sole source of profile open/close motion. */
#modal.modal:has(> .sheet .profile-section) {
  --ae-card:#E9EBEA;--ae-raised:#DFE3E2;--ae-hover:#D6E6E1;
  --ae-line:#C3CBCA;--ae-ink:#293741;--ae-muted:#54666C;--ae-accent:#518D80;
  --ae-primary:#355E60;
  background:rgba(8,23,32,.67)!important;align-items:center!important;
  padding:16px!important;backdrop-filter:blur(3px);
}
html[data-theme="dark"] #modal.modal:has(> .sheet .profile-section) {
  --ae-card:#1B2E38;--ae-raised:#263F4A;--ae-hover:#36545D;
  --ae-line:#43606D;--ae-ink:#EAF4F5;--ae-muted:#BCD0D7;--ae-accent:#87BDB3;
  --ae-primary:#2B625F;
}
#modal.modal:has(> .sheet .profile-section) > .sheet {
  width:min(890px,calc(100vw - 32px))!important;
  height:min(760px,calc(100dvh - 32px))!important;
  max-height:calc(100dvh - 32px)!important;
  background:var(--ae-card)!important;color:var(--ae-ink)!important;
  border:1px solid var(--ae-line)!important;border-radius:20px!important;
  box-shadow:0 24px 80px rgba(0,0,0,.32)!important;
  overscroll-behavior:contain;
}
#modal.modal:has(> .sheet .profile-section) > .sheet > .modal-head {
  background:var(--ae-card)!important;color:var(--ae-ink)!important;
  border-bottom:1px solid var(--ae-line)!important;
}
#modal.modal:has(> .sheet .profile-section) > .sheet .complaint-eyebrow {color:var(--ae-muted)!important}
#modal.modal:has(> .sheet .profile-section) > .sheet .modal-head h2 {color:var(--ae-ink)!important}
#modal.modal:has(> .sheet .profile-section) > .sheet > .card {
  background:var(--ae-card)!important;color:var(--ae-ink)!important;
  border:0!important;box-shadow:none!important;
}
#modal.modal:has(> .sheet .profile-section) .profile-section {
  border-top:1px solid var(--ae-line)!important;margin-top:20px!important;padding-top:17px!important;
}
#modal.modal:has(> .sheet .profile-section) .profile-section h3 {color:var(--ae-ink)!important}
#modal.modal:has(> .sheet .profile-section) .muted {color:var(--ae-muted)!important}
#modal.modal:has(> .sheet .profile-section) .summary,
#modal.modal:has(> .sheet .profile-section) .metric,
#modal.modal:has(> .sheet .profile-section) .profile-section .orderline {
  background:var(--ae-raised)!important;color:var(--ae-ink)!important;
  border:1px solid var(--ae-line)!important;border-radius:13px!important;
  padding:12px!important;
}
#modal.modal:has(> .sheet .profile-section) .summary {gap:10px!important;flex-wrap:wrap}
#modal.modal:has(> .sheet .profile-section) .profile-section .orderline {margin:8px 0!important;gap:10px}
#modal.modal:has(> .sheet .profile-section) :is(.btn, .input, input, select, textarea) {border-radius:10px!important}
#modal.modal:has(> .sheet .profile-section) :is(.input, input, select, textarea):not([type="checkbox"]) {
  background:var(--ae-raised)!important;color:var(--ae-ink)!important;
  border:1px solid var(--ae-line)!important;
}
#modal.modal:has(> .sheet .profile-section) .btn {
  transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease!important;
  border:1px solid var(--ae-line)!important;
  background:var(--ae-raised)!important;color:var(--ae-ink)!important;
  box-shadow:0 3px 8px rgba(0,0,0,.07)!important;
}
#modal.modal:has(> .sheet .profile-section) .btn:not(:disabled):hover {
  transform:translateY(-2px);background:var(--ae-hover)!important;border-color:var(--ae-accent)!important;
}
#modal.modal:has(> .sheet .profile-section) .btn:focus-visible {outline:2px solid var(--ae-accent);outline-offset:2px}
/* Secondary personnel dialogs: native handlers untouched; animation is aesthetic only. */
:is(#leaveFormModal,#temporaryAbsenceModal).modal {
  --ae-card:#E9EBEA;--ae-raised:#DFE3E2;--ae-line:#C3CBCA;--ae-ink:#293741;--ae-accent:#518D80;
  background:rgba(8,23,32,.67)!important;align-items:center!important;
  padding:16px!important;z-index:160!important;backdrop-filter:blur(3px);
}
html[data-theme="dark"] :is(#leaveFormModal,#temporaryAbsenceModal).modal {
  --ae-card:#1B2E38;--ae-raised:#263F4A;--ae-line:#43606D;--ae-ink:#EAF4F5;--ae-accent:#87BDB3;
}
:is(#leaveFormModal,#temporaryAbsenceModal).modal > .sheet {
  background:var(--ae-card)!important;color:var(--ae-ink)!important;
  border:1px solid var(--ae-line)!important;border-radius:18px!important;
  width:min(660px,calc(100vw - 32px))!important;max-height:calc(100dvh - 32px);
  box-shadow:0 24px 74px rgba(0,0,0,.31)!important;
}
:is(#leaveFormModal,#temporaryAbsenceModal).modal .modal-head {
  background:var(--ae-card)!important;border-bottom:1px solid var(--ae-line)!important;
}
:is(#leaveFormModal,#temporaryAbsenceModal).modal :is(input,select,textarea) {
  background:var(--ae-raised)!important;color:var(--ae-ink)!important;border:1px solid var(--ae-line)!important;
}
:is(#leaveFormModal,#temporaryAbsenceModal).altek-employee-extra-enter {animation:altek-employee-backdrop-in 460ms ease both}
:is(#leaveFormModal,#temporaryAbsenceModal).altek-employee-extra-enter > .sheet {animation:altek-employee-sheet-in 460ms cubic-bezier(.22,.78,.17,1) both}
:is(#leaveFormModal,#temporaryAbsenceModal).altek-employee-extra-exit {animation:altek-employee-backdrop-out 210ms ease both}
:is(#leaveFormModal,#temporaryAbsenceModal).altek-employee-extra-exit > .sheet {animation:altek-employee-sheet-out 210ms ease both;pointer-events:none}
@keyframes altek-employee-backdrop-in {from{opacity:0}to{opacity:1}}
@keyframes altek-employee-backdrop-out {from{opacity:1}to{opacity:0}}
@keyframes altek-employee-sheet-in {from{opacity:0;transform:translateY(12px) scale(.96);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes altek-employee-sheet-out {from{opacity:1;transform:none;filter:blur(0)}to{opacity:0;transform:translateY(7px) scale(.98);filter:blur(2px)}}
@media(max-width:1050px){
  .workspace > .wrap:has(> .card #newName) > .card > .row:has(> #newName) {grid-template-columns:repeat(2,minmax(0,1fr))}
  .workspace > .wrap:has(> .card #newName) > .card > .row:has(> #newName) .btn {min-width:0;width:100%}
  .workspace > .wrap:has(> .card #newName) > .card > .row:has(> #newAdminName) {grid-template-columns:repeat(2,minmax(0,1fr))}
  .workspace > .wrap:has(> .card #newName) > .card > .row:has(> #newAdminName) .btn {grid-column:1/-1}
}
@media(max-width:600px){
  .workspace > .wrap:has(> .card #newName) {padding:9px}
  .workspace > .wrap:has(> .card #newName) > .card {padding:14px!important}
  .workspace > .wrap:has(> .card #newName) > .card > .row:has(> #newName),
  .workspace > .wrap:has(> .card #newName) > .card > .row:has(> #newAdminName){grid-template-columns:minmax(0,1fr)!important;padding:12px!important}
  .workspace > .wrap:has(> .card #newName) > .card > .row:has(> #newAdminName) .btn {grid-column:auto}
  .workspace > .wrap:has(> .card #newName) > .card > .orderline {padding:14px!important;gap:12px}
  .workspace > .wrap:has(> .card #newName) > .card > .orderline > .actions {width:100%;justify-content:flex-start}
  .workspace > .wrap:has(> .card #newName) > .card > .orderline > .actions > .btn {flex:1 1 120px;min-width:0}
  #modal.modal:has(> .sheet .profile-section) {align-items:flex-end!important;padding:8px!important}
  #modal.modal:has(> .sheet .profile-section) > .sheet {
    width:100%!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important;
    border-radius:18px 18px 8px 8px!important;
  }
  :is(#leaveFormModal,#temporaryAbsenceModal).modal{padding:8px!important;align-items:flex-end!important}
  :is(#leaveFormModal,#temporaryAbsenceModal).modal > .sheet{width:100%!important;max-height:calc(100dvh - 16px)!important}
}
@media(prefers-reduced-motion:reduce){
  .workspace > .wrap:has(> .card #newName) *,
  #modal.modal:has(> .sheet .profile-section) *,
  :is(#leaveFormModal,#temporaryAbsenceModal).modal,
  :is(#leaveFormModal,#temporaryAbsenceModal).modal * {
    animation:none!important;transition:none!important;scroll-behavior:auto!important;
  }
}


/* ALTEK S9: input layout anchored to native personnel dialog fields.
   Prevent date/time/comment controls from exceeding the visual form edges. */
:is(#leaveFormModal,#temporaryAbsenceModal,#employeeEditModal).modal > .sheet {
  box-sizing:border-box!important;
  min-width:0!important;
  overflow-x:hidden!important;
}
:is(#leaveFormModal,#temporaryAbsenceModal,#employeeEditModal).modal > .sheet :is(.grid,label,input,select,textarea) {
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
}
:is(#leaveFormModal,#temporaryAbsenceModal,#employeeEditModal).modal > .sheet label {
  display:block;
}
:is(#leaveFormModal,#temporaryAbsenceModal,#employeeEditModal).modal > .sheet :is(input,select,textarea) {
  width:100%!important;
  max-width:100%!important;
  display:block;
  border-radius:10px!important;
  min-height:40px;
}
:is(#leaveFormModal,#temporaryAbsenceModal,#employeeEditModal).modal > .sheet > .grid {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:calc(100% - 36px)!important;
  min-width:0!important;
  margin:10px 18px 8px!important;
}
/* Leave / sick leave / one-off absence all share #leaveNote. */
#leaveFormModal.modal > .sheet > #leaveNote {
  width:calc(100% - 36px)!important;min-width:0!important;max-width:100%!important;
  margin:0 18px!important;box-sizing:border-box!important;
}
/* Temporary absence: date occupies first row, start/end are side by side below. */
#temporaryAbsenceModal.modal > .sheet > .grid > label:has(#tempAbsDate) {
  grid-column:1/-1!important;
}
#temporaryAbsenceModal.modal > .sheet > label:has(#tempAbsNote) {
  display:block!important;width:calc(100% - 36px)!important;min-width:0!important;
  max-width:100%!important;margin:0 18px!important;box-sizing:border-box!important;
}
/* Entire control surface is actionable; manual keyboard editing remains enabled. */
:is(#leaveFormModal,#temporaryAbsenceModal).modal input:is([type=date],[type=time]) {
  cursor:pointer!important;
  padding-inline:11px!important;
}
:is(#leaveFormModal,#temporaryAbsenceModal).modal input:is([type=date],[type=time]):focus-visible {
  border-color:var(--ae-accent)!important;
  outline:2px solid var(--ae-accent)!important;outline-offset:1px;
}
/* KPI metrics are presentational hover surfaces, not clickable actions. */
#modal.modal:has(> .sheet .profile-section) .summary .metric {
  min-width:0!important;
  transform:translateY(0);
  transition:background-color .24s ease,border-color .24s ease,box-shadow .24s ease,transform .24s cubic-bezier(.22,.78,.17,1)!important;
}
#modal.modal:has(> .sheet .profile-section) .summary .metric:hover {
  background:var(--ae-hover)!important;
  border-color:var(--ae-accent)!important;
  box-shadow:0 9px 22px rgba(12,42,52,.13)!important;
  transform:translateY(-3px);
}
#modal.modal:has(> .sheet .profile-section) .summary .metric:focus-within {
  border-color:var(--ae-accent)!important;
}
/* Native employee edit dialog — uses S8 auxiliary window animation once per instance. */
#employeeEditModal.modal {
  --ae-card:#E9EBEA;--ae-raised:#DFE3E2;--ae-hover:#D6E6E1;
  --ae-line:#C3CBCA;--ae-ink:#293741;--ae-muted:#54666C;--ae-accent:#518D80;
  --ae-primary:#355E60;--ae-primary-ink:#F1FAF9;
  z-index:170!important;align-items:center!important;padding:16px!important;
  background:rgba(8,23,32,.67)!important;backdrop-filter:blur(3px);
}
html[data-theme="dark"] #employeeEditModal.modal {
  --ae-card:#1B2E38;--ae-raised:#263F4A;--ae-hover:#36545D;
  --ae-line:#43606D;--ae-ink:#EAF4F5;--ae-muted:#BCD0D7;--ae-accent:#87BDB3;
  --ae-primary:#2B625F;--ae-primary-ink:#ECFAF7;
}
#employeeEditModal.modal > .sheet {
  width:min(580px,calc(100vw - 32px))!important;
  max-height:calc(100dvh - 32px)!important;
  height:auto!important;
  padding:20px!important;border:1px solid var(--ae-line)!important;
  border-radius:18px!important;background:var(--ae-card)!important;
  color:var(--ae-ink)!important;
  box-shadow:0 24px 74px rgba(0,0,0,.31)!important;
}
#employeeEditModal .modal-head {
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  border-bottom:1px solid var(--ae-line)!important;
  background:var(--ae-card)!important;margin-bottom:16px;
}
#employeeEditModal .modal-head h2 {color:var(--ae-ink)!important}
#employeeEditModal .ae-edit-form {display:grid;gap:14px;min-width:0}
#employeeEditModal .ae-edit-form label {display:grid!important;gap:6px;color:var(--ae-ink);font-weight:650;font-size:12px}
#employeeEditModal .ae-edit-form :is(input,select) {
  background:var(--ae-raised)!important;color:var(--ae-ink)!important;
  border:1px solid var(--ae-line)!important;padding:10px 12px!important;
}
#employeeEditModal .ae-edit-form :is(input,select):focus-visible {
  outline:2px solid var(--ae-accent)!important;outline-offset:2px;
}
#employeeEditModal .ae-edit-form .actions {display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end;margin-top:4px}
#employeeEditModal .ae-edit-form .btn {
  border:1px solid var(--ae-line)!important;border-radius:11px!important;
  padding:10px 15px!important;min-height:40px;
  background:var(--ae-raised)!important;color:var(--ae-ink)!important;
  transition:background-color .2s,border-color .2s,transform .2s!important;
}
#employeeEditModal .ae-edit-form .btn:hover:not(:disabled) {
  background:var(--ae-hover)!important;border-color:var(--ae-accent)!important;
  transform:translateY(-2px);
}
#employeeEditModal .ae-edit-form .btn.ae-save {
  background:var(--ae-primary)!important;color:var(--ae-primary-ink)!important;
  border-color:var(--ae-primary)!important;
}
#employeeEditModal .ae-edit-error {min-height:0;color:#EF9F99;font-size:12px}
#employeeEditModal :is(input,button,select):disabled {opacity:.55;cursor:progress}
:is(#employeeEditModal).altek-employee-extra-enter {animation:altek-employee-backdrop-in 460ms ease both}
:is(#employeeEditModal).altek-employee-extra-enter > .sheet {animation:altek-employee-sheet-in 460ms cubic-bezier(.22,.78,.17,1) both}
:is(#employeeEditModal).altek-employee-extra-exit {animation:altek-employee-backdrop-out 210ms ease both}
:is(#employeeEditModal).altek-employee-extra-exit > .sheet {animation:altek-employee-sheet-out 210ms ease both;pointer-events:none}
@media(max-width:600px){
  :is(#leaveFormModal,#temporaryAbsenceModal,#employeeEditModal).modal > .sheet > .grid {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #employeeEditModal.modal {padding:8px!important;align-items:flex-end!important}
  #employeeEditModal.modal > .sheet {width:100%!important;max-height:calc(100dvh - 16px)!important;padding:17px!important}
}
@media(prefers-reduced-motion:reduce){
  #employeeEditModal.modal,#employeeEditModal.modal *,
  #modal.modal:has(> .sheet .profile-section) .summary .metric {
    animation:none!important;transition:none!important;
  }
}