/* V1389: one row per shift, with independent distance and travel-time fields. */
@media(min-width:1024px){
 html.er1389-refined body #app#app#app#app#app .er1389-payroll{height:calc(100dvh - 94px)!important;grid-template-rows:auto minmax(0,1fr)!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1387-entry-workspace{display:flex!important;flex-direction:column!important;min-height:0!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll :is(.er1387-table-heading,.er1387-pay-footer){flex-shrink:0!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1366-pay-table{min-width:980px!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1366-pay-table col.day{width:49px!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1366-pay-table col.client{width:140px!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1366-pay-table col.source{width:162px!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1366-pay-table col.time{width:87px!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1366-pay-table col.hours{width:50px!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1366-pay-table col.km{width:85px!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1366-pay-table col.travel{width:95px!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1366-pay-table col.save{width:119px!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1366-pay-table tbody td{height:28px!important;padding:1px 5px!important;vertical-align:middle!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1366-pay-table thead th{padding:5px 5px!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1366-pay-table :is(input:not([type=hidden]),textarea[name=notes]){height:24px!important;min-height:24px!important;max-height:24px!important;padding:2px 5px!important;font-size:12px!important;line-height:18px!important;border-radius:4px!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1366-pay-table input[type=time]{padding:1px 2px!important;font-size:11px!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1366-pay-table input[type=number]{font-variant-numeric:tabular-nums!important;text-align:right!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1366-day-cell>strong{padding:0!important;font-size:10px!important;line-height:12px!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1366-day-cell>small{margin:0!important;font-size:8px!important;line-height:10px!important;white-space:nowrap!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1387-origin{height:22px!important;min-height:22px!important;max-width:100%!important;margin:0!important;padding:2px 4px!important;gap:3px!important;font-size:10px!important;white-space:nowrap!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1387-origin svg{display:none!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1366-row-hours{font-size:11px!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1388-save-actions{gap:4px!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1387-row-actions .er1365-btn{min-height:24px!important;height:24px!important;padding:2px 4px!important;font-size:10px!important;border-radius:4px!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1366-save-state{position:absolute!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;height:1px!important;width:1px!important;overflow:hidden!important;white-space:nowrap!important;margin:0!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1389-day-start:not(:first-child)>td{border-top:2px solid #c7d9c9!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll :is(.er1389-day-2,.er1389-day-4):not(.dirty)>td{background:#f8faf7!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1389-note-cell{display:flex!important;align-items:center!important;gap:3px!important;min-width:0!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1366-pay-table textarea[name=notes]{resize:none!important;white-space:nowrap!important;overflow:auto!important;scrollbar-width:none!important;font-weight:400!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1389-expand-notes{display:grid!important;place-items:center!important;flex:0 0 22px!important;width:22px!important;height:24px!important;min-height:24px!important;padding:3px!important;border:0!important;border-radius:3px!important;background:transparent!important;color:#59725f!important;cursor:pointer!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1389-expand-notes svg{width:13px!important;height:13px!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1366-table-scroll{flex:1 1 auto!important;min-height:0!important;max-height:none!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1387-pay-footer{padding-block:2px!important;}
}
@media(min-width:1200px){
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1388-week-controls{display:grid!important;grid-template-columns:59% 41%!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1387-review-bar{min-height:52px!important;padding:6px 10px!important;gap:9px!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1387-person{flex-basis:250px!important;gap:6px!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1387-person-avatar{width:27px!important;height:27px!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1387-person>label{min-width:110px!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll :is(.er1387-employee-nav,.er1387-period-nav)>.er1365-btn{width:24px!important;min-width:24px!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1387-period-nav>div{min-width:194px!important;padding:0 4px!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1387-pay-summary{min-height:52px!important;border-top:0!important;border-left:1px solid #e0e7dd!important;grid-template-columns:1fr 1fr 1.1fr .7fr!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1387-pay-summary>div{display:grid!important;align-content:center!important;gap:3px!important;padding:6px 10px!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1387-pay-summary>div>span{font-size:9px!important;white-space:nowrap!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1387-pay-summary strong{font-size:16px!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-payroll .er1387-pay-summary strong small{font-size:10px!important;}
}
/* The employee overview has one clear empty state and one consistent metric strip. */
html.er1389-refined body #app#app#app#app#app .er1389-employee-clock{max-width:960px!important;margin:0 auto!important;}
html.er1389-refined body #app#app#app#app#app .er1389-employee-clock .er1034-ready-stack{display:grid!important;gap:14px!important;}
html.er1389-refined body #app#app#app#app#app .er1389-employee-clock .er1389-clear-card{padding:20px!important;border:1px solid #d9e3d9!important;border-top:3px solid #4c8262!important;border-radius:16px!important;background:#fff!important;box-shadow:0 5px 18px #243f3010!important;}
html.er1389-refined body #app#app#app#app#app .er1389-employee-clock .v499-ready-top{gap:10px!important;}
html.er1389-refined body #app#app#app#app#app .er1389-employee-clock .v499-ready-top>em{font-size:12px!important;white-space:nowrap!important;color:#69776c!important;}
html.er1389-refined body #app#app#app#app#app .er1389-employee-clock .v499-ready-status{padding:6px 9px!important;letter-spacing:.04em!important;font-size:10px!important;}
html.er1389-refined body #app#app#app#app#app .er1389-employee-clock .er1034-no-shift{display:flex!important;align-items:center!important;gap:14px!important;min-height:0!important;padding:28px 0!important;}
html.er1389-refined body #app#app#app#app#app .er1389-employee-clock .er1389-clear-icon{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;flex:0 0 48px!important;background:#eaf3e8!important;border-radius:14px!important;color:#417858!important;}
html.er1389-refined body #app#app#app#app#app .er1389-employee-clock .er1389-clear-icon svg{width:26px!important;height:26px!important;}
html.er1389-refined body #app#app#app#app#app .er1389-employee-clock .er1034-no-shift strong{font:650 21px/1.25 system-ui,sans-serif!important;color:#244b36!important;letter-spacing:-.03em!important;}
html.er1389-refined body #app#app#app#app#app .er1389-employee-clock .er1034-no-shift em{display:block!important;margin-top:6px!important;font:400 13px/1.5 system-ui,sans-serif!important;color:#68776d!important;}
html.er1389-refined body #app#app#app#app#app .er1389-clear-actions{display:flex!important;gap:10px!important;border-top:1px solid #e6ece3!important;padding-top:16px!important;}
html.er1389-refined body #app#app#app#app#app .er1389-clear-actions>.btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:42px!important;height:auto!important;flex:1!important;font-size:12px!important;padding:8px!important;border-radius:8px!important;box-shadow:none!important;}
html.er1389-refined body #app#app#app#app#app .er1389-clear-actions>.btn svg{width:15px!important;height:15px!important;}
html.er1389-refined body #app#app#app#app#app .er1389-clear-actions>.btn-ghost svg{transform:rotate(180deg)!important;}
html.er1389-refined body #app#app#app#app#app .er1389-clock-metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;border:1px solid #dce5da!important;border-radius:12px!important;overflow:hidden!important;background:#fff!important;box-shadow:none!important;}
html.er1389-refined body #app#app#app#app#app .er1389-clock-metrics>div{display:flex!important;align-items:center!important;gap:10px!important;padding:16px 14px!important;border:0!important;border-right:1px solid #e3e9df!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
html.er1389-refined body #app#app#app#app#app .er1389-clock-metrics>div:last-child{border-right:0!important;}
html.er1389-refined body #app#app#app#app#app .er1389-clock-metrics .er1389-stat-icon{display:grid!important;place-items:center!important;background:#edf4eb!important;border-radius:9px!important;width:32px!important;height:32px!important;flex:0 0 32px!important;color:#3b6f4f!important;}
html.er1389-refined body #app#app#app#app#app .er1389-clock-metrics svg{width:18px!important;height:18px!important;}
html.er1389-refined body #app#app#app#app#app .er1389-clock-metrics em{display:block!important;font:500 10px/1.4 system-ui,sans-serif!important;text-transform:none!important;letter-spacing:0!important;color:#6c7a6d!important;}
html.er1389-refined body #app#app#app#app#app .er1389-clock-metrics strong{display:block!important;font:650 23px/1.3 system-ui,sans-serif!important;letter-spacing:-.03em!important;color:#274e38!important;}
html.er1389-refined body #app#app#app#app#app .er1389-clock-metrics strong small{font-size:12px!important;margin-left:2px!important;}
html.er1389-refined body #app#app#app#app#app .er1389-employee-clock .v499-shift-index{width:68px!important;min-width:68px!important;flex:0 0 68px!important;}
html.er1389-refined body #app#app#app#app#app .er1389-employee-clock .v499-shift-index strong{font-size:20px!important;line-height:1.2!important;letter-spacing:-.03em!important;white-space:nowrap!important;}
/* Client onboarding is available directly on the dashboard and desktop sidebar. */
html.er1389-refined body #app#app#app#app#app .er1389-client-access{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;background:#fff!important;border:1px solid #dce5da!important;border-radius:12px!important;padding:13px 16px!important;margin:0 0 14px!important;}
html.er1389-refined body #app#app#app#app#app .er1389-client-access>div{display:flex!important;align-items:center!important;gap:10px!important;}
html.er1389-refined body #app#app#app#app#app .er1389-client-access>div>span{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border-radius:10px!important;background:#edf3e9!important;color:#3d6b4c!important;}
html.er1389-refined body #app#app#app#app#app .er1389-client-access svg{width:18px!important;height:18px!important;flex-shrink:0!important;}
html.er1389-refined body #app#app#app#app#app .er1389-client-access p{display:grid!important;gap:3px!important;margin:0!important;}
html.er1389-refined body #app#app#app#app#app .er1389-client-access strong{font-size:14px!important;color:#2d4a36!important;}
html.er1389-refined body #app#app#app#app#app .er1389-client-access small{font-size:11px!important;color:#6b786e!important;}
html.er1389-refined body #app#app#app#app#app .er1389-client-access nav{display:flex!important;align-items:center!important;gap:8px!important;}
html.er1389-refined body #app#app#app#app#app .er1389-client-access nav>button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:44px!important;padding:9px 13px!important;border:1px solid #d7e1d3!important;border-radius:8px!important;background:#fff!important;color:#3a6146!important;font:600 12px/1.4 system-ui,sans-serif!important;white-space:nowrap!important;box-shadow:none!important;}
html.er1389-refined body #app#app#app#app#app .er1389-client-access nav>button.er1389-add-client{background:#315f44!important;color:#fff!important;border-color:#315f44!important;}
html.er1389-refined body #app#app#app#app#app .er1389-client-access [data-tab=clients] svg{transform:rotate(180deg)!important;width:14px!important;}
html.er1389-refined body #modalHost#modalHost#modalHost#modalHost#modalHost .er1389-client-form{max-width:540px!important;}
html.er1389-refined body #modalHost#modalHost#modalHost#modalHost#modalHost .er1389-client-form .modal-body{padding:20px!important;}
html.er1389-refined body #modalHost#modalHost#modalHost#modalHost#modalHost .er1389-client-form .field{margin:0 0 16px!important;}
html.er1389-refined body #modalHost#modalHost#modalHost#modalHost#modalHost .er1389-client-form .field>label{display:block!important;font-size:12px!important;font-weight:600!important;color:#47634f!important;margin-bottom:7px!important;}
html.er1389-refined body #modalHost#modalHost#modalHost#modalHost#modalHost .er1389-client-form :is(input,textarea){background:#fff!important;color:#2c4232!important;border:1px solid #d2ddce!important;border-radius:8px!important;font-size:16px!important;padding:11px 12px!important;min-width:0!important;width:100%!important;}
html.er1389-refined body #modalHost#modalHost#modalHost#modalHost#modalHost .er1389-client-form .row2{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;}
html.er1389-refined body #modalHost#modalHost#modalHost#modalHost#modalHost .er1389-notes-editor{display:grid!important;gap:12px!important;}
html.er1389-refined body #modalHost#modalHost#modalHost#modalHost#modalHost .er1389-notes-editor textarea{width:100%!important;min-height:200px!important;padding:14px!important;border:1px solid #cddbc8!important;border-radius:8px!important;font:400 15px/1.6 system-ui,sans-serif!important;color:#2e4935!important;background:#fff!important;}
html.er1389-refined body #modalHost#modalHost#modalHost#modalHost#modalHost .er1389-notes-editor label{font-size:13px!important;font-weight:600!important;}
html.er1389-refined body #modalHost#modalHost#modalHost#modalHost#modalHost .er1389-notes-editor p{font-size:12px!important;color:#66796a!important;}
html.er1389-refined body #modalHost#modalHost#modalHost#modalHost#modalHost:has(.er1389-client-form,.er1389-notes-modal) .modal-overlay{box-sizing:border-box!important;top:var(--er1380-view-top,0px)!important;height:var(--er1380-visible-height,100dvh)!important;max-height:var(--er1380-visible-height,100dvh)!important;padding:calc(12px + var(--er1328-safe-top,env(safe-area-inset-top,0px))) 12px calc(12px + var(--er1328-safe-bottom,env(safe-area-inset-bottom,0px)))!important;align-items:center!important;}
html.er1389-refined body #modalHost#modalHost#modalHost#modalHost#modalHost :is(.er1389-client-form,.er1389-notes-modal){max-height:calc(var(--er1380-visible-height,100dvh) - 24px - var(--er1328-safe-top,env(safe-area-inset-top,0px)) - var(--er1328-safe-bottom,env(safe-area-inset-bottom,0px)))!important;min-height:0!important;display:flex!important;flex-direction:column!important;}
html.er1389-refined body #modalHost#modalHost#modalHost#modalHost#modalHost :is(.er1389-client-form,.er1389-notes-modal) .modal-body{min-height:0!important;flex:1 1 auto!important;overflow-y:auto!important;}
html.er1389-refined body #modalHost#modalHost#modalHost#modalHost#modalHost :is(.er1389-client-form,.er1389-notes-modal) :is(.modal-head,.modal-foot){flex-shrink:0!important;}
html.er1389-refined body #modalHost#modalHost#modalHost#modalHost#modalHost .er1389-client-form .modal-head{background:#fff!important;color:#2d4f38!important;padding:14px 20px!important;border-bottom:1px solid #e1e7dd!important;}
html.er1389-refined body #modalHost#modalHost#modalHost#modalHost#modalHost .er1389-client-form .modal-head h2{color:#2d4f38!important;font-size:21px!important;}
html.er1389-refined body #modalHost#modalHost#modalHost#modalHost#modalHost .er1389-client-form .modal-x{width:42px!important;height:42px!important;min-height:42px!important;background:#f0f5ec!important;color:#416249!important;}
@media(max-width:600px){
 html.er1389-refined body #app#app#app#app#app .er1319-dashboard:has(>.er1389-client-access) .er1319-welcome-art{right:0!important;max-width:50%!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-client-access{padding:12px!important;flex-wrap:wrap!important;gap:11px!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-client-access nav{width:100%!important;display:grid!important;grid-template-columns:1fr 1.3fr!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-client-access nav>button{min-height:44px!important;font-size:13px!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-clock-metrics>div{display:grid!important;gap:8px!important;padding:12px 10px!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-clock-metrics .er1389-stat-icon{width:28px!important;height:28px!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-clock-metrics em{font-size:10px!important;}
 html.er1389-refined body #app#app#app#app#app .er1389-clock-metrics strong{font-size:24px!important;}
 html.er1389-refined body #modalHost#modalHost#modalHost#modalHost#modalHost .er1389-client-form .row2{grid-template-columns:1fr!important;gap:0!important;}
}