.store-day-columns, .store-day summary { display: grid; grid-template-columns: 12px minmax(110px,1fr) 65px 55px minmax(85px,.7fr) minmax(85px,.7fr); align-items: center; gap: 12px; padding: 18px 15px; font-size: 16px; }
.store-day-columns { color: var(--cafe-text-subtle); font-size: 11px; text-transform: uppercase; letter-spacing: .05em; }
.store-day + .store-day { border-top: 1px solid var(--cafe-line); }
.store-day summary { list-style: none; }
.store-day summary::-webkit-details-marker { display: none; }
.store-day summary::before { content: '›'; color: var(--cafe-accent); font-size: 22px; }
.store-day[open] summary::before { transform: rotate(90deg); }
.store-day time { font-weight: 800; }
.store-day strong { font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.store-day-sold { color: var(--cafe-price); }
.store-day summary small { display: none; }
.store-payment-unpaid { color: var(--cafe-warning); }
.store-payment-partial { color: var(--cafe-warning); }
.store-payment-paid { color: var(--cafe-success); }
.store-day-records { padding: 0 15px 16px 40px; font-size: 16px; }
.store-day-basket { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding: 13px 0; border-top: 1px solid var(--cafe-line); text-decoration: none; }
.store-day-basket small { width: 100%; color: var(--cafe-text-muted); font-size: 16px; }
.store-day-records .mud-button { margin-top: 10px; }
.store-basket-history .operations-metrics span { font-size: 13px; line-height: 1.25; }
.store-basket-history .operations-options label { flex-direction: column; align-items: flex-start; gap: 4px; }
/* On phones a daily summary becomes one compact record, keeping sold and paid visibly distinct. */
@media (max-width: 700px) {
    .store-day-columns { display: none; }
    .store-day summary { grid-template-columns: 12px minmax(0,1fr) minmax(0,1fr); gap: 10px; }
    .store-day time { grid-column: 2 / -1; }
    .store-day-baskets, .store-day-sold { grid-column: 2; }
    .store-day-items, .store-day-paid { grid-column: 3; }
    .store-day summary small { display: block; margin-bottom: 3px; color: var(--cafe-text-subtle); font-weight: 400; font-size: 16px; }
}
