.hr-seg { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.hr-seg .d-btn { border-radius: 999px; }
.hr-clock { display: grid; gap: 4px; }
.hr-big { font-size: var(--t-h2); font-weight: 800; letter-spacing: -.02em; }
.hr-state { font-size: var(--t-l); font-weight: 700; }
.hr-calwrap { overflow-x: auto; }
.hr-cal { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); min-width: 560px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.hr-dow, .hr-day { border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 4px 6px; }
.hr-dow { background: var(--paper-2); color: var(--ink-2); font-size: var(--t-s); font-weight: 650; text-align: center; }
.hr-day { min-height: 82px; display: grid; align-content: start; gap: 3px; font-size: var(--t-s); }
.hr-day.is-off { color: var(--ink-2); background: var(--paper); }
.hr-day.is-pad { background: var(--paper); }
.hr-day.is-today { outline: 2px solid var(--ink); outline-offset: -2px; }
.hr-chip { display: block; padding: 1px 6px; border-radius: 6px; background: var(--sun-soft); color: var(--ink); font-size: var(--t-s); font-weight: 650; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hr-chip.is-wait { background: var(--surface); border: 1px dashed var(--control); }
.hr-chip.is-me { background: var(--sun); }
.hr-fine { display: grid; gap: 12px; }
.hr-act { display: flex; gap: 6px; flex-wrap: nowrap; }
.hr-st-wait { color: var(--beta); font-weight: 700; }
.hr-st-ok { color: var(--ok); font-weight: 700; }
.hr-st-no { color: var(--err); font-weight: 700; }
.d-stack > *, .d-grid2 > *, .d-split > * { min-width: 0; }