/* EarthRoster V1452.170 — Timesheet Settings, exact-reference UI treatment.
   Scope only to the live er151-dialog.er154-settings; no changes to roster, payroll logic or other dialogs. */
@layer er-earth {
html.er-earth body dialog#er151-dialog.er154-settings {
  --er170-ink:#102719; --er170-muted:#414d46; --er170-green:#215b36;
  box-sizing:border-box!important;
  width:min(730px,calc(100vw - 36px))!important;
  max-width:730px!important;max-height:min(940px,calc(100dvh - 30px))!important;
  height:auto!important; margin:auto!important;
  background:#fffcf7!important;color:var(--er170-ink)!important;
  border:1px solid #dddcd3!important;border-radius:24px!important;
  box-shadow:0 18px 44px #1a342e33,0 2px 8px #172a2414!important;
  overflow:hidden!important;
}
html.er-earth body dialog#er151-dialog.er154-settings::backdrop{background:#152a20a8!important;backdrop-filter:blur(5px)!important}
html.er-earth body #er151-dialog.er154-settings>header{
  background:linear-gradient(130deg,#fffdf9 0%,#f5f2eb 100%)!important;
  padding:28px 30px 23px!important;gap:20px!important;min-height:auto!important;
  border-bottom:1px solid #e2ded6!important;align-items:flex-start!important;
}
html.er-earth body #er151-dialog.er154-settings>header>div{min-width:0!important}
html.er-earth body #er151-dialog.er154-settings>header small{
  display:block!important;color:#284a36!important;letter-spacing:0!important;
  text-transform:none!important;font:650 17px/1.3 system-ui,-apple-system,sans-serif!important;margin:0 0 7px!important;
}
html.er-earth body #er151-dialog.er154-settings>header h2{
  color:#0d2015!important;letter-spacing:-.035em!important;
  font:780 32px/1.13 system-ui,-apple-system,sans-serif!important;
  overflow-wrap:normal!important; margin:0!important;
}
html.er-earth body #er151-dialog.er154-settings>header button{
  width:54px!important;height:54px!important;min-width:54px!important; flex:none!important;
  border:1px solid #d4d0c7!important;border-radius:15px!important;
  background:#fdfbf6!important;color:#153d25!important;
  font:400 35px/1 system-ui!important;box-shadow:0 1px 2px #0000000d!important;
}
html.er-earth body #er151-dialog.er154-settings>.er151-body{
  flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;
  padding:26px 25px 28px!important;background:#fffcf8!important;
}
html.er-earth body #er151-dialog.er154-settings .er154-settings-intro{
  font:400 17px/1.48 system-ui,-apple-system,sans-serif!important;
  color:#26332d!important;margin:0 3px 25px!important;
}
html.er-earth body #er151-dialog.er154-settings .er154-field-options{
  display:grid!important;gap:12px!important;border:0!important;border-radius:0!important;
  overflow:visible!important;background:transparent!important;
}
html.er-earth body #er151-dialog.er154-settings .er154-field-options>label.er170-option{
  display:flex!important;align-items:center!important;gap:16px!important;
  box-sizing:border-box!important;cursor:pointer!important;min-height:100px!important;margin:0!important;
  padding:16px 18px!important;background:linear-gradient(135deg,#f6f5f0 0%,#eeeee8 100%)!important;
  border:1px solid #e4e1db!important;border-radius:18px!important;
  box-shadow:0 1px 2px #30362408!important;
}
html.er-earth body #er151-dialog.er154-settings .er154-field-options>label.er170-option+label.er170-option{border-top:1px solid #e4e1db!important}
html.er-earth body #er151-dialog.er154-settings .er154-field-options .er170-icon{
  display:grid!important;place-items:center!important;flex:0 0 62px!important;
  width:62px!important;height:62px!important;border-radius:50%!important;
  color:#805a27!important;background:#f0e8da!important;
}
html.er-earth body #er151-dialog.er154-settings .er170-option-travelMins .er170-icon{color:#23543a!important;background:#e2eee4!important}
html.er-earth body #er151-dialog.er154-settings .er170-option-km .er170-icon{color:#9a6d28!important;background:#f2e9d9!important}
html.er-earth body #er151-dialog.er154-settings .er170-option-notes .er170-icon{color:#2e4664!important;background:#e7e7ec!important}
html.er-earth body #er151-dialog.er154-settings .er170-icon svg{width:31px!important;height:31px!important;display:block!important}
html.er-earth body #er151-dialog.er154-settings .er154-field-options .er170-copy{
  min-width:0!important;flex:1 1 auto!important;display:block!important;
}
html.er-earth body #er151-dialog.er154-settings .er154-field-options .er170-copy strong{
  display:block!important;color:#0d1610!important;font:720 20px/1.2 system-ui,-apple-system,sans-serif!important;
  letter-spacing:-.02em!important;
}
html.er-earth body #er151-dialog.er154-settings .er154-field-options .er170-copy small{
  display:block!important;color:#374139!important;margin:6px 0 0!important;
  font:400 14px/1.4 system-ui,-apple-system,sans-serif!important;
}
html.er-earth body #er151-dialog.er154-settings .er170-switch{
  position:relative!important;flex:0 0 58px!important;width:58px!important;height:36px!important;
  display:block!important;margin-left:auto!important;isolation:isolate!important;
}
html.er-earth body #er151-dialog.er154-settings .er154-field-options .er170-switch input[type=checkbox]{
  position:absolute!important;top:0!important;left:0!important;z-index:3!important;
  appearance:none!important;-webkit-appearance:none!important;
  width:58px!important;height:36px!important;min-width:58px!important;
  padding:0!important;margin:0!important;border:0!important;
  opacity:0!important;cursor:pointer!important;transform:none!important;
}
html.er-earth body #er151-dialog.er154-settings .er170-track{
  position:absolute!important;inset:0!important;pointer-events:none!important;
  border-radius:999px!important;background:#b7b8b6!important;
  box-shadow:inset 0 1px 3px #343c371a!important;
  transition:background-color .16s ease!important;
}
html.er-earth body #er151-dialog.er154-settings .er170-track:before{
  content:""!important;position:absolute!important;width:29px!important;height:29px!important;
  top:3.5px!important;left:3.5px!important;border-radius:50%!important;
  background:#fff!important;box-shadow:0 1px 4px #15271b55!important;
  transition:transform .16s ease!important;
}
html.er-earth body #er151-dialog.er154-settings input:checked+.er170-track{background:#507a38!important}
html.er-earth body #er151-dialog.er154-settings input:checked+.er170-track:before{transform:translateX(22px)!important}
html.er-earth body #er151-dialog.er154-settings input:focus-visible+.er170-track{outline:3px solid #7cae84!important;outline-offset:3px!important}
html.er-earth body #er151-dialog.er154-settings .er154-settings-note{
  display:flex!important;align-items:center!important;gap:13px!important;
  padding:17px 18px!important;margin:23px 0 0!important;
  border:1px solid #e1e9d5!important;border-radius:17px!important;
  background:linear-gradient(100deg,#eaf2e1,#f2f2e6)!important;
  color:#233827!important;font:400 14px/1.45 system-ui,-apple-system,sans-serif!important;
}
html.er-earth body #er151-dialog.er154-settings .er170-note-icon{
  display:grid!important;place-items:center!important; flex:0 0 32px!important;
  width:32px!important;height:32px!important;border:2px solid #2c633d!important;
  border-radius:50%!important;color:#2c633d!important;font:800 22px/1 system-ui!important;
}
html.er-earth body #er151-dialog.er154-settings>footer{
  display:grid!important;grid-template-columns:1fr 1.35fr!important;gap:14px!important;
  padding:20px 25px 22px!important;background:#fffcf8!important;border-top:1px solid #e5e1da!important;
}
html.er-earth body #er151-dialog.er154-settings>footer>.er151-btn{
  min-width:0!important;width:100%!important;min-height:57px!important;
  border-radius:15px!important;font:700 17px/1.25 system-ui,-apple-system,sans-serif!important;
}
html.er-earth body #er151-dialog.er154-settings>footer>.er151-btn.soft{
  color:#163b27!important;border:1px solid #d2c9ba!important;
  background:#fdfbf7!important;
}
html.er-earth body #er151-dialog.er154-settings>footer>#er154-save-fields{
  border:1px solid #1e5134!important;background:linear-gradient(160deg,#2b6c43,#195332)!important;color:white!important;
}
html.er-earth body #er151-dialog.er154-settings>footer>#er154-save-fields:disabled{opacity:.57!important}
@media(max-width:700px){
 html.er-earth body dialog#er151-dialog.er154-settings{
   width:calc(100vw - 18px)!important;max-width:calc(100vw - 18px)!important;
   height:auto!important;max-height:calc(100dvh - 22px)!important;
   margin:auto!important;border-radius:20px!important;left:auto!important;right:auto!important;
 }
 html.er-earth body #er151-dialog.er154-settings>header{padding:19px 18px 17px!important}
 html.er-earth body #er151-dialog.er154-settings>header small{font-size:14px!important}
 html.er-earth body #er151-dialog.er154-settings>header h2{font-size:26px!important}
 html.er-earth body #er151-dialog.er154-settings>header button{height:44px!important;width:44px!important;min-width:44px!important;font-size:27px!important;border-radius:12px!important}
 html.er-earth body #er151-dialog.er154-settings>.er151-body{padding:18px 15px 20px!important}
 html.er-earth body #er151-dialog.er154-settings .er154-settings-intro{font-size:14px!important;margin:0 1px 17px!important;line-height:1.5!important}
 html.er-earth body #er151-dialog.er154-settings .er154-field-options{gap:10px!important}
 html.er-earth body #er151-dialog.er154-settings .er154-field-options>label.er170-option{min-height:91px!important;padding:12px!important;gap:12px!important;border-radius:15px!important}
 html.er-earth body #er151-dialog.er154-settings .er154-field-options .er170-icon{width:48px!important;height:48px!important;flex-basis:48px!important}
 html.er-earth body #er151-dialog.er154-settings .er170-icon svg{width:25px!important;height:25px!important}
 html.er-earth body #er151-dialog.er154-settings .er154-field-options .er170-copy strong{font-size:16px!important}
 html.er-earth body #er151-dialog.er154-settings .er154-field-options .er170-copy small{font-size:12px!important;line-height:1.35!important;margin-top:4px!important}
 html.er-earth body #er151-dialog.er154-settings .er170-switch{width:48px!important;height:30px!important;flex-basis:48px!important}
 html.er-earth body #er151-dialog.er154-settings .er154-field-options .er170-switch input[type=checkbox]{width:48px!important;min-width:48px!important;height:30px!important}
 html.er-earth body #er151-dialog.er154-settings .er170-track:before{width:24px!important;height:24px!important;top:3px!important;left:3px!important}
 html.er-earth body #er151-dialog.er154-settings input:checked+.er170-track:before{transform:translateX(18px)!important}
 html.er-earth body #er151-dialog.er154-settings .er154-settings-note{font-size:12px!important;padding:13px!important;gap:9px!important;margin-top:17px!important}
 html.er-earth body #er151-dialog.er154-settings .er170-note-icon{flex-basis:27px!important;width:27px!important;height:27px!important;font-size:18px!important}
 html.er-earth body #er151-dialog.er154-settings>footer{gap:10px!important;padding:12px 15px calc(13px + env(safe-area-inset-bottom,0px))!important}
 html.er-earth body #er151-dialog.er154-settings>footer>.er151-btn{min-height:49px!important;font-size:15px!important;border-radius:12px!important}
}
@media(max-width:350px){
 html.er-earth body #er151-dialog.er154-settings .er154-field-options>label.er170-option{gap:9px!important;padding:10px!important}
 html.er-earth body #er151-dialog.er154-settings .er154-field-options .er170-icon{width:42px!important;height:42px!important;flex-basis:42px!important}
 html.er-earth body #er151-dialog.er154-settings .er154-field-options .er170-copy strong{font-size:15px!important}
 html.er-earth body #er151-dialog.er154-settings .er154-field-options .er170-copy small{font-size:11.5px!important}
}
}