.bar-status-filters {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.bar-table-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
  gap: 18px;
}

.bar-table-card {
  overflow: hidden;
  border: 1px solid #d8c19b;
  border-radius: 12px;
  background: #fffaf0;
  box-shadow: 0 3px 11px #6d48200d;
}

.bar-table-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 15px;
  color: #fff8e8;
  background: #667347;
}

.bar-table-head strong { font-size: 17px; }
.bar-table-head .badge { background: #f9efda; border-color: transparent; color: #6a5135; }
.bar-table-card.status-opened .bar-table-head { background: #9f7740; }
.bar-table-card.status-ordered .bar-table-head { background: #a75b35; }
.bar-table-card.status-checkout .bar-table-head { background: #a1432c; }
.bar-table-card.status-settled .bar-table-head { background: #526d53; }

.bar-table-body { padding: 17px 16px 15px; }
.bar-table-body > .button { margin-top: 15px; }
.bar-table-body > .row-actions { margin-top: 15px; }
.bar-table-body > .row-actions .button { flex: 1 1 135px; }
.bar-guest { font: 28px/1.3 Georgia, serif; color: #553821; }
.bar-table-body p { margin-top: 6px; color: #9c805f; font-size: 11px; }
.bar-table-body .bar-note { min-height: 36px; padding: 8px 9px; border-radius: 6px; background: #f5e8cf; color: #826445; }

.bar-bill { margin-top: 14px; overflow: hidden; border: 1px solid #dfc89f; border-radius: 8px; background: #fffdf7; }
.bar-bill-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 10px; background: #f2dfbd; color: #674523; font-size: 12px; }
.bar-bill-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 5px 10px; align-items: center; padding: 9px 10px; border-top: 1px solid #eee0c8; }
.bar-bill-row b { display: block; overflow: hidden; color: #49301c; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.bar-bill-row small { display: block; margin-top: 2px; color: #987a59; font-size: 10px; }
.bar-bill-row > strong { color: #964b28; font-size: 12px; }
.bar-bill-row .row-actions { grid-column: 1 / -1; justify-content: flex-start; }
.bar-bill-row .button { padding: 5px 8px; font-size: 10px; }
.bar-bill-empty { padding: 9px 10px; margin: 0 !important; }

.bar-table-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 11px 14px;
  border-top: 1px solid #eadac0;
  background: #fbf1df;
  color: #9a805f;
  font-size: 10px;
}

.bar-table-foot .row-actions { flex-wrap: wrap; justify-content: flex-end; }

.bar-daily { margin-top: 17px; border: 1px solid #d9c8a5; border-radius: 8px; overflow: hidden; background: #fffdf7; }
.bar-daily-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px; background: #edf0e2; color: #425137; }
.bar-daily-heading strong { font-size: 13px; }
.bar-daily-heading > span { font-size: 10px; white-space: nowrap; }
.bar-daily-totals { display: flex; gap: 14px; padding: 11px 10px; border-bottom: 1px solid #e9dfcc; }
.bar-daily-totals > div { flex: 1; min-width: 0; }
.bar-daily-totals span { display: block; color: #796548; font-size: 11px; }
.bar-daily-totals strong { display: block; margin-top: 4px; font-size: 19px; color: #315338; overflow-wrap: anywhere; }
.bar-daily-totals .pending strong { color: #a36525; }
.bar-daily-records { max-height: 320px; overflow-y: auto; overscroll-behavior: contain; }
.bar-daily-record { padding: 10px; }
.bar-daily-record + .bar-daily-record { border-top: 1px dashed #dccbb0; }
.bar-daily-record-head { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-bottom: 8px; color: #8c7354; font-size: 10px; }
.bar-daily-record-head .badge { flex-shrink: 0; }
.bar-daily-item, .bar-daily-record-total { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-top: 6px; font-size: 12px; color: #553821; }
.bar-daily-item > span { min-width: 0; overflow-wrap: anywhere; }
.bar-daily-item > strong, .bar-daily-record-total > strong { flex-shrink: 0; font-variant-numeric: tabular-nums; }
.bar-daily-record-total { margin-top: 9px; font-size: 11px; color: #7c6243; }
.bar-table-body .bar-daily-empty { padding: 10px; margin: 0; font-size: 11px; color: #927c5a; }
.bar-table-body .bar-daily-refund { margin: 0; padding: 5px 10px; color: #9b623e; font-size: 10px; }
.bar-daily-record .bar-daily-refund { padding: 5px 0 0; }

@media (max-width: 720px) {
  .bar-table-grid { grid-template-columns: 1fr; }
  .bar-table-foot { align-items: flex-start; flex-direction: column; }
}