.record-tool { --border: color-mix(in srgb, var(--accent) 22%, #fff); }
.tool-caja { --accent: #27614a; --tool-tint: #e3eee7; }
.tool-inventario { --accent: #445687; --tool-tint: #e8edf7; }
.tool-pedidos { --accent: #8a432e; --tool-tint: #f6e9df; }
.tool-citas { --accent: #734c73; --tool-tint: #f2e7f2; }
.tool-compras { --accent: #39613b; --tool-tint: #e8eedf; }
.tool-recibos { --accent: #684a7b; --tool-tint: #eee7f4; }
.record-tool .topbar { max-width: 1040px; }
.record-tool .business-header { align-items: center; }
.record-tool .business-header h1 { overflow-wrap: anywhere; }
.record-summary {
  background: var(--tool-tint);
  border: 1px solid var(--border);
  border-radius: 20px;
  padding: clamp(1rem, 3vw, 1.55rem);
}
.record-toolbar, .day-buttons, .record-actions {
  display: flex;
  gap: .55rem;
  flex-wrap: wrap;
  align-items: center;
}
.record-toolbar { justify-content: space-between; gap: .9rem; }
.record-toolbar button { margin: 0; }
.period-controls { display: flex; flex-wrap: wrap; align-items: end; gap: .6rem; }
.period-controls label { min-width: 0; }
.day-buttons button { min-width: 44px; padding-inline: .7rem; }
.record-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 135px), 1fr));
  gap: .65rem;
  margin: .9rem 0 0;
}
.record-metric {
  padding: .8rem .9rem;
  border: 1px solid var(--border);
  border-radius: 13px;
  background: var(--surface);
}
.record-metric dt { font-size: .88rem; color: var(--muted); }
.record-limit { margin: .65rem 0 0; }
.record-metric dd { color: var(--accent); margin: .3rem 0 0; font-size: clamp(1.15rem, 3vw, 1.6rem); font-weight: 750; overflow-wrap: anywhere; }
.record-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(min-content, auto) auto;
  align-items: center;
  gap: .75rem;
  padding-block: .75rem;
  border-top: 1px solid var(--border);
  overflow-wrap: anywhere;
}
.record-copy h3 { font-size: 1rem; margin: 0 0 .25rem; }
.record-copy p { margin: 0; }
.record-copy .record-notes { white-space: pre-wrap; font-size: .87rem; margin-top: .3rem; }
.record-amount { display: grid; gap: .25rem; justify-items: start; color: var(--accent); font-variant-numeric: tabular-nums; }
.record-tag { background: var(--tool-tint); padding: .2rem .5rem; border-radius: 7px; font-size: .8rem; }
.record-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; margin-bottom: 1rem; }
.record-wide { grid-column: 1 / -1; }
.record-tools-note { margin-top: .5rem; }
.record-pro-label { margin: 0 0 .2rem; color: var(--accent); font-weight: 700; font-size: .84rem; }
.record-pro-workspace .tool-actions { align-items: end; }
.record-pro-summary { margin: 1rem 0 .5rem; font-weight: 650; }
.record-pro-row { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .35rem 1rem; padding-block: .55rem; border-top: 1px solid var(--border); overflow-wrap: anywhere; }
.record-pro-row > div { min-width: 0; }
.record-pro-value { color: var(--accent); font-weight: 650; }
.record-pro-list + button { margin-top: .55rem; }
.record-tool #delete-record { background: #952d35; color: white; }
.record-tool #remove-record { color: #952d35; }
.receipt-sheet { padding: 1rem; border: 1px solid var(--border); border-radius: 14px; }
.receipt-sheet h2 { margin-bottom: 1rem; }
.receipt-fields { display: grid; gap: .55rem; margin: 0; }
.receipt-field { padding-top: .45rem; border-top: 1px solid var(--border); overflow-wrap: anywhere; }
.receipt-field dt { font-size: .85rem; color: var(--muted); }
.receipt-field dd { margin: 0; font-weight: 650; white-space: pre-wrap; }
.receipt-caption { margin: .9rem 0 0; font-size: .86rem; }
#receipt-dialog .tool-actions { margin-top: .85rem; }
@media print {
  body.tool-recibos:has(#receipt-dialog[open]) > :not(#receipt-dialog) { display: none !important; }
  #receipt-dialog[open] { position: static; width: 100%; max-width: 100%; max-height: none; margin: 0; padding: 0; border: 0; overflow: visible; }
  #receipt-dialog::backdrop, #receipt-dialog .tool-actions { display: none; }
  .receipt-sheet { border-color: #999; break-inside: avoid; }
}
@media (max-width: 650px) {
  .record-item { grid-template-columns: minmax(0, 1fr) auto; }
  .record-item .record-actions { grid-column: 1 / -1; }
}
@media (max-width: 420px) {
  .record-toolbar > button { width: 100%; }
  .record-fields { grid-template-columns: minmax(0, 1fr); }
}