.daily-work { margin: 24px 0; padding: 24px; border: 1px solid var(--line, #cec8ba); background: var(--paper, #fffdf6); }
.daily-work > header { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.daily-work h3 { margin: 0 0 8px; }
.daily-work header p { margin: 5px 0; }
.daily-work-controls, .daily-work-detail-head, .daily-work-pages { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.daily-work-controls label { display: grid; gap: 5px; }
.daily-work input, .daily-work select, .daily-work button { font: inherit; padding: 9px 12px; border: 1px solid #bbb6a9; background: #fffdf6; color: #172321; }
.daily-work button { cursor: pointer; }
.daily-work button:disabled { opacity: .45; cursor: default; }
.daily-work [data-daily-load] { color: #fff; background: #172321; }
.daily-work-total { display: flex; gap: 16px; align-items: baseline; margin: 20px 0 12px; }
.daily-work-total strong { font-size: 23px; }
.daily-work-metrics { display: grid; grid-template-columns: repeat(auto-fit,minmax(145px,1fr)); gap: 8px; }
.daily-work-metrics button { text-align: left; border-top: 3px solid #b8ca66; }
.daily-work-metrics strong { display: block; font-size: 25px; margin-top: 8px; }
.daily-work-metrics [aria-pressed="true"] { outline: 2px solid #172321; }
.daily-work-boundary, .daily-work-updated, .daily-work-coverage { font-size: 13px; color: #59665f; line-height: 1.7; }
.daily-work-warning { border-left: 4px solid #f46628; padding: 12px; background: #fff3e2; }
.daily-work-money { padding: 12px; border: 1px solid #b8ca66; margin: 12px 0; }
.daily-work-coverage { margin: 14px 0; }
.daily-work-coverage summary { cursor: pointer; }
.daily-work-records > summary { cursor: pointer; padding: 12px 0; border-top: 1px solid #cec8ba; font-weight: bold; }
.daily-work-detail-head { margin-top: 20px; }
.daily-work-events { list-style: none; padding: 0; margin: 10px 0; }
.daily-work-events li { display: flex; gap: 14px; padding: 13px 0; border-bottom: 1px solid #e1ddd3; align-items: baseline; }
.daily-work-events time { flex: 0 0 155px; font-size: 12px; color: #59665f; }
.daily-work-events div { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.daily-work-events strong, .daily-work-events small { display: block; }
.daily-work-events small, .daily-work-events span { color: #59665f; font-size: 13px; }
.daily-work-events a { flex-shrink: 0; }
.daily-work-pages { justify-content: flex-end; }
@media(max-width:650px) { .daily-work { padding: 14px; } .daily-work-controls { width: 100%; } .daily-work-events li { flex-wrap: wrap; gap: 6px; } .daily-work-events time { flex-basis: 100%; } .daily-work-total { flex-wrap: wrap; } }