.cash-period { margin-bottom: 18px; }
.cash-period .filters { padding-bottom: 10px; }
.cash-period .filters label { flex: 1; }
.division-badge { border: 1px solid #eadfcf; border-radius: 20px; padding: 7px 12px; color: var(--wine); font-size: 12px; font-weight: 700; }
.period-presets { display: flex; gap: 8px; }
.period-presets button { border: 0; border-radius: 7px; padding: 8px 14px; background: #f4ede3; color: #65564d; font: 600 12px inherit; cursor: pointer; }
.division-summary { margin-bottom: 18px; }
.division-total { display: block; color: var(--green); font: 700 38px "Playfair Display", serif; margin: 8px 0 20px; }
.division-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.division-card { border: 1px solid var(--line); border-radius: 10px; padding: 20px; background: #fcfbf8; }
.division-card > span, .division-card small { color: var(--muted); font-size: 12px; }
.division-card > strong { display: block; font: 700 25px "Playfair Display", serif; margin: 15px 0 8px; }
.division-card.store > strong { color: #b28a21; }
.division-rule { margin-bottom: 18px; }
.division-rule p, .division-rule > small { color: var(--muted); font-size: 12px; }
.division-fields { display: grid; grid-template-columns: 1fr 1fr 1fr auto; gap: 14px; align-items: end; margin: 20px 0; }
.division-fields label { color: var(--muted); font-size: 11px; }
.division-fields input { display: block; margin-top: 6px; }
@media (max-width: 1050px) { .division-fields { grid-template-columns: 1fr 1fr; } .division-cards { grid-template-columns: 1fr; } }
@media (max-width: 720px) { .cash-period .panel-head { align-items: flex-start; gap: 10px; } .division-fields { grid-template-columns: 1fr; } .division-badge { white-space: nowrap; } .period-presets { flex-wrap: wrap; } }
