.employee-v2{--muted:#626d7b;font-size:14px}.employee-v2 .employee-top{height:76px;padding:0 max(24px,calc((100vw - 960px)/2));position:relative;z-index:2}.employee-v2 .employee-top .brand small{letter-spacing:2px}.employee-v2 .employee-demo-line{display:flex;justify-content:center;gap:7px;align-items:center;padding:9px 18px;background:#fff9f2;border-bottom:1px solid #f0e7db;font-size:10px;color:#8b6a3c}.employee-demo-line svg{width:13px;height:13px}.employee-v2 .employee-main{max-width:1000px;padding:33px 24px 112px}.employee-v2 .employee-main.narrow{max-width:650px}.employee-v2 h1{font-size:30px;letter-spacing:-1px;line-height:1.35}.employee-v2 .employee-head{margin-bottom:26px}.employee-v2 .employee-head .eyebrow{font-size:9px;margin-bottom:8px}.employee-v2 .employee-head p{font-size:13px;color:#626d7b}.employee-v2 .employee-head .avatar{width:44px;height:44px;font-size:13px}.employee-v2 .employee-nav{gap:35px;padding-top:8px;padding-bottom:max(8px,env(safe-area-inset-bottom));box-shadow:0 -4px 18px #20273304}.employee-v2 .employee-nav button{min-height:54px;font-size:11px;min-width:95px}.employee-v2 button{min-height:44px;font-size:13px}.employee-v2 .icon-button{width:44px;padding:11px}.employee-v2 .small{font-size:11px}.employee-v2 .text-button{font-size:12px}.employee-v2 .demo-chip{font-size:9px;min-height:29px}.employee-v2 .caption{font-size:12px;line-height:1.75;color:#626d7b}.employee-v2 .notice-text{font-size:14px;line-height:1.8;color:#626d7b}.employee-v2 .panel{border-color:#e4e8ed;border-radius:11px}.employee-v2 .panel-body{padding:24px}.employee-v2 .panel-head{padding:23px 24px}.employee-v2 .panel-head h2{font-size:16px}.employee-v2 .panel-head p{font-size:12px;line-height:1.7}.employee-v2 .pill{font-size:10px;max-width:240px}.employee-v2 .assignment-select{max-width:420px;margin-bottom:17px}.employee-v2 label{font-size:13px}.employee-v2 input,.employee-v2 select,.employee-v2 textarea{font-size:16px;min-height:47px}.employee-v2 input[type=checkbox]{min-height:18px;width:18px;flex-shrink:0}.employee-v2 .check{font-size:13px;line-height:1.7;min-height:46px}.employee-v2 .employee-home-grid{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,1fr);align-items:start;gap:23px}.employee-v2 .employee-home-grid .stack{gap:20px}.employee-v2 .employee-home-grid .stack>.panel{margin-bottom:0}.employee-v2 .employee-hero{padding:25px}.employee-hero>.between{flex-wrap:wrap;align-items:flex-start}.employee-hero .eyebrow{font-size:9px;letter-spacing:1.3px}.hero-company{display:flex;gap:14px;align-items:center;margin:26px 0 20px}.hero-company .assignment-icon{margin:0;width:47px;height:47px;flex-shrink:0}.hero-company h2{font-size:22px;margin-bottom:5px;line-height:1.4}.hero-company p{font-size:13px;color:#626d7b;margin:0}.employee-v2 .assignment-info{font-size:12px;color:#626d7b;gap:18px}.hero-hours{display:flex;align-items:center;gap:17px;margin:31px 0 25px}.hero-hours .hours-big{font-size:52px;line-height:1;letter-spacing:-2.4px}.hero-hours>span:last-child{font-size:11px;line-height:1.8;color:#626d7b}.hero-hours>span:last-child b{font-weight:500}.employee-v2 .weekly-progress{margin:25px 0;gap:7px}.employee-v2 .weekly-progress .day-progress{display:flex;flex-direction:column;gap:0;flex:1;padding:7px 0 5px;min-width:0;min-height:61px;text-align:center;font-size:11px;font-weight:500;color:#707c8a;border-radius:5px}.employee-v2 .weekly-progress .day-progress i{height:5px;border-radius:3px;width:100%;margin:9px 0}.employee-v2 .weekly-progress .day-progress small{font-size:10px;font-weight:400}.employee-v2 .weekly-progress .day-progress.today{background:#fdf0f1;color:#be2c35}.employee-v2 .weekly-progress .day-progress.done i{background:#8bb39f}.employee-v2 .weekly-progress .day-progress.missing i{background:#e5e7ed}.employee-v2 .weekly-progress .day-progress.today.missing i{background:var(--red)}.employee-hero .hero-cta{margin:0 0 12px;min-height:49px}.employee-week-picker{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:21px}.employee-week-select{gap:10px;padding:5px 8px;text-align:left;min-width:0}.employee-week-select b{display:block;font-size:13px}.employee-week-select small{display:block;color:#626d7b;font-weight:400;font-size:11px;margin-top:4px}.employee-week-select>svg{width:16px}.mini-number{padding:4px 8px;border-radius:5px;background:#f3f4f7;font-size:11px;color:#626d7b}.employee-v2 .missing-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.employee-v2 .missing-chips button{min-height:39px;padding:7px 12px}.inline-ok{display:flex;align-items:center;gap:8px;color:var(--green);font-size:12px;margin-top:15px}.inline-ok svg{width:17px}.employee-v2 .employee-state-note{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.employee-state-note p{font-size:13px;line-height:1.75;color:#626d7b;margin-top:14px}.employee-v2 .reminder-note{display:flex;align-items:flex-start;gap:10px;padding:0 4px}.reminder-note svg{width:16px;height:16px;flex-shrink:0;margin-top:4px}.employee-v2 .week-days{padding:0 24px}.employee-v2 .day-row{gap:15px;padding:18px 0}.employee-v2 .day-row.is-today .day-label{color:var(--red)}.employee-v2 .day-label{width:50px}.employee-v2 .day-label strong{font-size:13px}.employee-v2 .day-label small{font-size:11px;color:#626d7b}.employee-v2 .day-time{font-size:13px}.employee-v2 .day-time small{font-size:11px;line-height:1.65;color:#626d7b}.employee-v2 .day-time small.red{color:#b83540}.employee-v2 .day-net{font-size:13px}.employee-v2 .day-row button{width:44px;min-width:44px;min-height:44px}.employee-v2 .total-row{padding:20px 24px;font-size:13px}.employee-v2 .total-row strong{font-size:22px}.employee-v2 .summary-meta{gap:22px 18px}.employee-v2 .summary-meta dt{font-size:11px;color:#626d7b}.employee-v2 .summary-meta dd{font-size:13px;line-height:1.7;overflow-wrap:anywhere}.employee-v2 .week-expenses{display:flex;flex-direction:column;gap:10px;margin-top:19px;padding-top:16px;border-top:1px solid var(--line)}.employee-v2 .employee-tabs{width:max-content;margin:20px 0}.employee-v2 .employee-tabs button{padding:9px 19px;min-height:40px}.employee-v2 .archive-card h3{font-size:17px;margin:17px 0 8px}.employee-v2 .archive-card .between{flex-wrap:wrap}.employee-v2 .archive-card strong{font-size:16px}.employee-v2 .archive-card .pill{font-size:10px}.employee-v2 .setting-toggle{justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:12px 0}.employee-v2 .setting-toggle input{margin:0;accent-color:var(--red)}.employee-v2 .signature-canvas{height:210px;min-height:190px;user-select:none;-webkit-user-select:none;touch-action:none}.employee-v2 .signature-help{font-size:11px;gap:10px}.employee-v2 .signature-help button{font-size:11px;min-height:40px}.employee-v2 .signature-help span{line-height:1.6}.employee-v2 .stepper{font-size:11px}.employee-v2 .stepper .step{gap:7px}.employee-v2 .stepper .step i{width:24px;height:24px;font-size:10px}.employee-v2 .stepper .line{min-width:8px}.employee-v2 .signed-box h4{font-size:12px}.employee-v2 .signed-box small{font-size:10px;line-height:1.6}.employee-v2 .signed-box .tiny{font-size:12px}.employee-v2 .review-banner{font-size:11px;line-height:1.9;overflow-wrap:anywhere}.employee-v2 .submission-result{padding:18px 0}.employee-v2 .submission-result h1{font-size:27px}.employee-v2 .success-icon.pending{color:#a57b36;background:#fff3dd}.employee-v2 .handoff{padding:20px 0}.employee-v2 .handoff h1{font-size:29px}.employee-v2 .handoff-header{font-size:12px;min-height:60px;position:relative}.employee-v2 .company-v2 .employee-main{padding-top:30px}.employee-v2 .audit p{font-size:12px}.employee-v2 .audit small{font-size:10px}.employee-v2 .info,.employee-v2 .warning,.employee-v2 .error,.employee-v2 .success{font-size:13px}.employee-v2 [hidden],.modal [hidden]{display:none!important}
.modal .editor-context{display:flex;flex-direction:column;gap:7px;margin-bottom:20px}.editor-context>span{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px}.editor-context small{font-size:11px;color:#626d7b}.modal .block-head{font-size:12px;margin-bottom:12px}.modal .block-head .icon-button{min-height:44px;width:44px}.modal .block-options{font-size:12px;margin-top:6px}.block-options summary{color:#626d7b;cursor:pointer;min-height:40px;display:list-item;padding:11px 0}.modal .block-fields input{font-size:16px;min-height:46px}.modal .block-fields label{font-size:11px}.modal .autosave-note{margin:12px 0 0;color:#626d7b;font-size:11px}.modal .editor-secondary{margin-top:12px;display:flex;flex-wrap:wrap;justify-content:space-between}.modal .editor-secondary button{font-size:11px;min-height:44px}.modal #day-warning .check{font-size:12px}.modal #day-warning p{margin:0}.modal #day-validation:empty{display:none}.modal #live-total{font-size:16px}.employee-v2 .person strong{font-size:13px}.employee-v2 .person small{font-size:11px}.employee-v2 .archive-card .caption{line-height:1.8}
@media(max-width:560px){.employee-v2 .employee-hero{padding-top:18px}.employee-v2 .hero-company{margin-top:16px;margin-bottom:13px}.employee-v2 .hero-hours{margin:20px 0 17px}.employee-v2 .weekly-progress{margin:16px 0}.employee-v2 .employee-head{margin-bottom:18px}.employee-v2 .assignment-select{margin-bottom:12px}.modal .block-fields input{font-size:16px}}

/* Keep native date/time controls inside their grid tracks, including iOS Safari. */
.modal[data-modal-kind="day"] .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.modal[data-modal-kind="day"] .block-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
.modal[data-modal-kind="day"] .form-grid>*,.modal[data-modal-kind="day"] .block-fields>*{min-width:0;min-inline-size:0}
.modal[data-modal-kind="day"] input:not([type="checkbox"]),.modal[data-modal-kind="day"] select{display:block;box-sizing:border-box;min-width:0;min-inline-size:0;max-width:100%;max-inline-size:100%;width:100%;inline-size:100%}
.modal[data-modal-kind="day"] input[type="date"],.modal[data-modal-kind="day"] input[type="time"]{height:48px;min-height:48px}
.modal[data-modal-kind="day"] input::-webkit-date-and-time-value{text-align:left;min-width:0}
.modal[data-modal-kind="day"] input::-webkit-datetime-edit{padding:0;min-width:0}
@media(max-width:560px){
  .modal[data-modal-kind="day"] .form-grid{grid-template-columns:minmax(0,1fr);row-gap:0}
  .modal[data-modal-kind="day"] .block-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
  .modal[data-modal-kind="day"] .block-fields>div:nth-child(3){grid-column:1/-1}
  .modal[data-modal-kind="day"] .block-fields label{font-size:12px;line-height:1.5}
  .modal[data-modal-kind="day"] .block-fields input{padding:10px 12px;font-size:16px;min-height:48px}
}
@media(max-width:340px){.modal[data-modal-kind="day"] .block-fields{grid-template-columns:minmax(0,1fr)}}
@media(max-width:850px){.employee-v2 .employee-home-grid{grid-template-columns:1fr}.employee-v2 .employee-main{max-width:670px}.employee-v2 .employee-top{padding-left:24px;padding-right:24px}.employee-v2 .employee-home-grid>.stack{display:grid;grid-template-columns:1fr 1fr;gap:16px}.employee-v2 .employee-home-grid .reminder-note{grid-column:1/-1}.employee-v2 .hero-hours{margin:27px 0}.employee-v2 .hero-company{margin-top:22px}.employee-v2 .hero-company h2{font-size:24px}}
@media(max-width:560px){.employee-v2 .employee-top{height:65px;padding:0 17px}.employee-v2 .employee-top .brand b{font-size:18px}.employee-v2 .employee-top .brand small{font-size:7px}.employee-v2 .employee-top .brand img{width:32px;height:32px}.employee-v2 .employee-demo-line{font-size:8px;padding:7px 8px;gap:5px}.employee-v2 .employee-demo-line svg{width:11px;height:11px}.employee-v2 .employee-main{padding:25px 16px 110px}.employee-v2 h1{font-size:27px}.employee-v2 .employee-head{gap:8px;align-items:center;margin-bottom:23px}.employee-v2 .employee-head .avatar{width:36px;height:36px;font-size:11px}.employee-v2 .employee-head h1{font-size:25px}.employee-v2 .employee-head p{font-size:12px}.employee-v2 .employee-head .eyebrow{font-size:8px;letter-spacing:1.2px}.employee-v2 .employee-home-grid{gap:0}.employee-v2 .employee-home-grid>.stack{display:flex;gap:17px}.employee-v2 .employee-hero{padding:21px 19px}.employee-v2 .hero-company h2{font-size:21px}.employee-v2 .hero-company p{font-size:12px}.employee-v2 .hero-company{gap:11px;margin-top:22px}.employee-v2 .hero-hours{margin:27px 0 22px}.employee-v2 .hero-hours .hours-big{font-size:47px}.employee-v2 .panel-body{padding:20px 18px}.employee-v2 .panel-head{padding:20px 18px}.employee-v2 .employee-week-picker{gap:4px}.employee-v2 .employee-week-select{gap:6px;padding:5px 3px}.employee-v2 .employee-week-select small{font-size:9px}.employee-v2 .employee-week-select b{font-size:12px}.employee-v2 .employee-week-select>svg:first-child{display:none}.employee-v2 .employee-week-picker .icon-button{width:40px;padding:10px}.employee-v2 .week-days{padding:0 14px}.employee-v2 .day-row{gap:8px;padding:15px 0}.employee-v2 .day-label{width:40px}.employee-v2 .day-time{font-size:12px;min-width:0}.employee-v2 .day-time small{font-size:10px}.employee-v2 .day-net{font-size:11px;white-space:nowrap}.employee-v2 .day-row button{width:38px;min-width:38px;padding:9px}.employee-v2 .total-row{padding:18px;font-size:12px}.employee-v2 .total-row strong{font-size:19px}.employee-v2 .employee-nav{gap:0;padding-top:7px}.employee-v2 .employee-nav button{font-size:10px;min-width:0;min-height:53px}.employee-v2 .panel-head .between{flex-wrap:wrap}.employee-v2 .summary-meta dd{font-size:12px}.employee-v2 .summary-meta dt{font-size:10px}.employee-v2 .summary-meta{gap:18px 12px}.employee-v2 .pill{font-size:9px;max-width:100%;white-space:normal;line-height:1.5}.employee-v2 .employee-hero>.between .eyebrow{font-size:8px}.employee-v2 .assignment-select{margin-bottom:15px}.employee-v2 .table-wrap th,.employee-v2 .table-wrap td{padding:12px 7px;font-size:10px}.employee-v2 .table-wrap th{font-size:8px}.employee-v2 .table-wrap td:nth-child(2){min-width:88px}.employee-v2 .stepper{font-size:9px;gap:5px}.employee-v2 .stepper .step{gap:4px}.employee-v2 .stepper .step i{width:20px;height:20px}.employee-v2 .signature-canvas{height:205px}.employee-v2 .signed-box h4{font-size:10px}.employee-v2 .signed-box .tiny{font-size:10px}.employee-v2 .signed-box small{font-size:9px}.employee-v2 .submission-result h1{font-size:25px}.employee-v2 .handoff-header{font-size:10px;padding:12px 14px}.employee-v2 .archive-card h3{font-size:17px}.employee-v2 .archive-card strong{font-size:14px}.employee-v2 .notice-text{font-size:13px}.modal input,.modal select,.modal textarea{font-size:16px}.modal .block{padding:13px 11px}.modal .block-fields{gap:7px}.modal .block-fields input{padding:9px 4px;font-size:15px}.modal .block-fields label{font-size:10px}.modal .modal-header h2{font-size:17px}.modal .modal-footer button{min-height:46px;font-size:12px}.modal .editor-secondary{flex-direction:column;align-items:stretch}.employee-v2 .employee-state-note .pill{font-size:10px}.employee-v2 .history .between{flex-wrap:wrap}.employee-v2 .caption{font-size:11px}}
@media(max-width:560px){.employee-v2 .employee-hero{padding-top:18px}.employee-v2 .hero-company{margin-top:16px;margin-bottom:13px}.employee-v2 .hero-hours{margin:20px 0 17px}.employee-v2 .weekly-progress{margin:16px 0}.employee-v2 .employee-head{margin-bottom:18px}.employee-v2 .assignment-select{margin-bottom:12px}.modal .block-fields input{font-size:16px}}

/* iOS WebKit #301648: padding belongs on the wrapper, never the temporal input. */
body.has-modal{overflow:hidden}
.modal .temporal-control{display:flex;align-items:center;box-sizing:border-box;width:100%;max-width:100%;min-width:0;height:48px;min-height:48px;margin:0;padding:0 12px;border:1px solid #dfe3e9;border-radius:6px;background:#fff;font-size:16px;line-height:24px;font-weight:400;cursor:pointer}
.modal .temporal-control:focus-within{border-color:#d6777c;box-shadow:0 0 0 3px #d52d360c}
.modal[data-modal-kind] .temporal-control>input:is([type="date"],[type="time"]){-webkit-appearance:none;appearance:none;display:inline-block;box-sizing:border-box;flex:1 1 0%;width:100%;inline-size:100%;min-width:0;min-inline-size:0;max-width:100%;max-inline-size:100%;height:24px;min-height:24px;max-height:24px;margin:0;padding:0!important;border:0!important;border-radius:0;outline:0;box-shadow:none!important;background:transparent;color:var(--ink);font-family:inherit;font-size:16px;line-height:24px;vertical-align:middle}
.modal[data-modal-kind] .temporal-control>input::-webkit-date-and-time-value{min-width:0;min-height:0;margin:0;padding:0;line-height:24px;text-align:left}
.modal[data-modal-kind] .temporal-control>input::-webkit-datetime-edit{min-width:0;margin:0;padding:0;line-height:24px}
.modal[data-modal-kind="day"] #day-date,.modal[data-modal-kind="day"] #day-kind{box-sizing:border-box;height:48px;min-height:48px;max-height:48px;margin:0;padding:10px 12px;font-size:16px;line-height:24px}
.modal[data-modal-kind="day"] #day-date{-webkit-appearance:none;appearance:none}
.modal[data-modal-kind="day"]{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.modal[data-modal-kind="day"] .modal-header,.modal[data-modal-kind="day"] .modal-footer{flex:0 0 auto;background:#fff}
.modal[data-modal-kind="day"] .modal-content{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
.modal[data-modal-kind="day"] .modal-footer{padding-bottom:max(15px,env(safe-area-inset-bottom))}