/* EarthRoster V1383 — employee mobile Timesheets screen only.
   Keep all existing data/actions/statuses. No changes to Clock, admin payroll or messaging. */
@media (max-width: 760px) {
  html body.ww-app-visible #app #page .emp-ts-zone.er1379-timesheets {
    display:flex!important;flex-direction:column!important;gap:11px!important;
    min-width:0!important;width:100%!important;margin:2px auto 0!important;
    padding:0 0 calc(22px + env(safe-area-inset-bottom, 0px))!important;
    box-sizing:border-box!important;overflow:visible!important;
    font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  }
  /* One cohesive compact branded week header, with large week controls. */
  html body.ww-app-visible #app #page .er1379-timesheets .ets-hero {
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    min-height:91px!important;gap:8px!important;margin:0!important;padding:16px 14px!important;
    border:1px solid #38664e!important;border-radius:17px!important;
    background:linear-gradient(115deg,#215941,#1b4634 72%,#163a2c)!important;
    color:#f5f7ef!important;box-shadow:0 7px 20px rgba(25,62,40,.16)!important;
    box-sizing:border-box!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .ets-hero > div:first-child{flex:1 1 auto!important;min-width:0!important}
  html body.ww-app-visible #app #page .er1379-timesheets .ets-hero h2 {
    font:750 21px/1.15 system-ui,sans-serif!important;letter-spacing:-.035em!important;
    color:#fffdf6!important;margin:0 0 7px!important;text-transform:none!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .ets-week-line {
    font:500 12px/1.35 system-ui,sans-serif!important;color:#d6e5d7!important;
    margin:0!important;letter-spacing:0!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .ets-week-nav {display:flex!important;gap:7px!important;flex:0 0 auto!important}
  html body.ww-app-visible #app #page .er1379-timesheets .ets-week-nav .rh-nav {
    display:grid!important;place-items:center!important;width:38px!important;min-width:38px!important;
    height:42px!important;min-height:42px!important;padding:0!important;border-radius:10px!important;
    border:1px solid rgba(244,251,244,.26)!important;background:rgba(255,255,255,.12)!important;
    color:#fffdf6!important;box-shadow:none!important;transform:none;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .ets-week-nav .rh-nav svg {width:18px!important;height:18px!important;stroke:#fffdf6!important}
  /* The 3 statistics are real numbers from the existing timesheet renderer. */
  html body.ww-app-visible #app #page .er1379-timesheets .ets-stat-grid {
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    margin:0!important;gap:7px!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .ets-mini,
  html body.ww-app-visible #app #page .er1379-timesheets .ets-mini:nth-child(2),
  html body.ww-app-visible #app #page .er1379-timesheets .ets-mini:nth-child(3) {
    box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
    align-items:flex-start!important;justify-content:center!important;gap:4px!important;
    min-width:0!important;min-height:76px!important;margin:0!important;padding:12px 10px!important;
    border:1px solid #d8e2d2!important;border-radius:14px!important;
    background:#e5eee2!important;box-shadow:none!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .ets-mini:nth-child(2){background:#f8f9f2!important;border-color:#dce5d9!important}
  html body.ww-app-visible #app #page .er1379-timesheets .ets-mini:nth-child(3){background:#f1ead6!important;border-color:#e7dbba!important}
  html body.ww-app-visible #app #page .er1379-timesheets .ets-mini em,
  html body.ww-app-visible #app #page .er1379-timesheets .ets-mini:nth-child(2) em,
  html body.ww-app-visible #app #page .er1379-timesheets .ets-mini:nth-child(3) em {
    display:block!important;font:700 10px/1.2 system-ui,sans-serif!important;
    letter-spacing:.045em!important;text-transform:uppercase!important;color:#5f7464!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .ets-mini:nth-child(3) em{color:#8a7347!important}
  html body.ww-app-visible #app #page .er1379-timesheets .ets-mini strong {
    font:780 24px/1.05 system-ui,sans-serif!important;letter-spacing:-.05em!important;
    color:#214932!important;white-space:nowrap!important;
  }
  /* Keep both export actions visible, large enough to press. */
  html body.ww-app-visible #app #page .er1379-timesheets .ets-summary-actions {
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    margin:0!important;gap:7px!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .ets-summary-actions button,
  html body.ww-app-visible #app #page .er1379-timesheets .ets-download,
  html body.ww-app-visible #app #page .er1379-timesheets .ets-email-summary {
    display:flex!important;align-items:center!important;justify-content:center!important;
    gap:7px!important;box-sizing:border-box!important;min-width:0!important;width:100%!important;
    min-height:45px!important;height:auto!important;margin:0!important;padding:9px 8px!important;
    border:1px solid #c7d9ca!important;border-radius:11px!important;
    font:650 12px/1.2 system-ui,sans-serif!important;white-space:normal!important;
    box-shadow:none!important;text-transform:none!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .ets-download {
    background:#f8faf4!important;color:#28593d!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .ets-email-summary {
    background:#255b42!important;color:#fffdf4!important;border-color:#255b42!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .ets-summary-actions svg {width:16px!important;height:16px!important;min-width:16px!important}
  /* Each weekday remains tappable at the original seven-column density. */
  html body.ww-app-visible #app #page .er1379-timesheets .ets-day-row {
    display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;
    width:100%!important;gap:5px!important;margin:2px 0 0!important;overflow:visible!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .ets-day {
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    box-sizing:border-box!important;width:100%!important;min-width:0!important;
    min-height:67px!important;margin:0!important;padding:7px 0!important;gap:4px!important;
    border:1px solid #d9e3d9!important;border-radius:12px!important;
    background:#fbfcf7!important;box-shadow:none!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .ets-day>span {
    font:700 9px/1 system-ui,sans-serif!important;letter-spacing:.04em!important;color:#708071!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .ets-day>strong {
    font:780 19px/1 system-ui,sans-serif!important;letter-spacing:-.025em!important;color:#263c2e!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .ets-day>em {
    min-height:10px!important;font:600 9px/1 system-ui,sans-serif!important;color:#6c806e!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .ets-day.sel {
    border-color:#285b41!important;background:linear-gradient(145deg,#29674a,#193f2e)!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .ets-day.sel :is(span,strong,em){color:#fffdf4!important}
  /* Today’s entries and their existing editable/locked actions. */
  html body.ww-app-visible #app #page .er1379-timesheets .ets-day-card {
    box-sizing:border-box!important;width:100%!important;min-width:0!important;
    padding:12px!important;border:1px solid #d7e0d4!important;border-radius:16px!important;
    background:#f8faf4!important;box-shadow:0 4px 14px rgba(21,48,31,.05)!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .ets-day-head {
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    gap:8px!important;margin:0 0 11px!important;min-height:44px!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .ets-day-head>div{min-width:0!important;flex:1 1 auto!important}
  html body.ww-app-visible #app #page .er1379-timesheets .ets-day-head strong {
    display:block!important;font:730 16px/1.2 system-ui,sans-serif!important;
    letter-spacing:-.02em!important;color:#284b36!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .ets-day-head span {
    display:block!important;margin-top:4px!important;
    font:500 11px/1.2 system-ui,sans-serif!important;color:#708073!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .ets-day-head button {
    display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;
    min-height:42px!important;height:42px!important;min-width:100px!important;
    gap:5px!important;padding:0 11px!important;border:0!important;border-radius:10px!important;
    background:#2c6546!important;color:#fff!important;
    font:700 12px/1.2 system-ui,sans-serif!important;box-shadow:none!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .ets-day-head button svg{width:15px!important;height:15px!important}
  html body.ww-app-visible #app #page .er1379-timesheets .tsr-emp {
    box-sizing:border-box!important;position:relative!important;width:100%!important;min-width:0!important;
    margin:8px 0 0!important;padding:12px 10px!important;
    border:1px solid #d5e0d3!important;border-left:4px solid #49805d!important;border-radius:11px!important;
    background:#fffefa!important;box-shadow:none!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .tsr-emp .tsr-main{gap:10px!important;align-items:center!important;min-width:0!important}
  html body.ww-app-visible #app #page .er1379-timesheets .tsr-ic{
    flex:0 0 35px!important;width:35px!important;height:35px!important;min-width:35px!important;
    border-radius:10px!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .tsr-ic svg{width:17px!important;height:17px!important}
  html body.ww-app-visible #app #page .er1379-timesheets .tsr-info{min-width:0!important;flex:1 1 auto!important}
  html body.ww-app-visible #app #page .er1379-timesheets .tsr-top {
    display:flex!important;flex-wrap:wrap!important;gap:5px 8px!important;
    align-items:center!important;margin:0 0 6px!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .tsr-top strong {
    min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;
    font:720 13px/1.22 system-ui,sans-serif!important;color:#273a2c!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .tsr-top .pill {
    display:inline-flex!important;align-items:center!important;min-height:21px!important;
    padding:3px 7px!important;font:700 9px/1.15 system-ui,sans-serif!important;
    border-radius:99px!important;white-space:nowrap!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .tsr-stats {
    display:flex!important;flex-wrap:wrap!important;gap:4px 9px!important;
    width:100%!important;white-space:normal!important;overflow:visible!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .tsr-stats span {
    white-space:normal!important;font:500 10.5px/1.3 system-ui,sans-serif!important;color:#5d6e60!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .tsr-stats .tsr-strong {
    font-weight:740!important;color:#34543d!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets :is(.tsr-note,.tsr-hint) {
    display:block!important;overflow:visible!important;white-space:normal!important;text-overflow:clip!important;
    font:450 10.5px/1.35 system-ui,sans-serif!important;color:#7a887b!important;
    margin:5px 0 0!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .tsr-edit {
    display:grid!important;place-items:center!important;
    width:32px!important;height:36px!important;min-width:32px!important;
    flex:0 0 32px!important;border-radius:9px!important;
    background:#eef3e9!important;color:#3a5c43!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .tsr-edit svg{width:15px!important;height:15px!important}
  /* The existing history disclosure is collapsed until requested; improve its hierarchy. */
  html body.ww-app-visible #app #page .er1379-timesheets .er1379-history {
    margin:1px 0 0!important;border:1px solid #d6e1d2!important;border-radius:15px!important;
    background:#f1f6ed!important;box-shadow:none!important;overflow:hidden!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .er1379-history>summary{
    min-height:59px!important;padding:13px 15px!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .er1379-history>summary strong {
    font:730 14px/1.25 system-ui,sans-serif!important;color:#284f37!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .er1379-history>summary small {
    font:450 11px/1.25 system-ui,sans-serif!important;color:#728173!important;margin-top:3px!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .er1379-history .treq-zone{
    box-sizing:border-box!important;width:100%!important;min-width:0!important;padding:10px!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .er1379-history .treq-row {
    box-sizing:border-box!important;width:100%!important;min-width:0!important;
    gap:8px!important;flex-wrap:wrap!important;padding:11px!important;
    background:#fffefa!important;border:1px solid #dee6d8!important;border-radius:11px!important;
  }
  html body.ww-app-visible #app #page .er1379-timesheets .er1379-history .treq-date{min-width:75px!important}
  html body.ww-app-visible #app #page .er1379-timesheets .er1379-history .treq-main {min-width:110px!important;flex:1 1 110px!important}
  html body.ww-app-visible #app #page .er1379-timesheets .er1379-history .treq-main strong {white-space:normal!important;overflow-wrap:anywhere!important;font-size:12px!important}
  html body.ww-app-visible #app #page .er1379-timesheets .er1379-history .treq-main em {white-space:normal!important;line-height:1.35!important;font-size:10px!important}
  html body.ww-app-visible #app #page .er1379-timesheets .er1379-history .treq-badge {font-size:9px!important;padding:5px 7px!important}
}
@media (max-width:350px) {
  html body.ww-app-visible #app #page .er1379-timesheets .ets-hero{padding:13px 10px!important;gap:6px!important}
  html body.ww-app-visible #app #page .er1379-timesheets .ets-hero h2{font-size:18px!important}
  html body.ww-app-visible #app #page .er1379-timesheets .ets-week-nav .rh-nav{width:34px!important;min-width:34px!important;height:38px!important;min-height:38px!important}
  html body.ww-app-visible #app #page .er1379-timesheets .ets-stat-grid{gap:5px!important}
  html body.ww-app-visible #app #page .er1379-timesheets .ets-mini{padding:9px 7px!important}
  html body.ww-app-visible #app #page .er1379-timesheets .ets-mini strong{font-size:21px!important}
  html body.ww-app-visible #app #page .er1379-timesheets .ets-summary-actions button{font-size:11px!important}
}