/* ICX HR Patch 18 R3 — brand, PWA and responsive application layer. */
:root{--icx-navy:#062b5b;--icx-deep:#031f45;--icx-blue:#0b73f6;--icx-cyan:#12c7e8;--icx-soft:#eef6ff}
html{background:#f5f7fb;-webkit-text-size-adjust:100%}body{min-width:320px}
.mark{background:#fff url('/static/brand/icx-icon-192.png') center/cover no-repeat!important;box-shadow:0 8px 24px rgba(3,31,69,.18)!important;border:1px solid rgba(255,255,255,.8)}
.mark:after{display:none!important}.mark span{display:none!important}
.brand-lockup strong{letter-spacing:-.03em}.brand-lockup small{letter-spacing:.095em}
.auth-brand{background:linear-gradient(150deg,var(--icx-deep) 0%,var(--icx-navy) 58%,#074579 100%)!important}
.auth-mode-badge{border-color:rgba(18,199,232,.28)!important;background:rgba(18,199,232,.08)!important;color:#dffbff!important}
.btn.primary{background:linear-gradient(135deg,#0b73f6,#145ae6);border-color:#1268ed;box-shadow:0 7px 18px rgba(18,104,237,.16)}
.btn.primary:hover{filter:brightness(.98)}
.login-kicker,.eyebrow.blue{color:#0b73f6!important}
.icx-login-install{display:flex;justify-content:center;margin:8px 0 12px}.icx-install-btn{border:1px solid #d6e2f2;background:#fff;color:#164a82;border-radius:10px;min-height:38px;padding:0 13px;display:inline-flex;align-items:center;gap:8px;font-weight:750;cursor:pointer}.icx-install-btn:hover{background:#f6faff}.icx-install-icon{font-size:17px;color:#0b73f6}
.icx-sidebar-install{width:100%;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);color:#dce9f8;border-radius:9px;min-height:36px;display:flex;align-items:center;gap:9px;padding:0 10px;margin-bottom:9px;font-size:11px;font-weight:730;cursor:pointer}.icx-sidebar-install:hover{background:rgba(255,255,255,.10);color:#fff}.icx-sidebar-install>span:first-child{font-size:16px;color:#4ad5ef}
.sidebar.collapsed .icx-sidebar-install{width:38px;justify-content:center;padding:0}.sidebar.collapsed .icx-sidebar-install .nav-label{display:none}
.tablewrap,.p17-timesheet-table{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.input,.select,.textarea,button{touch-action:manipulation}
@media(max-width:900px){.topbar{padding-left:14px;padding-right:14px}.content{padding:18px}.topbar-status{display:none}.topbar-user{gap:8px}.owner-page-head,.pagehead{gap:12px}}
@media(max-width:760px){
  body{overflow-x:hidden}.content{padding:14px 12px 24px}.topbar{height:62px;padding:0 10px;gap:8px}.workspace-heading strong{font-size:13px}.workspace-heading .muted{font-size:10px}.topbar-user-copy{display:none}.topbar-notifications{margin-left:auto}.topbar-signout{min-height:36px;padding:7px 9px!important}.user-avatar{width:34px;height:34px;min-width:34px}.mobilemenu{width:38px;height:38px}.card{border-radius:13px}.grid4{grid-template-columns:1fr 1fr}.two,.employee-home{grid-template-columns:1fr}.quickgrid{grid-template-columns:1fr 1fr}.pagehead h1,.owner-page-head h1{font-size:23px}.pagehead .btn,.owner-page-head .btn{min-height:40px}.toolbar{align-items:stretch}.toolbar>.btn,.toolbar>.select{min-height:40px}.modal{padding:0;align-items:end}.modal-card,.modal .modal-card.p17-modal-card,.modal .modal-card.p17-modal-wide,.modal .modal-card.p17-modal-compact{width:100%!important;max-width:none!important;max-height:92dvh!important;border-radius:18px 18px 0 0!important;padding-bottom:max(18px,env(safe-area-inset-bottom))}.toast{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));text-align:center}.sidebar{padding-bottom:max(14px,env(safe-area-inset-bottom))}
}
@media(max-width:620px){
  .input,.select,.textarea{font-size:16px} /* Prevent iOS focus zoom */
  .grid4,.quickgrid,.profile-grid{grid-template-columns:1fr}.content{padding:12px 10px 22px}.card{padding:14px}.pagehead{margin-bottom:13px}.pagehead h1,.owner-page-head h1{font-size:21px}.pagehead p,.owner-page-head p{font-size:12px}.toolbar .input{width:100%}.record{align-items:flex-start;flex-direction:column}.record>.btn,.record>.actions{align-self:stretch}.p17-employment-detail-grid{grid-template-columns:1fr!important}.p17-work-card-head{flex-direction:column;align-items:flex-start!important}.p17-position-action{align-self:flex-start}.p16-detail-list>div{gap:8px}.p16-panel{overflow:hidden}
}
@media(max-width:430px){
  .topbar-user .notification-bell{width:34px;height:34px}.topbar-signout{font-size:11px}.workspace-heading .muted{display:none}.content{padding-left:8px;padding-right:8px}.card{padding:12px}.btn{min-height:42px}.tabs{margin:12px -2px;padding-bottom:2px}.auth-panel{padding-left:16px!important;padding-right:16px!important}.login-card{padding-left:0!important;padding-right:0!important}.auth-mobile-logo{margin-bottom:26px!important}.login-copy h1,.login-card>h1{font-size:28px!important}
}
@supports(padding:max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}