@import url('/assets/css/main.css');

.over-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:.35rem;margin:1rem 0}
.hour-cell{background:var(--panel-2);border:1px solid var(--line-soft);border-radius:6px;padding:.5rem .1rem;text-align:center;font-size:.72rem;font-variant-numeric:tabular-nums}
.hour-cell .hc-t{display:block;font-weight:700;font-size:.78rem}
.hour-cell .hc-b{color:var(--muted-2)}
.hour-cell.over{background:var(--green-dim);border-color:rgba(52,211,153,.5)}
.hour-cell.over .hc-t{color:var(--green)}
.over-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}
.over-chip{background:var(--green-dim);border:1px solid rgba(52,211,153,.4);color:var(--green);border-radius:999px;padding:.35rem .95rem;font-size:.88rem;font-weight:600}
@media (max-width:600px){.over-grid{grid-template-columns:repeat(6,1fr)}}