/* Presentation only, scoped to the existing full employee editor. */
#drawer.employeeFull,#drawer.employeeFull.open{--employee-pad:24px;position:fixed!important;inset:16px auto 16px 50%!important;transform:translateX(-50%)!important;width:calc(100vw - 32px)!important;max-width:1200px!important;min-width:0!important;height:calc(100dvh - 32px)!important;max-height:calc(100dvh - 32px)!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-radius:16px!important;background:white!important;box-shadow:0 24px 80px #10243b40!important;transition:none!important;z-index:1100!important}
#drawer.employeeFull *{box-sizing:border-box}
#drawer.employeeFull .drawerHead{flex:0 0 auto!important;min-height:64px!important;padding:16px var(--employee-pad)!important;margin:0!important;border-bottom:1px solid #e6eaf0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:#fff!important}
#drawer.employeeFull .drawerHead h2{margin:0!important;font-size:20px!important;font-weight:700!important;text-transform:none!important;letter-spacing:normal!important}
#drawer.employeeFull .drawerHead button{width:36px!important;height:36px!important;min-height:36px!important;flex:0 0 36px!important;padding:0!important;display:grid!important;place-items:center!important;border:0!important;border-radius:8px!important;background:#f4f5f7!important;color:#475467!important;font-size:24px!important}
#drawer.employeeFull #drawerBody{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important;padding:0!important}
#drawer.employeeFull #empForm{display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto!important;width:100%!important;max-width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
#drawer.employeeFull #empForm>.employeeHero{grid-row:1!important;display:flex!important;align-items:center!important;gap:16px!important;margin:0!important;padding:20px var(--employee-pad)!important;border:0!important;min-height:104px!important;background:#fff!important}
#drawer.employeeFull .employeeHero .photoBox{position:relative!important;width:64px!important;height:64px!important;min-width:64px!important;flex:0 0 64px!important;overflow:visible!important;border-radius:50%!important;background:#f2f4f7!important}
#drawer.employeeFull .employeeHero .photoBox img{width:64px!important;height:64px!important;border-radius:50%!important;object-fit:cover!important}
#drawer.employeeFull .employeeHero .photoFallback{display:grid;place-items:center;width:64px;height:64px;font-size:28px}
#drawer.employeeFull .employeeHero .photoBox img:not([hidden])~.photoFallback{display:none!important}
#drawer.employeeFull .employeeHero .cameraBtn{position:absolute!important;right:-2px!important;bottom:-2px!important;width:28px!important;height:28px!important;min-height:28px!important;display:grid!important;place-items:center!important;border:2px solid white!important;border-radius:50%!important;background:#1769d2!important;color:#fff!important;padding:0!important;margin:0!important;font-size:13px!important}
#drawer.employeeFull .employeeHero>div:last-child{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px 10px!important;min-width:0!important}
#drawer.employeeFull .employeeHero h3{order:0!important;margin:0!important;font-size:20px!important;line-height:1.3!important;font-weight:700!important;text-transform:none!important;letter-spacing:normal!important;color:#182230!important;overflow-wrap:anywhere}
#drawer.employeeFull .employeeHero p{order:2!important;flex-basis:100%!important;margin:0!important;font-size:14px!important;font-weight:400!important;text-transform:none!important;color:#667085!important}
#drawer.employeeFull .employeeHero .pill{order:1!important;margin:0!important;padding:3px 8px!important;border-radius:20px!important;background:#f2f4f7!important;color:#475467!important;font-size:12px!important;font-weight:600!important;text-transform:none!important}
#drawer.employeeFull .employeeHero .pill.employee-status-active{background:#e8f7ee!important;color:#217346!important}
#drawer.employeeFull #empForm>.formTabs{grid-row:2!important;position:static!important;display:flex!important;flex-wrap:nowrap!important;gap:20px!important;overflow-x:auto!important;overflow-y:hidden!important;min-height:44px!important;margin:0!important;padding:0 var(--employee-pad)!important;background:#fff!important;border-bottom:1px solid #e4e7ec!important;scrollbar-width:thin!important}
#drawer.employeeFull .formTabs button{flex:0 0 auto!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 0 10px!important;display:flex!important;align-items:center!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:transparent!important;color:#667085!important;font-size:14px!important;font-weight:500!important;text-transform:none!important;letter-spacing:normal!important;white-space:nowrap!important;box-shadow:none!important}
#drawer.employeeFull .formTabs button.active{color:#1769d2!important;border-bottom-color:#1769d2!important;font-weight:600!important}
#drawer.employeeFull #empForm>.formPane:not([hidden]){grid-row:3!important;display:block!important;min-height:0!important;height:100%!important;max-height:100%!important;width:100%!important;overflow-y:auto!important;overflow-x:hidden!important;padding:24px var(--employee-pad) 28px!important;overscroll-behavior:contain!important;scrollbar-width:thin!important;scrollbar-gutter:auto!important}
#drawer.employeeFull #empForm>.formPane[hidden]{display:none!important}
#drawer.employeeFull .employee-section{margin:0!important;padding:16px 0 0!important;border-top:1px solid #e6eaf0!important;min-width:0!important}
#drawer.employeeFull .employee-section+.employee-section{margin-top:28px!important}
#drawer.employeeFull .employee-section h4,#drawer.employeeFull .formPane .subTitle{margin:0 0 18px!important;padding:0!important;color:#344054!important;font-size:15px!important;font-weight:600!important;letter-spacing:normal!important;text-transform:none!important}
#drawer.employeeFull .formPane .subTitle{border-top:1px solid #e6eaf0!important;padding-top:16px!important;margin-top:28px!important}
#drawer.employeeFull .grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px 16px!important;min-width:0!important}
#drawer.employeeFull .grid>*{min-width:0!important}
#drawer.employeeFull .grid .wide{grid-column:1/-1!important}
#drawer.employeeFull .employee-name-field{grid-column:span 2!important}
#drawer.employeeFull .field{display:flex!important;flex-direction:column!important;gap:0!important;margin:0!important;min-width:0!important}
#drawer.employeeFull .field>label{display:block!important;margin:0 0 6px!important;padding:0!important;color:#344054!important;font-size:13px!important;font-weight:600!important;text-transform:none!important;letter-spacing:normal!important;line-height:1.4!important}
#drawer.employeeFull .employee-required{color:#d92d20!important}
#drawer.employeeFull input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),#drawer.employeeFull select,#drawer.employeeFull textarea{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0 12px!important;border:1px solid #d0d5dd!important;border-radius:8px!important;background:#fff!important;color:#344054!important;font-size:15px!important;font-weight:400!important;text-transform:none!important;letter-spacing:normal!important;box-shadow:none!important;line-height:1.4!important}
#drawer.employeeFull textarea{height:auto!important;min-height:100px!important;padding:10px 12px!important;resize:vertical!important}
#drawer.employeeFull select[multiple]{height:auto!important;min-height:120px!important;padding:8px 12px!important}
#drawer.employeeFull input:read-only:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),#drawer.employeeFull input:disabled,#drawer.employeeFull select:disabled,#drawer.employeeFull textarea:read-only{background:#f8f9fb!important;color:#667085!important}
#drawer.employeeFull input:focus,#drawer.employeeFull select:focus,#drawer.employeeFull textarea:focus{outline:none!important;border-color:#3983e3!important;box-shadow:0 0 0 3px #1769d21a!important}
#drawer.employeeFull .formPane .portalAccessHead,#drawer.employeeFull .formPane .portalActions{padding:16px 0!important;text-transform:none!important}
#drawer.employeeFull .permissionExpanded #permissionGroups{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px 16px!important}
#drawer.employeeFull .permissionExpanded .permGroup{padding:16px!important}
#drawer.employeeFull .permissionExpanded .permGroup h4{font-size:15px!important;text-transform:none!important;margin-bottom:12px!important}
#drawer.employeeFull .permissionExpanded .permItem{padding:8px!important;gap:8px!important}
#drawer.employeeFull .permissionExpanded .permItem b{font-size:13px!important;line-height:1.4!important;text-transform:none!important;font-weight:600!important}
#drawer.employeeFull #empForm>.drawerFoot{grid-row:4!important;position:static!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:nowrap!important;margin:0!important;padding:16px var(--employee-pad)!important;border-top:1px solid #e6eaf0!important;background:#fff!important;box-shadow:none!important;min-height:72px!important}
#drawer.employeeFull #empForm>.drawerFoot button{order:1!important;flex:0 0 auto!important;height:40px!important;min-height:40px!important;min-width:0!important;margin:0!important;padding:0 14px!important;border:1px solid #d0d5dd!important;border-radius:8px!important;background:#fff!important;color:#344054!important;font-size:14px!important;font-weight:600!important;text-transform:none!important;letter-spacing:normal!important;box-shadow:none!important;white-space:nowrap!important}
#drawer.employeeFull #empForm>.drawerFoot .deleteBtn{order:0!important;margin-right:auto!important;border-color:#f4c7c3!important;color:#b42318!important}
#drawer.employeeFull #empForm>.drawerFoot .save{border-color:#1769d2!important;color:#1769d2!important}
#drawer.employeeFull #empForm>.drawerFoot .saveClose{background:#1769d2!important;color:white!important}
#drawer.employeeFull button:focus-visible,#drawer.employeeFull .cameraBtn:focus-within{outline:2px solid #3983e3!important;outline-offset:2px!important}
@media(min-width:1401px){#drawer.employeeFull,#drawer.employeeFull.open{--employee-pad:32px}}
@media(max-width:999px){#drawer.employeeFull .grid,#drawer.employeeFull .permissionExpanded #permissionGroups{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:639px){
 #drawer.employeeFull .grid,#drawer.employeeFull .permissionExpanded #permissionGroups{grid-template-columns:minmax(0,1fr)!important}
 #drawer.employeeFull .employee-name-field{grid-column:auto!important}
 #drawer.employeeFull .drawerHead{min-height:56px!important;padding-top:10px!important;padding-bottom:10px!important}
 #drawer.employeeFull #empForm>.employeeHero{padding-top:12px!important;padding-bottom:12px!important;min-height:88px!important}
 #drawer.employeeFull #empForm>.drawerFoot{display:flex!important;flex-direction:column!important;gap:8px!important;padding-top:12px!important;padding-bottom:12px!important}
 #drawer.employeeFull #empForm>.drawerFoot button{width:100%!important;flex:0 0 40px!important;min-width:0!important}
 #drawer.employeeFull #empForm>.drawerFoot .deleteBtn{order:2!important;margin-right:0!important}
}

#drawer.employeeFull .photoFallback svg{width:28px;height:28px;color:#98a2b3}
#drawer.employeeFull .cameraBtn svg{width:15px;height:15px}
#drawer.employeeFull #empForm>.formTabs{width:calc(100% - 2 * var(--employee-pad))!important;margin:0 var(--employee-pad)!important;padding:0!important;scroll-padding-inline:0!important}
#drawer.employeeFull .employeeHero p{display:block!important}
#drawer.employeeFull.open~#shade{z-index:1099!important}