/* Keep the existing 54px title bar regardless of amounts or screen width. */
.profit-period-head{height:54px;min-height:54px;max-height:54px;box-sizing:border-box;flex-wrap:nowrap}
.profit-period-heading{display:flex;align-items:center;gap:16px;flex:1;min-width:0;overflow:hidden}
.profit-period-heading h2{flex-shrink:0;white-space:nowrap}
.profit-minutes{position:relative;display:flex;align-items:center;flex:1 1 0;min-width:0;height:45px;max-height:45px;color:var(--text-secondary);font-size:12px;overflow:hidden}
.profit-minutes svg{display:block;flex:1;min-width:0;width:100%;height:45px;max-height:45px;overflow:hidden}
.profit-minute-zero{stroke:currentColor;stroke-opacity:.2;stroke-width:.5}
.profit-minute-positive{fill:var(--success,#22c55e)}
.profit-minute-negative{fill:var(--danger,#ef4444)}
.profit-minute-missing{fill:currentColor;opacity:.22}
.profit-minutes rect:hover{filter:brightness(1.3);stroke:currentColor;stroke-width:.5}
.profit-minute-hit{fill:transparent}
@media(max-width:600px){.profit-period-heading{gap:8px}}

.profit-minute-current{position:absolute;right:0;transform:translateY(-100%);font-size:11px;line-height:12px;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;color:var(--text-primary,var(--text-secondary))}