#privateHoursView {max-width:1100px;margin-inline:auto;letter-spacing:0}
.hours-heading,.hours-toolbar,.hours-actions,.hours-day>header,.hours-entry {display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hours-heading,.hours-day>header,.hours-entry {justify-content:space-between}
.hours-heading h1 {font-size:28px;margin:4px 0 20px}
.hours-heading .eyebrow {overflow-wrap:anywhere}
.hours-actions .button {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px}
.hours-toolbar {padding:20px 0;border-bottom:1px solid var(--line)}
.hours-toolbar label,.hours-form label {display:grid;gap:6px;font-size:14px}
.hours-toolbar input,.hours-form input,.hours-form select,.hours-form textarea {width:100%;min-width:0;min-height:46px;padding:10px;border:1px solid var(--line-strong);border-radius:6px;background:var(--white);color:var(--black-03)}
.hours-prev svg {transform:rotate(180deg)}
.hours-toolbar .icon-button {width:44px;height:44px;flex-shrink:0}
.hours-summary {display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:20px;padding:26px 0;border-bottom:1px solid var(--line)}
.hours-summary div {display:grid;gap:8px}.hours-summary span {color:var(--muted);font-size:13px}.hours-summary strong {font-size:25px}
.hours-month-title {font-size:20px;margin:28px 0 12px;text-transform:capitalize}
.hours-day {padding:16px 0;border-bottom:1px solid var(--line)}
.hours-day h3 {font-size:16px;margin:0;text-transform:capitalize}.hours-day>header {margin-bottom:8px}
.hours-entry {padding:14px 0;gap:16px}.hours-entry>div:first-child {min-width:0;flex:1}.hours-entry small {display:block;color:var(--muted);margin-top:4px}.hours-entry p {margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.hours-empty {padding:40px 0;color:var(--muted)}
.hours-dialog {width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:24px;overflow:auto;border-radius:8px}
.hours-dialog>header {display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.hours-dialog h2 {font-size:21px;margin:0}
.hours-form {display:grid;gap:18px}.hours-duration {margin:0;padding:16px;border:1px solid var(--line);border-radius:6px}.hours-duration legend {padding:0 6px;font-weight:700}.hours-duration-fields {display:grid;grid-template-columns:1fr 1fr;gap:12px}.hours-form label span {color:var(--muted);font-weight:400}
.hours-form output {font-weight:bold}.hours-error {color:var(--black-03);font-weight:bold;overflow-wrap:anywhere}.hours-error:empty {display:none}
.hours-grants>div {display:grid;gap:8px;padding:18px 0;border-bottom:1px solid var(--line)}.hours-grants span {overflow-wrap:anywhere;font-size:13px}
@media(max-width:600px){.hours-heading h1{font-size:24px}.hours-summary{grid-template-columns:1fr 1fr;gap:20px}.hours-summary div:first-child{grid-column:1/-1}.hours-summary strong{font-size:23px}.hours-entry{display:block}.hours-entry .hours-actions{margin-top:14px}.hours-toolbar{gap:8px}.hours-toolbar label{flex:1}.hours-duration-fields{grid-template-columns:1fr 1fr}.hours-dialog{padding:18px}.hours-day>header{align-items:flex-start}.hours-day h3{max-width:65%}}
@media(max-width:600px){.hours-toolbar{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:end}.hours-toolbar>[data-action=today]{grid-column:1/-1}.hours-toolbar input{font-size:16px}.hours-toolbar .icon-button{margin-bottom:1px}}