.clock-view-tabs{display:flex;gap:8px;margin:0 0 16px}
.clock-view-tabs button{flex:1;min-height:46px;font-size:16px}
.clock-view-tabs button[aria-pressed="true"]{background:var(--gold);color:#161616;border-color:var(--gold);font-weight:800}
.mobile-time [hidden],.my-hours [hidden]{display:none!important}
.my-hours{min-width:0}
.my-hours h2,.my-hours h3,.my-hours h4{margin:0}
.my-hours .hours-intro{margin:7px 0 16px;color:var(--muted)}
.hours-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}
.mobile-time .hours-filters label{margin:0;font-size:13px;font-weight:700}
.hours-filters input,.hours-filters select{margin-top:6px}
.hours-filters button{min-height:48px}
.hours-navigation{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.hours-navigation button{flex:1;min-height:44px;white-space:normal}
.hours-report-header>p{color:var(--muted);font-size:13px;line-height:1.5}
.hours-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}
.hours-totals>div{border:1px solid var(--line);padding:12px;border-radius:10px;background:#fafafa}
.hours-totals span{display:block;color:var(--muted);font-size:12px}
.hours-totals b{display:block;font-variant-numeric:tabular-nums;font-size:21px;margin-top:5px}
.hours-totals .hours-total-primary{background:#fff7dc;border-color:var(--gold)}
.hours-week-overview{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:12px 0}
.hours-week-overview>div{text-align:center;padding:10px 2px;border:1px solid var(--line);border-radius:8px;background:#fafafa}
.hours-week-overview span,.hours-week-overview small,.hours-week-overview b{display:block}
.hours-week-overview span{font-size:12px;font-weight:700}
.hours-week-overview small{font-size:10px;color:var(--muted);margin:3px 0 7px}
.hours-week-overview b{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
.hours-report-header .hours-open{background:#fff7dc;color:#634a00;padding:10px;border-radius:8px}
.hours-detail-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}
.hours-detail-heading button{min-height:42px;font-size:12px}
.hours-page-note,.hours-explanation{font-size:12px;line-height:1.5;color:var(--muted)}
.hours-week{border:1px solid var(--line);border-radius:10px;margin:12px 0;overflow:hidden}
.hours-week>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:14px;background:#f7f7f7;font-size:14px}
.hours-week>summary::before{content:"›";font-size:22px}
.hours-week[open]>summary::before{content:"⌄"}
.hours-week>summary span{flex:1}
.hours-week-stats{font-size:12px;color:var(--muted);padding:0 12px}
.hours-day{padding:0 12px 8px}
.hours-day-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:13px}
.hours-day-heading h4{font-size:13px}
.hours-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}
.hours-entry p{margin:4px 0;font-size:13px;line-height:1.4}
.hours-entry-total{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.hours-entry-total small{display:block;font-size:11px;margin-top:5px;color:var(--muted)}
.hours-note{background:#f7f7f7;padding:6px 8px;border-radius:6px}
.hours-status{font-size:11px;color:var(--muted)}
.hours-entry.is-voided{opacity:.6}
.hours-pagination{display:flex;gap:10px;margin-top:16px}
.hours-pagination button{flex:1;min-height:44px}
.hours-week summary:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}
@media(max-width:600px){.hours-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.hours-navigation button{font-size:12px}.hours-entry-total b{font-size:14px}.hours-week>summary{padding:12px;font-size:12px}.hours-detail-heading{align-items:flex-start}.hours-totals b{font-size:20px}}