#recordPeriod, #recordMonth, #recordYear { flex: 0 1 auto; width: auto; min-width: 140px; height: 42px; padding: 0 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--card); color: var(--ink); font: inherit; }
#recordMonth[hidden], #recordYear[hidden] { display: none !important; }
.toolbar:has(#recordPeriod) { flex-wrap: wrap; }
.toolbar #search { flex: 1 1 240px; }
#recordSummary:not(:empty) { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 16px; padding: 20px; border: 1px solid var(--line); border-radius: 14px; background: var(--soft); color: var(--ink); }
.record-summary-heading { display: grid; gap: 6px; }
.record-summary-heading strong { font-size: 16px; font-weight: 750; }
.record-summary-heading small { color: var(--muted); font-size: 12px; }
.record-summary-totals { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin: 0; }
.record-summary-totals > div { padding-left: 24px; border-left: 1px solid var(--line); }
.record-summary-totals dt { margin-bottom: 6px; color: var(--muted); font-size: 12px; }
.record-summary-totals dd { margin: 0; font-size: 20px; font-weight: 750; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
@media (max-width: 700px) {
  #recordSummary:not(:empty) { align-items: stretch; flex-direction: column; gap: 18px; padding: 16px; }
  .record-summary-totals { gap: 12px; padding-top: 16px; border-top: 1px solid var(--line); }
  .record-summary-totals > div { padding-left: 12px; }
  .record-summary-totals > div:first-child { padding-left: 0; border-left: 0; }
  .record-summary-totals dd { font-size: 18px; }
}
@media (max-width: 600px) { #recordPeriod, #recordMonth, #recordYear { flex: 1 1 140px; min-width: 0; } }

.delivery-modal{width:min(440px,calc(100% - 32px));padding:26px;border:1px solid var(--line);border-radius:18px;background:var(--card);color:var(--ink);box-shadow:0 24px 70px #0003}.delivery-modal::backdrop{background:#07191799}.delivery-modal h2{margin:0;font-size:23px}.delivery-modal p{color:var(--muted);font-size:13px;line-height:1.6}.delivery-amount{display:grid;gap:8px;padding:18px;border-radius:12px;background:var(--soft)}.delivery-amount span{font-size:13px}.delivery-amount strong{font-size:28px}.delivery-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px}.delivery-error{color:var(--danger);font-size:13px}.delivery-status{padding:9px 12px;border-radius:9px;background:var(--soft);color:var(--teal);font-size:12px;font-weight:700}.delivery-modal button:disabled{opacity:.6;cursor:wait}