/* EarthRoster V1410 — selective refinement of V1406.
   Availability inherits original V1405 rules without overrides.
   No JS, business logic, Firebase, messaging or push changes. */
@media(max-width:700px){
 /* Admin clock: reduce chrome, not the established hierarchy */
 html.er1395-refined body #app#app#app#app#app#app#app#app .er1394-clock .er1394-clock-overview{padding:11px!important;gap:8px!important;border-radius:17px!important}
 html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-hero{padding-bottom:9px!important}
 html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-person{padding:0!important;min-height:41px!important}
 html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-metrics{padding:6px 3px!important;border-radius:12px!important}
 html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-metrics>div{padding:3px 5px!important}
 html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-metrics strong{font-size:21px!important;line-height:1.1!important}
 html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-week-nav .er1365-btn{min-height:38px!important;min-width:38px!important;border-radius:10px!important}
 html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-comparison{padding:9px 12px!important;margin:10px 0 13px!important}
 html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-review-heading{margin:10px 0 8px!important;min-height:37px!important}
 html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-review-heading h3{font-size:18px!important}
 html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-days button{min-height:61px!important;padding:5px 1px!important}
 html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-day-list{gap:9px!important}
 html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-entry:not(.er1365-missing){border-radius:14px!important}
 /* Employee Clock — tabs and success state remain the same design */
 html.er1395-refined body #app#app#app#app#app#app#app#app .clock-subnav{padding:4px!important;border-radius:13px!important}
 html.er1395-refined body #app#app#app#app#app#app#app .clock-subnav>button{min-height:42px!important;height:42px!important;border-radius:10px!important}
 html.er1395-refined body #app#app#app#app#app#app#app .er1389-employee-clock .er1389-clear-card{padding:12px!important;border-radius:17px!important}
 html.er1395-refined body #app#app#app#app#app#app#app .er1389-employee-clock .er1034-no-shift{padding-block:7px!important;gap:11px!important}
 html.er1395-refined body #app#app#app#app#app#app#app .er1389-employee-clock .er1389-clear-actions{margin-top:7px!important;padding-top:10px!important;gap:8px!important}
 html.er1395-refined body #app#app#app#app#app#app#app .er1389-employee-clock .er1389-clear-actions button{min-height:42px!important}
 html.er1395-refined body #app#app#app#app#app#app#app .er1389-clock-metrics{border-radius:13px!important}
 /* Employee Timesheets — card density / consistent action alignments */
 html.er1395-refined body #app#app#app#app#app#app#app#app .er1394-timesheets .er1394-timesheet-overview{padding:12px!important;border-radius:17px!important}
 html.er1395-refined body #app#app#app#app#app#app#app .er1394-timesheets .ets-mini{min-height:61px!important;padding:8px 9px!important;border-radius:11px!important}
 html.er1395-refined body #app#app#app#app#app#app#app .er1394-timesheets .ets-mini strong{font-size:18px!important;line-height:1.1!important}
 html.er1395-refined body #app#app#app#app#app#app#app .er1394-timesheets .ets-summary-actions{gap:8px!important;margin:10px 0 0!important}
 html.er1395-refined body #app#app#app#app#app#app#app .er1394-timesheets .ets-summary-actions button{min-height:41px!important;height:41px!important;border-radius:10px!important}
 html.er1395-refined body #app#app#app#app#app#app#app .er1394-timesheets .ets-day{min-height:65px!important;padding:6px 0!important}
 html.er1395-refined body #app#app#app#app#app#app#app .er1394-timesheets .tsr{padding-block:13px!important}
}
/* Timesheet entry: preserve approved V1406 modal; neutralize the warm tint on client
   details and sharpen only the existing Change control. */
body[data-modal-type="record"] #modalHost .ts-client-selected{background:linear-gradient(115deg,#ffffff,#f1f5ef)!important;border-color:#d5e2d4!important}
body[data-modal-type="record"] #modalHost .ts-client-change{background:#e7f0e7!important;border:1px solid #c9ddcd!important;color:#20553b!important;border-radius:10px!important;min-height:40px!important;padding:0 12px!important;box-shadow:none!important;font-weight:750!important}
body[data-modal-type="record"] #modalHost .ts-client-change:focus-visible{outline:2px solid #2f7855!important;outline-offset:2px!important}
body[data-modal-type="record"] #modalHost .modal-foot{background:#eef3ea!important}
/* Desktop Add Shift: slightly narrower, keeping the V1406 two-column composition. */
@media(min-width:1024px){
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift{width:min(94vw,542px)!important;max-width:542px!important}
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .modal-body{padding:10px 13px!important}
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er932-team-row{min-height:51px!important;padding:9px 10px!important;border-radius:11px!important}
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er932-team-row.er962-client-trigger{min-height:59px!important;padding:5px 9px!important}
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er932-trigger{min-height:34px!important}
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er932-notes{min-height:64px!important}
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1370-job-details{min-height:38px!important}
}