/* EarthRoster V1406 — carefully scoped visual polish only.
   No interactive JavaScript, data bindings, authentication or persistence changes. */
:root { --er1406-forest:#28543f; --er1406-forest-deep:#214937; --er1406-sage:#e8efe4; --er1406-line:#d9e4d8; --er1406-canvas:#f4f2eb; --er1406-warm:#fbfaf6; --er1406-muted:#617369; }

/* BOOKINGS — a proper service-state row, not a large disconnected warning. */
html.er1395-refined body #app#app#app#app#app#app#app#app .er1394-bookings .v919-booking-actions{gap:10px!important;margin:0 0 14px!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .er1394-bookings .v919-booking-actions button{min-height:50px!important;border-radius:13px!important;font-weight:650!important;letter-spacing:-.015em!important;box-shadow:none!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .er1394-bookings .v919-booking-actions .btn-primary{background:linear-gradient(110deg,#2d654a,#234f3c)!important;border:1px solid #2f6d4f!important;color:#fff!important;}
html.er1395-refined body #app#app#app#app#app#app#app .er1394-bookings .v919-booking-actions .btn-soft{background:#fffefa!important;border-color:var(--er1406-line)!important;color:#244b36!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .er1395-connection-note{background:linear-gradient(115deg,#fcf6e7,#f8f0df)!important;border:1px solid #e8d9b8!important;border-left:4px solid #c29d59!important;border-radius:14px!important;padding:15px 14px!important;box-shadow:0 2px 10px #50422206!important;gap:9px 12px!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .er1395-connection-note strong{font:700 14px/1.35 system-ui!important;letter-spacing:-.01em!important;color:#694d28!important;}
html.er1395-refined body #app#app#app#app#app#app#app .er1395-connection-note p{font:400 12px/1.5 system-ui!important;color:#746247!important;margin-top:4px!important;}
html.er1395-refined body #app#app#app#app#app#app#app .er1395-connection-note button{min-height:40px!important;border-radius:10px!important;font-size:12px!important;padding:9px 12px!important;font-weight:700!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .er1394-bookings .v213-toolbar{border-radius:15px!important;border-color:var(--er1406-line)!important;box-shadow:0 2px 10px #20392a08!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .er1394-bookings .v213-filter{border-radius:9px!important;transition:background-color .12s,border-color .12s!important;}
html.er1395-refined body #app#app#app#app#app#app#app .er1395-booking-wait{padding:25px 18px!important;border-radius:15px!important;background:#faf8ef!important;border:1px dashed #dcd7c6!important;}

/* ADMIN CLOCK — measured hierarchy between review summary and individual entries. */
html.er1395-refined body #app#app#app#app#app#app#app#app .er1394-clock .er1394-clock-overview{border:1px solid #dce5da!important;border-top:3px solid #709375!important;background:#fffefa!important;border-radius:17px!important;padding:17px!important;box-shadow:0 5px 18px #1b49310c!important;gap:13px!important;}
html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-hero{padding:0 0 14px!important;border-bottom:1px solid #e4ebe2!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-week-nav .er1365-btn{background:#f4f7f0!important;border:1px solid #dce6d8!important;border-radius:10px!important;min-width:43px!important;min-height:43px!important;color:#3f6b50!important;}
html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-person{padding:3px 0!important;margin:0!important;}
html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-person select{font-weight:650!important;color:#2b4f3b!important;}
html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-metrics{background:#f3f7f0!important;border:1px solid #e3ebe1!important;border-radius:13px!important;padding:12px 7px!important;box-shadow:none!important;gap:0!important;}
html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-metrics>div{min-width:0!important;padding:5px 9px!important;}
html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-metrics strong{font-weight:750!important;letter-spacing:-.035em!important;}
html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-comparison{border:1px solid #dce5d9!important;border-radius:13px!important;background:#fbfcf8!important;box-shadow:none!important;padding:13px 16px!important;margin:13px 0 22px!important;}
html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-review-heading{margin:13px 0 11px!important;}
html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-review-heading h3{font-size:19px!important;font-weight:720!important;letter-spacing:-.027em!important;}
html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-view{padding:4px!important;background:#e8eee5!important;border:1px solid #dce5d7!important;border-radius:12px!important;}
html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-days{gap:6px!important;}
html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-days button{border-radius:10px!important;min-height:70px!important;transition:background .14s,border-color .14s!important;}
html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-days button.selected{background:#2d684e!important;border-color:#2d684e!important;box-shadow:0 2px 5px #20513b19!important;}
html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-day-list{gap:12px!important;}
html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-entry:not(.er1365-missing){border:1px solid #dbe5d9!important;border-radius:15px!important;box-shadow:0 3px 12px #213c2909!important;overflow:hidden!important;}
html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-entry :is(button,.er1365-btn){border-radius:9px!important;}

/* ADMIN TIMESHEET ENTRY — consistent modal sections, status, and sticky actions. */
body[data-modal-type="record"] #modalHost .record-entry-modal{border-radius:18px!important;box-shadow:0 24px 70px #10281f40!important;}
body[data-modal-type="record"] #modalHost .record-entry-modal .modal-head{background:linear-gradient(110deg,#234e3a,#2f644a)!important;color:#fffef7!important;border:0!important;}
body[data-modal-type="record"] #modalHost .te-summary{border:1px solid #d4e1d0!important;background:linear-gradient(125deg,#edf3e7,#e3eedc)!important;border-radius:15px!important;}
body[data-modal-type="record"] #modalHost .te-variance{border-radius:12px!important;line-height:1.45!important;padding:12px 13px!important;}
body[data-modal-type="record"] #modalHost .te-form-grid{gap:12px!important;}
body[data-modal-type="record"] #modalHost .te-section-heading{margin-top:12px!important;}
body[data-modal-type="record"] #modalHost .te-client-field{border-radius:11px!important;}
body[data-modal-type="record"] #modalHost :is(input,textarea,select){border-radius:10px!important;}
body[data-modal-type="record"] #modalHost .modal-foot{background:#f1f2e8!important;border-top:1px solid #d6e2d3!important;}
body[data-modal-type="record"] #modalHost .modal-foot .btn-primary{background:#315b42!important;border-radius:10px!important;}

/* EMPLOYEE HOME — subtle improvements without restructuring shift cards. */
html.er1395-refined body #app#app#app#app#app#app#app#app .er1394-home .hm-hero{border-radius:17px!important;padding:20px!important;box-shadow:0 6px 16px #204a2f12!important;}
html.er1395-refined body #app#app#app#app#app#app#app .er1394-home-stats .hm-hs{border-radius:13px!important;gap:7px!important;box-shadow:0 2px 10px #213e2b07!important;}
html.er1395-refined body #app#app#app#app#app#app#app .er1394-home-stats .hm-hs strong{font-weight:750!important;}
html.er1395-refined body #app#app#app#app#app#app#app .er1394-home .er1393-home-empty{background:#fbf9f0!important;border-color:#e4e0d0!important;border-radius:16px!important;box-shadow:0 3px 14px #1c402b08!important;}
html.er1395-refined body #app#app#app#app#app#app#app .er1394-home .er1393-home-empty .btn{border-radius:11px!important;color:#2a6045!important;font-weight:650!important;}

/* EMPLOYEE ROSTER — cleaner controls but retain the week grid and layout. */
html.er1395-refined body #app#app#app#app#app#app#app#app .rst-hero.staff{border-radius:17px!important;box-shadow:0 5px 15px #1c422e1a!important;padding-top:14px!important;padding-bottom:14px!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .rst-hero.staff .rst-hero-foot{gap:10px!important;}
html.er1395-refined body #app#app#app#app#app#app#app .rst-hero.staff .er1029-roster-hero-actions button{border-radius:10px!important;min-height:41px!important;}
html.er1395-refined body #app#app#app#app#app#app#app .ww521-roster-controls.is-employee{border-radius:16px!important;border-color:#ccdabb!important;padding-bottom:14px!important;}
html.er1395-refined body #app#app#app#app#app#app#app .ww521-roster-controls.is-employee .rst-day{border-radius:11px!important;}

/* EMPLOYEE CLOCK + TIMESHEETS — more compact empty state and clearer summary. */
html.er1395-refined body #app#app#app#app#app#app#app#app .clock-subnav{border-radius:13px!important;padding:5px!important;}
html.er1395-refined body #app#app#app#app#app#app#app .clock-subnav>button{border-radius:10px!important;min-height:46px!important;}
html.er1395-refined body #app#app#app#app#app#app#app .er1389-employee-clock .er1389-clear-card{border:1px solid #d4e2d6!important;border-top:3px solid #83a386!important;border-radius:17px!important;padding:16px!important;box-shadow:0 4px 15px #1e46300c!important;}
html.er1395-refined body #app#app#app#app#app#app#app .er1389-employee-clock .er1034-no-shift{padding-block:12px!important;}
html.er1395-refined body #app#app#app#app#app#app .er1389-employee-clock .er1389-clear-actions{border-top:1px solid #e2ebe0!important;padding-top:13px!important;margin-top:10px!important;gap:9px!important;}
html.er1395-refined body #app#app#app#app#app#app .er1389-employee-clock .er1389-clear-actions button{border-radius:10px!important;min-height:45px!important;}
html.er1395-refined body #app#app#app#app#app#app .er1389-clock-metrics{border-radius:14px!important;box-shadow:0 2px 11px #163f2d09!important;}
html.er1395-refined body #app#app#app#app#app#app#app .er1394-timesheets .er1394-timesheet-overview{border-radius:17px!important;border-top:3px solid #8aaa8b!important;padding:16px!important;box-shadow:0 4px 13px #1c4b360a!important;}
html.er1395-refined body #app#app#app#app#app#app#app .er1394-timesheets .ets-mini{border:1px solid #dce6d9!important;border-radius:11px!important;min-height:74px!important;}
html.er1395-refined body #app#app#app#app#app#app#app .er1394-timesheets .ets-mini:nth-child(3){border-color:#eadbb7!important;}
html.er1395-refined body #app#app#app#app#app#app#app .er1394-timesheets .ets-summary-actions button{border-radius:10px!important;font-weight:600!important;color:#426f51!important;}
html.er1395-refined body #app#app#app#app#app#app#app .er1394-timesheets .ets-day-card{border-radius:14px!important;box-shadow:0 2px 10px #203c3108!important;}
html.er1395-refined body #app#app#app#app#app#app#app .er1394-timesheets .ets-day{border-radius:10px!important;min-height:72px!important;}
html.er1395-refined body #app#app#app#app#app#app#app .er1394-timesheets .tsr{padding-block:17px!important;}

/* AVAILABILITY: restored exactly to V1405 by removing V1406 overrides. */

/* SHIFT FORM — align existing small calculated controls with app visual system. */
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1396-billable-row{border-radius:11px!important;background:#edf3eb!important;border:1px solid #dce7da!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1396-summary{border-radius:11px!important;border-color:#d9e5d7!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift :is(input,textarea,button):focus-visible{outline:2px solid #2e7b58!important;outline-offset:2px!important;}

@media(max-width:600px){
 html.er1395-refined body #app#app#app#app#app#app#app#app .er1395-connection-note{grid-template-columns:24px minmax(0,1fr)!important;}
 html.er1395-refined body #app#app#app#app#app#app#app#app .er1395-connection-note>span{display:flex!important;}
 html.er1395-refined body #app#app#app#app#app#app#app#app .er1395-connection-note button{grid-column:2!important;justify-self:start!important;padding:8px 17px!important;min-height:39px!important;}
 html.er1395-refined body #app#app#app#app#app#app#app#app .er1394-clock .er1394-clock-overview{padding:13px!important;}
 html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-metrics{padding:9px 3px!important;}
 html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-metrics>div{padding-inline:6px!important;}
 html.er1395-refined body #app#app#app#app#app#app#app .er1394-home .hm-hero{padding:18px!important;}
 html.er1395-refined body #app#app#app#app#app#app#app .er1394-home-stats .hm-hs{padding:12px 10px!important;}
 html.er1395-refined body #app#app#app#app#app#app#app .er1394-home .er1393-home-empty{padding:18px!important;}
 html.er1395-refined body #app#app#app#app#app#app#app .er1394-timesheets .ets-mini{min-height:69px!important;}
}
@media(prefers-reduced-motion:reduce){.avail-row .seg,.er1394-clock .er1365-days button{transition:none!important;}}