/* ══ 页面 ══ */
.pos-page[data-v-osaka-checkout-761f6036] {
  height: calc(100vh - 52px - 24px);
  height: calc(100dvh - 52px - 24px);
  display: flex;
  flex-direction: column;
  min-height: 0;
  position: relative;
  color: #111827;
}
@media (max-width: 767px) {
.pos-page[data-v-osaka-checkout-761f6036] { height: calc(100vh - 52px - 24px);
  height: calc(100dvh - 52px - 24px);
}
}
.pos-header[data-v-osaka-checkout-761f6036] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  flex-shrink: 0;
}
.stats-bar[data-v-osaka-checkout-761f6036] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}
.stat-item[data-v-osaka-checkout-761f6036] {
  min-width: 0;
  padding: 12px 14px;
  border-radius: 12px;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  align-items: center;
  gap: 2px 8px;
}
.stat-open[data-v-osaka-checkout-761f6036] { background: #fffbe6; border: 1px solid #ffe58f;
}
.stat-paid[data-v-osaka-checkout-761f6036] { background: #f6ffed; border: 1px solid #b7eb8f;
}
.stat-alert[data-v-osaka-checkout-761f6036] { background: #fff1f2; border: 1px solid #fecdd3;
}
.stat-label[data-v-osaka-checkout-761f6036] {
  font-size: 0.8rem;
  font-weight: 800;
  color: #475569;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.stat-num[data-v-osaka-checkout-761f6036] {
  grid-row: 1 / 3;
  grid-column: 2;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 900;
  color: #111827;
}
.stat-detail[data-v-osaka-checkout-761f6036] { font-size: 0.76rem; color: #64748b;
}
.service-stats[data-v-osaka-checkout-761f6036] {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: -2px;
}
.service-stat[data-v-osaka-checkout-761f6036] {
  min-width: 0;
  padding: 6px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #64748b;
}
.service-stat-label[data-v-osaka-checkout-761f6036] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.7rem;
  font-weight: 700;
}
.service-stat-detail[data-v-osaka-checkout-761f6036] {
  flex-shrink: 0;
  white-space: nowrap;
  font-size: 0.7rem;
  font-variant-numeric: tabular-nums;
}
.service-stat-detail strong[data-v-osaka-checkout-761f6036] {
  color: #475569;
  font-size: 0.78rem;
}
.open-table-bar[data-v-osaka-checkout-761f6036] {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 12px;
  flex-wrap: nowrap;
}
.open-order-mode[data-v-osaka-checkout-761f6036] {
  display: inline-flex;
  flex: 0 0 auto;
  padding: 3px;
  border: 1px solid #d7dee8;
  border-radius: 9px;
  background: #f1f5f9;
}
.open-order-mode-btn[data-v-osaka-checkout-761f6036] {
  min-height: 32px;
  padding: 0 12px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #475569;
  font-weight: 800;
  cursor: pointer;
}
.open-order-mode-btn.active[data-v-osaka-checkout-761f6036] {
  background: #fff;
  color: #0f172a;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.16);
}
.open-table-number[data-v-osaka-checkout-761f6036] { width: 100px;
}
.open-table-guests[data-v-osaka-checkout-761f6036] { width: 80px;
}
.pos-title[data-v-osaka-checkout-761f6036] {
  font-size: clamp(18px, 4.5vw, 24px);
  font-weight: 700;
  color: #1a1a1a;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.pos-store-name[data-v-osaka-checkout-761f6036] {
  max-width: min(44vw, 280px);
  min-width: 0;
  padding: 4px 9px;
  border: 1px solid #ead3a1;
  border-radius: 7px;
  background: #fff7e6;
  color: #80520a;
  font-size: clamp(13px, 1.7vw, 17px);
  font-weight: 800;
  line-height: 1.35;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header-right[data-v-osaka-checkout-761f6036] { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; justify-content: flex-end;
}
.public-entry-switch[data-v-osaka-checkout-761f6036] { margin-left: 8px; flex-shrink: 0;
}
@media (max-width: 767px) {
.stats-bar[data-v-osaka-checkout-761f6036] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.open-table-bar[data-v-osaka-checkout-761f6036] {
    flex-wrap: wrap;
}
.header-right[data-v-osaka-checkout-761f6036] {
    display: none;
}
}
@media (max-width: 420px) {
.service-stat[data-v-osaka-checkout-761f6036] {
    padding: 5px 7px;
    gap: 4px;
}
.service-stat-label[data-v-osaka-checkout-761f6036],
  .service-stat-detail[data-v-osaka-checkout-761f6036] { font-size: 0.64rem;
}
.service-stat-detail strong[data-v-osaka-checkout-761f6036] { font-size: 0.7rem;
}
}
.pos-clock[data-v-osaka-checkout-761f6036] {
  flex: 1;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 10px;
  padding: 0 16px;
  user-select: none;
  min-width: 0;
}
.pos-clock .clock-time[data-v-osaka-checkout-761f6036] {
  font-size: clamp(20px, 4.5vw, 28px);
  font-weight: 700;
  color: #1a1a1a;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.5px;
}
.pos-clock .clock-date[data-v-osaka-checkout-761f6036] {
  font-size: clamp(12px, 2.4vw, 14px);
  color: #8c8c8c;
  font-weight: 500;
  text-transform: capitalize;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
.pos-clock[data-v-osaka-checkout-761f6036] { display: none;
}
}

/* ══ 桌台网格 ══ */
.table-grid[data-v-osaka-checkout-761f6036] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(116px, 1fr));
  gap: 12px;
  overflow-y: auto;
  flex: 1;
  min-height: 0;
  align-content: start;
  -webkit-overflow-scrolling: touch;
  padding: 16px 18px 18px;
}
.table-card[data-v-osaka-checkout-761f6036] {
  position: relative;
  border-radius: 10px;
  padding: 14px 8px;
  text-align: center;
  cursor: pointer;
  border: 2px solid transparent;
  min-height: 118px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  transition: transform 0.15s, box-shadow 0.15s;
}
.table-card[data-v-osaka-checkout-761f6036]:active { transform: scale(0.95);
}
.tc-available[data-v-osaka-checkout-761f6036] { background: #fafafa; border-color: #e0e0e0;
}
.tc-merged-member[data-v-osaka-checkout-761f6036] {
  background: #f1f5f9;
  border-color: #64748b;
  cursor: not-allowed;
  box-shadow: inset 0 0 0 1px rgba(100, 116, 139, 0.12);
}
.tc-occupied[data-v-osaka-checkout-761f6036]  { background: #f6ffed; border-color: #52c41a;
}
.tc-billing[data-v-osaka-checkout-761f6036]   { background: #e6f7ff; border-color: #1890ff;
}
.tc-idle[data-v-osaka-checkout-761f6036]      { background: #fff7e6; border-color: #faad14;
}
.tc-pending[data-v-osaka-checkout-761f6036]   { background: #fff2e8; border-color: #fa8c16; animation: pulse-osaka-checkout-761f6036 2s infinite;
}
.tc-time-wine[data-v-osaka-checkout-761f6036] { background: #f2f2f2; border-color: #222222;
}
.tc-time-pink[data-v-osaka-checkout-761f6036] { background: #ffe0ea; border-color: #e93d75;
}
@keyframes pulse-osaka-checkout-761f6036 {
0%,100% { box-shadow: 0 0 0 0 rgba(250,140,22,.3);
}
50%     { box-shadow: 0 0 0 7px rgba(250,140,22,0);
}
}
.tc-number[data-v-osaka-checkout-761f6036] { font-size: clamp(1rem, 4.5vw, 1.25rem); font-weight: 700; color: #1a1a1a;
}
.tc-status[data-v-osaka-checkout-761f6036] { font-size: clamp(0.6rem, 2.5vw, 0.72rem); font-weight: 600;
}
.tc-total[data-v-osaka-checkout-761f6036]  { font-size: clamp(0.7rem, 2.8vw, 0.9rem); font-weight: 700; color: #e67e22; margin-top: 2px;
}
.tc-time[data-v-osaka-checkout-761f6036]   { font-size: clamp(0.55rem, 1.8vw, 0.65rem); color: #aaa;
}
.tc-guests[data-v-osaka-checkout-761f6036] { font-size: clamp(0.55rem, 1.8vw, 0.65rem); color: #888;
}
.tc-available .tc-status[data-v-osaka-checkout-761f6036] { color: #ccc;
}
.tc-merged-member .tc-status[data-v-osaka-checkout-761f6036] { color: #475569;
}
.tc-occupied  .tc-status[data-v-osaka-checkout-761f6036] { color: #52c41a;
}
.tc-billing   .tc-status[data-v-osaka-checkout-761f6036] { color: #1890ff;
}
.tc-idle      .tc-status[data-v-osaka-checkout-761f6036] { color: #d48806;
}
.tc-pending   .tc-status[data-v-osaka-checkout-761f6036] { color: #fa8c16;
}
.tc-badge[data-v-osaka-checkout-761f6036] { position: absolute; top: 4px; right: 4px;
}
.empty-state[data-v-osaka-checkout-761f6036] {
  flex: 1; display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 10px;
}
.empty-state p[data-v-osaka-checkout-761f6036] { font-size: 0.95rem; font-weight: 500; color: #999; margin: 0;
}
.empty-state span[data-v-osaka-checkout-761f6036] { font-size: 0.82rem; color: #ccc;
}

/* ══ 抽屉 ══ */
[data-v-osaka-checkout-761f6036] .pos-drawer .el-drawer__header {
  padding: 14px 16px 10px;
  margin-bottom: 0;
  font-size: clamp(0.9rem, 3.5vw, 1rem);
  font-weight: 600;
}
[data-v-osaka-checkout-761f6036] .pos-drawer .el-drawer__body {
  padding: 0 12px 12px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* 状态栏 */
.status-bar[data-v-osaka-checkout-761f6036] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 0 10px;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 2px;
  flex-shrink: 0;
  flex-wrap: wrap;
}
.status-time[data-v-osaka-checkout-761f6036], .status-guests[data-v-osaka-checkout-761f6036] { font-size: 0.78rem; color: #888;
}
.status-actions[data-v-osaka-checkout-761f6036] { margin-left: auto;
}

/* 标签页 */
.pos-tabs[data-v-osaka-checkout-761f6036] {
  flex: 1; display: flex; flex-direction: column; min-height: 0;
}
[data-v-osaka-checkout-761f6036] .pos-tabs > .el-tabs__header { flex-shrink: 0; margin-bottom: 0;
}
[data-v-osaka-checkout-761f6036] .pos-tabs > .el-tabs__content {
  flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch;
  padding: 10px 0 0;
}
[data-v-osaka-checkout-761f6036] .pos-tabs .el-tabs__item {
  font-size: clamp(0.78rem, 3vw, 0.88rem);
  padding: 0 clamp(8px, 2.5vw, 14px);
}

/* ══ 订单区 ══ */
.orders-section[data-v-osaka-checkout-761f6036] { margin-bottom: 14px;
}
.orders-section-header[data-v-osaka-checkout-761f6036] {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 8px; padding-bottom: 6px;
  border-bottom: 1px solid #f5f5f5;
}
.osh-label[data-v-osaka-checkout-761f6036]  { font-size: clamp(0.8rem, 3vw, 0.88rem); font-weight: 600;
}
.pending-label[data-v-osaka-checkout-761f6036]  { color: #fa8c16;
}
.accepted-label[data-v-osaka-checkout-761f6036] { color: #52c41a;
}
.order-block[data-v-osaka-checkout-761f6036] {
  border-radius: 6px;
  padding: clamp(4px, 1.4vw, 6px) clamp(6px, 2vw, 8px);
  margin-bottom: 4px;
}
.order-block.pending[data-v-osaka-checkout-761f6036]  { background: #fff8f0; border: 1px solid #ffd591;
}
.order-block.accepted[data-v-osaka-checkout-761f6036] { background: #f6ffed; border: 1px solid #b7eb8f;
}
.ob-header[data-v-osaka-checkout-761f6036] {
  display: flex; align-items: center; gap: 4px;
  margin-bottom: 2px; flex-wrap: wrap;
}
.ob-time[data-v-osaka-checkout-761f6036] { font-size: 0.7rem; color: #aaa; margin-left: auto;
}
.supp-badge[data-v-osaka-checkout-761f6036] {
  font-size: 0.66rem; padding: 0 4px; border-radius: 3px;
  background: #e6f7ff; color: #1890ff; border: 1px solid #91d5ff;
}
[data-v-osaka-checkout-761f6036] .ob-header .el-tag { height: 20px; padding: 0 6px; line-height: 18px;
}

/* 菜品行 */
.ob-items[data-v-osaka-checkout-761f6036] { display: flex; flex-direction: column; gap: 2px;
}
.ob-item[data-v-osaka-checkout-761f6036] {
  display: flex; align-items: center; gap: 4px;
  min-height: 26px;
}
.oi-code[data-v-osaka-checkout-761f6036]  { font-size: 0.68rem; color: #ccc; min-width: 22px;
}
.oi-name[data-v-osaka-checkout-761f6036]  { flex: 1; display: flex; flex-direction: column; min-width: 0; font-size: clamp(0.76rem, 2.6vw, 0.84rem); color: #333;
}
.oi-name small[data-v-osaka-checkout-761f6036] { margin-top: 1px; color: #b4532d; font-size: 0.7rem; line-height: 1.2; font-weight: 750;
}
.oi-ctrl[data-v-osaka-checkout-761f6036]  { display: flex; align-items: center; gap: 2px;
}
.oi-qty[data-v-osaka-checkout-761f6036]   { min-width: 20px; text-align: center; font-size: 0.82rem; font-weight: 600;
}
.oi-price[data-v-osaka-checkout-761f6036] { min-width: 48px; text-align: right; font-size: clamp(0.76rem, 2.6vw, 0.82rem); font-weight: 600; color: #1a1a1a;
}
.qty-btn[data-v-osaka-checkout-761f6036] {
  width: 22px; height: 22px; border-radius: 50%; border: none;
  cursor: pointer; font-size: 0.9rem; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
  -webkit-tap-highlight-color: transparent; touch-action: manipulation;
}
.qty-btn.minus[data-v-osaka-checkout-761f6036] { background: #f0f0f0; color: #555;
}
.qty-btn.plus[data-v-osaka-checkout-761f6036]  { background: #e74c3c; color: #fff;
}
.qty-btn[data-v-osaka-checkout-761f6036]:disabled,
.del-btn[data-v-osaka-checkout-761f6036]:disabled { opacity: 0.42; cursor: wait;
}
.del-btn[data-v-osaka-checkout-761f6036] {
  width: 20px; height: 20px; border-radius: 50%; border: none;
  background: #fff0f0; color: #e74c3c; cursor: pointer; font-size: 0.72rem;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; -webkit-tap-highlight-color: transparent;
}
.ob-note[data-v-osaka-checkout-761f6036] { font-size: 0.72rem; color: #888; margin-top: 2px; font-style: italic;
}
.ob-footer[data-v-osaka-checkout-761f6036] {
  display: flex; gap: 6px; margin-top: 4px; justify-content: flex-end;
}
[data-v-osaka-checkout-761f6036] .ob-footer .el-button {
  min-height: 26px; padding: 2px 10px; font-size: 0.78rem;
}

/* ══ 汇总 ══ */
.guest-group[data-v-osaka-checkout-761f6036] { margin-bottom: 14px;
}
.gg-header[data-v-osaka-checkout-761f6036] {
  font-size: 0.8rem; font-weight: 600; color: #888;
  padding: 4px 8px; background: #f5f5f5; border-radius: 4px;
  margin-bottom: 6px;
}
.summary-all[data-v-osaka-checkout-761f6036] { margin-top: 12px; border-top: 2px solid #f0f0f0; padding-top: 10px;
}
.sa-header[data-v-osaka-checkout-761f6036] { font-size: 0.82rem; font-weight: 600; color: #595959; margin-bottom: 6px;
}
.summary-row[data-v-osaka-checkout-761f6036] {
  display: flex; align-items: center; gap: 6px;
  font-size: clamp(0.78rem, 3vw, 0.86rem); padding: 4px 0;
  border-bottom: 1px solid #f8f8f8;
}
.sr-name[data-v-osaka-checkout-761f6036]  { flex: 1; color: #333;
}
.sr-qty[data-v-osaka-checkout-761f6036]   { color: #888; min-width: 28px; text-align: center;
}
.sr-unit[data-v-osaka-checkout-761f6036]  { color: #aaa; font-size: 0.75rem;
}
.sr-price[data-v-osaka-checkout-761f6036] { font-weight: 600; color: #1a1a1a; min-width: 56px; text-align: right;
}
.sa-total[data-v-osaka-checkout-761f6036] {
  display: flex; justify-content: space-between; align-items: center;
  padding: 10px 0 0; margin-top: 6px; border-top: 1px solid #e8e8e8;
  font-size: 0.9rem; color: #595959;
}
.sa-amount[data-v-osaka-checkout-761f6036] { font-size: clamp(1rem, 4vw, 1.15rem); font-weight: 700; color: #e74c3c;
}

/* ══ 账单 ══ */
.bill-head[data-v-osaka-checkout-761f6036] {
  display: flex; justify-content: space-between; align-items: flex-start;
  margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid #f0f0f0;
}
.bill-no[data-v-osaka-checkout-761f6036] { font-family: monospace; font-size: 0.85rem; font-weight: 700; color: #595959;
}
.bill-table-info[data-v-osaka-checkout-761f6036] { font-size: 0.75rem; color: #aaa; margin-top: 2px;
}
.bill-head-right[data-v-osaka-checkout-761f6036] { display: flex; flex-direction: column; align-items: flex-end; gap: 4px;
}
.bill-items-list[data-v-osaka-checkout-761f6036] { margin-bottom: 10px;
}
.bill-item-row[data-v-osaka-checkout-761f6036] {
  display: flex; align-items: center; gap: 6px;
  padding: clamp(6px, 2vw, 8px) 0; border-bottom: 1px solid #f5f5f5;
  min-height: 36px;
}
.bill-item-row.sub-item[data-v-osaka-checkout-761f6036] { opacity: 0.55;
}
.bi-name[data-v-osaka-checkout-761f6036]  { flex: 1; font-size: clamp(0.78rem, 3vw, 0.88rem); color: #333;
}
.bi-qty[data-v-osaka-checkout-761f6036]   { color: #888; font-size: 0.82rem; min-width: 22px; text-align: center;
}
.bi-price[data-v-osaka-checkout-761f6036] { font-weight: 600; min-width: 58px; text-align: right; font-size: clamp(0.8rem, 3vw, 0.9rem);
}
.bi-actions[data-v-osaka-checkout-761f6036] { display: flex; gap: 4px;
}
.edit-btn[data-v-osaka-checkout-761f6036] {
  width: 26px; height: 26px; border-radius: 4px; border: 1px solid #d0e4ff;
  background: #f0f7ff; color: #1890ff; cursor: pointer; font-size: 0.8rem;
  -webkit-tap-highlight-color: transparent;
}
.del-btn-bill[data-v-osaka-checkout-761f6036] {
  width: 26px; height: 26px; border-radius: 4px; border: 1px solid #ffd0d0;
  background: #fff0f0; color: #e74c3c; cursor: pointer; font-size: 0.75rem;
  -webkit-tap-highlight-color: transparent;
}

/* TVA 明细 */
.tva-block[data-v-osaka-checkout-761f6036] {
  background: #fafafa; border: 1px solid #f0f0f0;
  border-radius: 6px; padding: 8px 12px; margin-bottom: 10px;
}
.tva-title[data-v-osaka-checkout-761f6036] { font-size: 0.72rem; color: #bbb; font-weight: 600; margin-bottom: 4px;
}
.tva-line[data-v-osaka-checkout-761f6036] {
  display: grid; grid-template-columns: 1fr auto 1fr auto;
  gap: 3px 10px; font-size: clamp(0.7rem, 2.5vw, 0.78rem); color: #999; padding: 2px 0;
}
.tva-line span[data-v-osaka-checkout-761f6036]:nth-child(2), .tva-line span[data-v-osaka-checkout-761f6036]:nth-child(4) { text-align: right; font-family: monospace;
}

/* 合计 */
.totals-block[data-v-osaka-checkout-761f6036] {
  background: #f8f8f8; border-radius: 8px; padding: 10px 14px; margin-bottom: 12px;
}
.total-line[data-v-osaka-checkout-761f6036] {
  display: flex; justify-content: space-between;
  font-size: clamp(0.82rem, 3vw, 0.9rem); padding: 4px 0; color: #666;
}
.discount-line[data-v-osaka-checkout-761f6036] { color: #e74c3c;
}
.ttc-line[data-v-osaka-checkout-761f6036] {
  font-size: clamp(1rem, 4.5vw, 1.15rem); font-weight: 700; color: #1a1a1a;
  border-top: 1px solid #e0e0e0; padding-top: 8px; margin-top: 4px;
}

/* section box */
.section-box[data-v-osaka-checkout-761f6036] {
  border: 1px solid #e8e8e8; border-radius: 8px; padding: 10px 12px; margin-bottom: 12px;
}
.sb-title[data-v-osaka-checkout-761f6036] { font-size: 0.8rem; font-weight: 600; color: #595959; margin-bottom: 8px;
}

/* 折扣 */
.discount-row[data-v-osaka-checkout-761f6036] { display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
}

/* 收款 - 多方式组合 */
.pay-entry[data-v-osaka-checkout-761f6036] {
  display: flex; align-items: center; gap: 6px;
  padding: 6px 0; border-bottom: 1px solid #f0f0f0;
}
.pe-label[data-v-osaka-checkout-761f6036] { font-size: 0.85rem; font-weight: 600; min-width: 70px;
}
.pe-amount[data-v-osaka-checkout-761f6036] {
  width: 90px; padding: 6px 8px; border: 1px solid #d9d9d9;
  border-radius: 6px; text-align: right; font-size: 0.95rem; font-weight: 600;
}
.pe-amount[data-v-osaka-checkout-761f6036]:focus { border-color: #1890ff; outline: none;
}
.pe-unit[data-v-osaka-checkout-761f6036] { color: #888; font-size: 0.85rem;
}
.pe-del[data-v-osaka-checkout-761f6036] {
  width: 26px; height: 26px; border-radius: 50%; border: 1px solid #fecaca;
  background: #fef2f2; color: #dc2626; font-size: 0.75rem; cursor: pointer;
}
.pay-add-row[data-v-osaka-checkout-761f6036] { display: flex; gap: 6px; flex-wrap: wrap; margin: 8px 0;
}
.pay-add-btn[data-v-osaka-checkout-761f6036] {
  padding: 6px 10px; border-radius: 6px; border: 1px dashed #d9d9d9;
  background: #fafafa; font-size: 0.78rem; color: #666; cursor: pointer;
}
.pay-add-btn[data-v-osaka-checkout-761f6036]:active { background: #e6f7ff; border-color: #1890ff;
}
.pay-summary[data-v-osaka-checkout-761f6036] { background: #f8f9fa; border-radius: 8px; padding: 8px 10px; margin: 8px 0;
}
.ps-line[data-v-osaka-checkout-761f6036] { display: flex; justify-content: space-between; padding: 2px 0; font-size: 0.88rem;
}
.ps-change[data-v-osaka-checkout-761f6036] { color: #52c41a;
}
.ps-remaining[data-v-osaka-checkout-761f6036] { color: #e74c3c;
}
.pay-quick[data-v-osaka-checkout-761f6036] { display: flex; gap: 6px; margin-bottom: 10px;
}
.pay-quick-btn[data-v-osaka-checkout-761f6036] {
  flex: 1; padding: 8px 4px; border-radius: 8px; border: 1.5px solid #e0e0e0;
  background: #fff; font-size: 0.78rem; font-weight: 600; color: #595959;
  cursor: pointer; text-align: center;
}
/* ══ 全屏收款工作台 ══ */
[data-v-osaka-checkout-761f6036] .pos-drawer.payment-drawer .el-drawer__body {
  padding: 0;
  background: #f7f8fa;
}
[data-v-osaka-checkout-761f6036] .pos-tabs.payment-mode > .el-tabs__header { display: none;
}
[data-v-osaka-checkout-761f6036] .pos-tabs.payment-mode > .el-tabs__content {
  min-height: 0;
  padding: 0;
  overflow: hidden;
}
[data-v-osaka-checkout-761f6036] .pos-tabs.payment-mode .el-tab-pane { height: 100%;
}
.payment-workspace[data-v-osaka-checkout-761f6036] {
  --payment-blue: #1677ff;
  --payment-green: #009b52;
  --payment-border: #e4e7ed;
  --payment-muted: #6b7280;
  box-sizing: border-box;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  gap: 5px;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 3px 22px 7px;
  color: #111827;
  background: #f7f8fa;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}
.payment-workspace-header[data-v-osaka-checkout-761f6036] {
  display: flex;
  align-items: center;
  min-height: 34px;
  gap: 14px;
  padding: 0 2px;
}
.payment-workspace-header h2[data-v-osaka-checkout-761f6036] {
  margin: 0;
  font-size: clamp(18px, 1.7vw, 24px);
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.payment-back-button[data-v-osaka-checkout-761f6036] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #111827;
  cursor: pointer;
}
.payment-back-button .el-icon[data-v-osaka-checkout-761f6036] { font-size: 24px;
}
.payment-back-button[data-v-osaka-checkout-761f6036]:hover { background: #eef2f7;
}
.payment-back-button[data-v-osaka-checkout-761f6036]:focus-visible,
.payment-workspace button[data-v-osaka-checkout-761f6036]:focus-visible {
  outline: 3px solid rgba(22, 119, 255, 0.28);
  outline-offset: 2px;
}
.payment-bill-number[data-v-osaka-checkout-761f6036] {
  margin-left: 6px;
  font-size: 14px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #374151;
}
.payment-source-chip[data-v-osaka-checkout-761f6036] {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 9px;
  border: 1px solid #ffd7ad;
  border-radius: 7px;
  background: #fff7ed;
  color: #e77722;
  font-size: 12px;
  font-weight: 700;
}
.payment-header-meta[data-v-osaka-checkout-761f6036] {
  font-size: 13px;
  color: #374151;
  white-space: nowrap;
}
.payment-header-meta[data-v-osaka-checkout-761f6036]:last-child { margin-left: 2px;
}
.payment-metrics[data-v-osaka-checkout-761f6036] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.payment-metric-card[data-v-osaka-checkout-761f6036] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 68px;
  padding: 7px 10px;
  border: 1px solid var(--payment-border);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.02);
}
.payment-metric-card span[data-v-osaka-checkout-761f6036] {
  color: #4b5563;
  font-size: clamp(12px, 1vw, 14px);
  font-weight: 600;
}
.payment-metric-card strong[data-v-osaka-checkout-761f6036] {
  margin-top: 4px;
  font-size: clamp(25px, 2.15vw, 32px);
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.035em;
  font-variant-numeric: tabular-nums;
}
.payment-metric-card.is-due[data-v-osaka-checkout-761f6036] {
  border-color: #a9cdfc;
  background: #edf5ff;
  box-shadow: inset 0 0 0 1px rgba(22, 119, 255, 0.08);
}
.payment-metric-card.is-due span[data-v-osaka-checkout-761f6036],
.payment-metric-card.is-due strong[data-v-osaka-checkout-761f6036] { color: var(--payment-blue);
}
.payment-metric-card.has-change strong[data-v-osaka-checkout-761f6036] { color: #068749;
}
.payment-workspace-body[data-v-osaka-checkout-761f6036] {
  display: grid;
  grid-template-columns: minmax(280px, 29fr) minmax(340px, 36fr) minmax(280px, 30fr);
  gap: 12px;
  margin-top: 3px;
  min-height: 0;
}
.payment-panel[data-v-osaka-checkout-761f6036] {
  min-width: 0;
  min-height: 0;
  border: 1px solid var(--payment-border);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.02);
}
.payment-panel-title[data-v-osaka-checkout-761f6036] {
  flex: 0 0 auto;
  padding: 10px 12px 8px;
  font-size: clamp(14px, 1.15vw, 16px);
  line-height: 1.2;
  font-weight: 700;
  color: #1f2937;
}
.payment-order-titlebar[data-v-osaka-checkout-761f6036] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 4px 8px 4px 16px;
}
.payment-order-more[data-v-osaka-checkout-761f6036] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #4b5563;
  cursor: pointer;
}
.payment-order-more[data-v-osaka-checkout-761f6036]:hover { border-color: #d9e6f8; background: #f5f9ff; color: var(--payment-blue);
}
.payment-order-more .el-icon[data-v-osaka-checkout-761f6036] { font-size: 22px;
}
.payment-order-panel[data-v-osaka-checkout-761f6036],
.payment-entry-panel[data-v-osaka-checkout-761f6036],
.payment-added-panel[data-v-osaka-checkout-761f6036] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.payment-order-scroll[data-v-osaka-checkout-761f6036] {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 0 14px 4px;
}
.payment-order-summary[data-v-osaka-checkout-761f6036] {
  flex: 0 0 auto;
  max-height: 54%;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 0 12px 8px;
}
.payment-order-panel .bill-items-compact[data-v-osaka-checkout-761f6036] {
  border: 0;
  border-radius: 0;
}
.payment-order-panel .bic-row2[data-v-osaka-checkout-761f6036] {
  padding: 7px 2px;
  border-bottom-color: #edf0f4;
}
.payment-order-panel .bic-name-line[data-v-osaka-checkout-761f6036] {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 5px;
  margin-bottom: 4px;
  font-size: clamp(13px, 1.1vw, 16px);
  line-height: 1.35;
}
.payment-order-panel .bic-dish-name[data-v-osaka-checkout-761f6036] {
  min-width: 0;
  flex: 1 1 170px;
}
.payment-order-panel .bic-ctrl-line[data-v-osaka-checkout-761f6036] { min-height: 32px;
}
.payment-order-panel .bic-unit2[data-v-osaka-checkout-761f6036] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 72px;
  border-bottom: 0;
  color: #4b5563;
}
.payment-order-panel .bic-unit2 .el-icon[data-v-osaka-checkout-761f6036] { color: var(--payment-blue);
}
.payment-order-panel .bic-price2[data-v-osaka-checkout-761f6036] { font-variant-numeric: tabular-nums;
}
.payment-order-panel .bic-qbtn[data-v-osaka-checkout-761f6036],
.payment-order-panel .bic-btn2[data-v-osaka-checkout-761f6036] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 7px;
}
.payment-order-panel .bic-qbtn .el-icon[data-v-osaka-checkout-761f6036],
.payment-order-panel .bic-btn2 .el-icon[data-v-osaka-checkout-761f6036] { font-size: 16px;
}
.payment-order-panel .bic-btn2[data-v-osaka-checkout-761f6036] { margin-left: 2px;
}
.payment-order-panel .bill-guest-chip[data-v-osaka-checkout-761f6036] { flex: 0 0 auto; width: max-content;
}
.payment-order-panel .bic-name-line small[data-v-osaka-checkout-761f6036]:not(.bill-item-paid) {
  flex-basis: 100%;
  padding-left: 8px;
  border-left: 2px solid #d7a17f;
}
.payment-order-totals[data-v-osaka-checkout-761f6036] {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #e5e7eb;
}
.payment-order-totals > div[data-v-osaka-checkout-761f6036] {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 3px 2px;
  color: #4b5563;
  font-size: 13px;
}
.payment-order-totals strong[data-v-osaka-checkout-761f6036] { color: #111827; font-variant-numeric: tabular-nums;
}
.payment-order-totals .payment-discount-row[data-v-osaka-checkout-761f6036],
.payment-order-totals .payment-discount-row strong[data-v-osaka-checkout-761f6036] { color: #dc2626;
}
.payment-order-totals .payment-order-total[data-v-osaka-checkout-761f6036] {
  margin-top: 3px;
  padding-top: 7px;
  border-top: 1px solid #e5e7eb;
  color: #1f2937;
  font-size: 15px;
  font-weight: 700;
}
.payment-order-totals .payment-order-total strong[data-v-osaka-checkout-761f6036] { font-size: 19px;
}
.payment-order-actions[data-v-osaka-checkout-761f6036] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 8px;
}
.payment-order-actions[data-v-osaka-checkout-761f6036] > :only-child { grid-column: 1 / -1;
}
.payment-formule-button[data-v-osaka-checkout-761f6036] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  min-height: 48px;
  margin-top: 0;
  padding: 5px 8px;
  border: 1px solid #f2c66d;
  border-radius: 8px;
  background: #fffaf0;
  color: #8a4b08;
  text-align: center;
  cursor: pointer;
}
.payment-formule-button > .el-icon[data-v-osaka-checkout-761f6036] { flex: 0 0 auto; font-size: 18px; color: #d48806;
}
.payment-formule-button > span[data-v-osaka-checkout-761f6036] { display: block; min-width: 0;
}
.payment-formule-button strong[data-v-osaka-checkout-761f6036] { font-size: 12px; line-height: 1.15; font-weight: 600;
}
.payment-formule-button small[data-v-osaka-checkout-761f6036] { display: none;
}
.payment-formule-button[data-v-osaka-checkout-761f6036]:hover:not(:disabled) { border-color: #d99a27; background: #fff6df;
}
.payment-formule-button[data-v-osaka-checkout-761f6036]:disabled { cursor: not-allowed; opacity: 0.52;
}
.payment-split-toggle[data-v-osaka-checkout-761f6036] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 48px;
  margin-top: 0;
  border: 1px solid #b9d5fb;
  border-radius: 8px;
  background: #fff;
  color: var(--payment-blue);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.payment-split-toggle[data-v-osaka-checkout-761f6036]:hover { background: #f2f7ff;
}
.payment-actions-menu[data-v-osaka-checkout-761f6036] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.payment-actions-menu button[data-v-osaka-checkout-761f6036] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 44px;
  padding: 6px 8px;
  border: 1px solid #d9dee6;
  border-radius: 7px;
  background: #fff;
  color: #374151;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.payment-actions-menu button[data-v-osaka-checkout-761f6036]:hover { border-color: #9fc5f8; background: #f8fbff;
}
.payment-actions-menu button[data-v-osaka-checkout-761f6036]:disabled { cursor: wait; opacity: 0.55;
}
.payment-actions-menu .is-danger[data-v-osaka-checkout-761f6036] { color: #c2413b; border-color: #f3c6c3;
}
.payment-entry-panel[data-v-osaka-checkout-761f6036] { padding: 0 14px 10px;
}
.payment-entry-panel .payment-panel-title[data-v-osaka-checkout-761f6036] { min-height: 48px; padding: 14px 0 10px;
}
.payment-entry-titlebar[data-v-osaka-checkout-761f6036] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.payment-entry-titlebar > span[data-v-osaka-checkout-761f6036]:first-child {
  flex: 0 0 auto;
  white-space: nowrap;
}
.payment-preview-status[data-v-osaka-checkout-761f6036] {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
  min-height: 30px;
  padding: 3px 8px;
  border: 1px solid #d8e8fc;
  border-radius: 999px;
  background: #f5f9ff;
  color: #64748b;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
}
.payment-preview-status > span[data-v-osaka-checkout-761f6036] { min-width: 0; overflow: hidden; text-overflow: ellipsis;
}
.payment-preview-status .preview-change[data-v-osaka-checkout-761f6036] { color: #068749;
}
.payment-preview-status .preview-exact[data-v-osaka-checkout-761f6036] { color: #068749;
}
.payment-preview-status .preview-remaining[data-v-osaka-checkout-761f6036] { color: var(--payment-blue);
}
.payment-amount-display[data-v-osaka-checkout-761f6036] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 68px;
  padding: 2px 4px 12px;
}
.payment-amount-display span[data-v-osaka-checkout-761f6036] { color: #667085; font-size: 14px; font-weight: 500;
}
.payment-amount-display strong[data-v-osaka-checkout-761f6036] {
  font-size: clamp(28px, 2.8vw, 40px);
  line-height: 1;
  letter-spacing: -0.035em;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}
.payment-inline-methods[data-v-osaka-checkout-761f6036] {
  flex: 0 0 auto;
  min-width: 0;
  padding-top: 1px;
}
.payment-inline-method-title[data-v-osaka-checkout-761f6036] {
  margin-bottom: 5px;
  color: #667085;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 600;
}
.payment-quick-amounts[data-v-osaka-checkout-761f6036] {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  margin-top: auto;
  margin-bottom: 8px;
}
.payment-quick-amounts button[data-v-osaka-checkout-761f6036] {
  min-height: 44px;
  padding: 4px;
  border: 1px solid #dfe3e9;
  border-radius: 7px;
  background: #fff;
  color: #1f2937;
  font-size: clamp(12px, 1.1vw, 16px);
  font-weight: 600;
  cursor: pointer;
}
.payment-quick-amounts button[data-v-osaka-checkout-761f6036]:hover { border-color: #9fc5f8; background: #f7fbff;
}
.payment-quick-amounts .is-exact[data-v-osaka-checkout-761f6036] { border-color: var(--payment-blue); background: var(--payment-blue); color: #fff;
}
.payment-numpad[data-v-osaka-checkout-761f6036] {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: repeat(4, clamp(48px, 7.5vh, 60px));
  gap: 7px;
  min-height: 0;
}
.payment-numpad button[data-v-osaka-checkout-761f6036] {
  min-height: 48px;
  border: 1px solid #dfe3e9;
  border-radius: 8px;
  background: #fff;
  color: #111827;
  font-size: clamp(22px, 2vw, 28px);
  font-weight: 600;
  cursor: pointer;
  touch-action: manipulation;
}
.payment-numpad button[data-v-osaka-checkout-761f6036]:hover { border-color: #b9d5fb; background: #f8fbff;
}
.payment-numpad button[data-v-osaka-checkout-761f6036]:active { background: #edf5ff;
}
.payment-numpad .is-clear[data-v-osaka-checkout-761f6036] { color: #e11d48;
}
.payment-numpad .is-decimal[data-v-osaka-checkout-761f6036] { font-weight: 700;
}
.payment-numpad .is-zero[data-v-osaka-checkout-761f6036] { grid-column: 1 / -1;
}
.payment-numpad .is-backspace[data-v-osaka-checkout-761f6036] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.payment-numpad .is-backspace .el-icon[data-v-osaka-checkout-761f6036] { font-size: 28px;
}
.payment-side-stack[data-v-osaka-checkout-761f6036] {
  display: grid;
  grid-template-rows: minmax(174px, 1fr);
  gap: 0;
  min-width: 0;
  min-height: 0;
}
.payment-added-panel .payment-entry-scroll[data-v-osaka-checkout-761f6036] {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none;
  overflow-y: auto;
  padding: 0 10px 8px;
}
.payment-added-row[data-v-osaka-checkout-761f6036] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto 44px;
  align-items: center;
  gap: 7px;
  min-height: 48px;
  padding: 2px 0;
  border-bottom: 1px solid #edf0f4;
}
.payment-added-row.is-locked[data-v-osaka-checkout-761f6036] { grid-template-columns: 30px minmax(0, 1fr) auto;
}
.payment-added-icon[data-v-osaka-checkout-761f6036] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 7px;
  background: #edf5ff;
  color: var(--payment-blue);
  font-size: 17px;
}
.payment-added-copy[data-v-osaka-checkout-761f6036] { display: flex; flex-direction: column; min-width: 0;
}
.payment-added-copy span[data-v-osaka-checkout-761f6036] { color: #1f2937; font-size: 13px; font-weight: 500;
}
.payment-added-copy small[data-v-osaka-checkout-761f6036] { margin-top: 1px; color: #64748b; font-size: 10.5px; line-height: 1.2;
}
.payment-added-row > strong[data-v-osaka-checkout-761f6036] { font-size: 14px; font-weight: 600; font-variant-numeric: tabular-nums;
}
.payment-added-row > button[data-v-osaka-checkout-761f6036] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid #f3c6c3;
  border-radius: 8px;
  background: #fff;
  color: #c2413b;
  cursor: pointer;
}
.payment-empty-state[data-v-osaka-checkout-761f6036] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 160px;
  margin: 0 14px 12px;
  border: 1px solid #edf0f4;
  border-radius: 8px;
  color: #9ca3af;
}
.payment-empty-state .el-icon[data-v-osaka-checkout-761f6036] { font-size: 34px; color: #c7cdd5;
}
.payment-empty-state span[data-v-osaka-checkout-761f6036] { font-size: 14px;
}
.payment-method-options[data-v-osaka-checkout-761f6036] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}
.payment-method-options button[data-v-osaka-checkout-761f6036] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 0;
  min-height: 48px;
  padding: 4px 5px;
  border: 1px solid #dfe3e9;
  border-radius: 8px;
  background: #fff;
  color: #344054;
  font-size: clamp(11.5px, 1vw, 14px);
  font-weight: 600;
  cursor: pointer;
}
.payment-method-options button span[data-v-osaka-checkout-761f6036] { min-width: 0; line-height: 1.15;
}
.payment-method-options button .el-icon[data-v-osaka-checkout-761f6036] { flex: 0 0 auto; font-size: 19px;
}
.payment-method-options button[data-v-osaka-checkout-761f6036]:hover:not(:disabled) { border-color: #9fc5f8; background: #f8fbff;
}
.payment-method-options button.selected[data-v-osaka-checkout-761f6036] { border-color: var(--payment-blue); box-shadow: inset 0 0 0 1px var(--payment-blue);
}
.payment-method-options button[data-v-osaka-checkout-761f6036]:disabled { cursor: not-allowed; opacity: 0.42;
}
.payment-method-options .method-card[data-v-osaka-checkout-761f6036] { color: #1677ff;
}
.payment-method-options .method-cash[data-v-osaka-checkout-761f6036] { color: #139653;
}
.payment-method-options .method-ticket_restaurant[data-v-osaka-checkout-761f6036] { color: #d58a11;
}
.payment-method-options .method-check[data-v-osaka-checkout-761f6036] { color: #667085;
}
.payment-guest-mode-note[data-v-osaka-checkout-761f6036] {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 12px;
  border: 1px solid #d4e5fb;
  border-radius: 8px;
  background: #f4f8fe;
  color: #335f96;
  font-size: 13px;
  line-height: 1.4;
}
.payment-inline-methods .paid-state[data-v-osaka-checkout-761f6036] { padding: 8px;
}
.payment-inline-methods .paid-state .el-icon[data-v-osaka-checkout-761f6036] { font-size: 28px; color: #16a34a;
}
.payment-workspace-footer[data-v-osaka-checkout-761f6036] {
  display: grid;
  grid-template-columns: minmax(220px, 30fr) minmax(420px, 70fr);
  gap: 14px;
  min-height: 60px;
  margin-top: 2px;
  padding-top: 4px;
}
.payment-workspace-footer button[data-v-osaka-checkout-761f6036] {
  min-height: 58px;
  border-radius: 8px;
  font-size: clamp(16px, 1.45vw, 21px);
  font-weight: 700;
  cursor: pointer;
}
.payment-cancel-button[data-v-osaka-checkout-761f6036] {
  border: 1px solid var(--payment-border);
  background: #fff;
  color: #374151;
}
.payment-cancel-button[data-v-osaka-checkout-761f6036]:hover { background: #f9fafb;
}
.payment-confirm-button[data-v-osaka-checkout-761f6036] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  border: 0;
  background: var(--payment-green);
  color: #fff;
}
.payment-confirm-button strong[data-v-osaka-checkout-761f6036] { font-size: 1.08em; font-variant-numeric: tabular-nums;
}
.payment-confirm-button[data-v-osaka-checkout-761f6036]:hover:not(:disabled) { background: #008446;
}
.payment-confirm-button[data-v-osaka-checkout-761f6036]:active:not(:disabled) { transform: translateY(1px);
}
.payment-confirm-button[data-v-osaka-checkout-761f6036]:disabled { cursor: not-allowed; background: #a7d9bf;
}
.payment-confirm-button.loading[data-v-osaka-checkout-761f6036] { cursor: wait;
}
@media (min-width: 1024px) and (max-width: 1199px) {
.payment-workspace[data-v-osaka-checkout-761f6036] { gap: 6px; padding: 6px 10px 8px;
}
.payment-workspace-body[data-v-osaka-checkout-761f6036] { grid-template-columns: minmax(250px, 31fr) minmax(310px, 36fr) minmax(250px, 33fr); gap: 10px;
}
.payment-metrics[data-v-osaka-checkout-761f6036] { gap: 10px;
}
.payment-metric-card[data-v-osaka-checkout-761f6036] { min-height: 68px;
}
.payment-quick-amounts[data-v-osaka-checkout-761f6036] { gap: 5px;
}
.payment-numpad[data-v-osaka-checkout-761f6036] { gap: 7px;
}
.payment-method-options[data-v-osaka-checkout-761f6036] { grid-template-columns: repeat(4, minmax(0, 1fr));
}
.payment-method-options button[data-v-osaka-checkout-761f6036] { flex-direction: column; gap: 2px; min-height: 48px; font-size: 11px;
}
.payment-actions-menu button span[data-v-osaka-checkout-761f6036] { font-size: 11px;
}
}
@media (min-width: 1024px) and (max-height: 820px) {
.payment-workspace[data-v-osaka-checkout-761f6036] { gap: 3px; padding-top: 0; padding-bottom: 5px;
}
.payment-workspace-header[data-v-osaka-checkout-761f6036] { min-height: 32px;
}
.payment-metrics[data-v-osaka-checkout-761f6036] { gap: 8px;
}
.payment-metric-card[data-v-osaka-checkout-761f6036] { min-height: 54px; padding: 4px 8px;
}
.payment-metric-card span[data-v-osaka-checkout-761f6036] { font-size: 11px;
}
.payment-metric-card strong[data-v-osaka-checkout-761f6036] { margin-top: 2px; font-size: clamp(22px, 2vw, 28px);
}
.payment-workspace-body[data-v-osaka-checkout-761f6036] { gap: 8px; margin-top: 0;
}
.payment-entry-panel[data-v-osaka-checkout-761f6036] { justify-content: center; padding: 0 10px 5px;
}
.payment-entry-panel .payment-panel-title[data-v-osaka-checkout-761f6036] { min-height: 36px; padding-top: 7px; padding-bottom: 5px;
}
.payment-preview-status[data-v-osaka-checkout-761f6036] { min-height: 26px; padding-top: 2px; padding-bottom: 2px;
}
.payment-amount-display[data-v-osaka-checkout-761f6036] { min-height: 54px; padding-top: 4px; padding-bottom: 7px;
}
.payment-amount-display strong[data-v-osaka-checkout-761f6036] { font-size: clamp(26px, 2.6vw, 34px);
}
.payment-inline-methods[data-v-osaka-checkout-761f6036] { padding-top: 0;
}
.payment-inline-method-title[data-v-osaka-checkout-761f6036] { margin-bottom: 3px; font-size: 11px;
}
.payment-method-options[data-v-osaka-checkout-761f6036] { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px;
}
.payment-method-options button[data-v-osaka-checkout-761f6036] { min-height: 52px; padding: 5px 3px; font-size: 13px; font-weight: 700;
}
.payment-method-options button .el-icon[data-v-osaka-checkout-761f6036] { font-size: 20px;
}
.payment-quick-amounts[data-v-osaka-checkout-761f6036] { margin-top: 8px; margin-bottom: 4px;
}
.payment-numpad[data-v-osaka-checkout-761f6036] { grid-template-rows: repeat(4, 44px); gap: 5px; margin-bottom: 0;
}
.payment-numpad button[data-v-osaka-checkout-761f6036] { min-height: 44px;
}
.payment-workspace-footer[data-v-osaka-checkout-761f6036] { min-height: 52px; margin-top: 0; padding-top: 2px;
}
.payment-workspace-footer button[data-v-osaka-checkout-761f6036] { min-height: 50px;
}
}
@media (max-width: 1023px) {
[data-v-osaka-checkout-761f6036] .pos-tabs.payment-mode > .el-tabs__content { overflow-y: auto;
}
[data-v-osaka-checkout-761f6036] .pos-tabs.payment-mode .el-tab-pane { height: auto; min-height: 100%;
}
.payment-workspace[data-v-osaka-checkout-761f6036] {
    height: auto;
    min-height: 100%;
    grid-template-rows: auto auto auto auto;
    padding: 12px;
}
.payment-workspace-body[data-v-osaka-checkout-761f6036] { grid-template-columns: repeat(2, minmax(0, 1fr));
}
.payment-order-panel[data-v-osaka-checkout-761f6036] { grid-column: 1 / -1; min-height: 520px;
}
.payment-entry-panel[data-v-osaka-checkout-761f6036] { min-height: 590px;
}
.payment-side-stack[data-v-osaka-checkout-761f6036] { min-height: 590px;
}
.payment-method-options[data-v-osaka-checkout-761f6036] { grid-template-columns: repeat(2, minmax(0, 1fr));
}
.payment-order-scroll[data-v-osaka-checkout-761f6036] { max-height: 380px;
}
.payment-workspace-footer[data-v-osaka-checkout-761f6036] { position: sticky; bottom: 0; z-index: 5; padding-top: 8px; background: #f7f8fa;
}
}
@media (max-width: 767px) {
.payment-workspace-header[data-v-osaka-checkout-761f6036] { gap: 9px; flex-wrap: wrap;
}
.payment-bill-number[data-v-osaka-checkout-761f6036] { margin-left: 0;
}
.payment-header-meta[data-v-osaka-checkout-761f6036]:last-child { margin-left: auto;
}
.payment-metrics[data-v-osaka-checkout-761f6036] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px;
}
.payment-metric-card[data-v-osaka-checkout-761f6036] { min-height: 78px;
}
.payment-workspace-body[data-v-osaka-checkout-761f6036] { grid-template-columns: 1fr;
}
.payment-order-panel[data-v-osaka-checkout-761f6036],
  .payment-entry-panel[data-v-osaka-checkout-761f6036],
  .payment-side-stack[data-v-osaka-checkout-761f6036] { grid-column: 1; min-height: 560px;
}
.payment-order-scroll[data-v-osaka-checkout-761f6036] { max-height: 400px;
}
.payment-workspace-footer[data-v-osaka-checkout-761f6036] { grid-template-columns: 1fr; gap: 8px;
}
.payment-workspace-footer button[data-v-osaka-checkout-761f6036] { min-height: 58px;
}
}
@media (max-width: 500px) {
.payment-workspace[data-v-osaka-checkout-761f6036] { padding: 10px 8px;
}
.payment-workspace-header h2[data-v-osaka-checkout-761f6036] { font-size: 18px;
}
.payment-source-chip[data-v-osaka-checkout-761f6036] { order: 6;
}
.payment-metric-card strong[data-v-osaka-checkout-761f6036] { font-size: 25px;
}
.payment-quick-amounts[data-v-osaka-checkout-761f6036] { grid-template-columns: repeat(3, minmax(0, 1fr));
}
.payment-numpad[data-v-osaka-checkout-761f6036] { grid-template-rows: repeat(4, 58px);
}
.payment-entry-panel[data-v-osaka-checkout-761f6036] { min-height: 620px;
}
.payment-side-stack[data-v-osaka-checkout-761f6036] { min-height: 540px;
}
}

/* 账单 3 区横向布局 */
.bill-layout[data-v-osaka-checkout-761f6036] {
  --pos-touch-target: 48px;
  display: grid;
  grid-template-columns: 25fr 40fr 35fr;
  gap: 12px;
  min-height: 0;
  height: calc(100vh - 200px);
}
.zone-items[data-v-osaka-checkout-761f6036], .zone-numpad[data-v-osaka-checkout-761f6036], .zone-payment[data-v-osaka-checkout-761f6036] {
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding: 8px;
  background: #fafafa;
  border-radius: 8px;
}
.zone-items[data-v-osaka-checkout-761f6036] { overflow: hidden;
}
.zone-numpad[data-v-osaka-checkout-761f6036], .zone-payment[data-v-osaka-checkout-761f6036] { overflow-y: auto;
}
.zone-payment-title[data-v-osaka-checkout-761f6036] {
  font-size: 14px;
  font-weight: 600;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
  padding-bottom: 4px;
  border-bottom: 1px solid #e0e0e0;
}
.zone-payment-actions[data-v-osaka-checkout-761f6036] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #e0e0e0;
}
.zone-payment-actions .el-button[data-v-osaka-checkout-761f6036] {
  width: 100%;
  height: clamp(44px, 7vh, 64px);
  font-size: clamp(13px, 1.4vw, 18px);
  margin-left: 0;
}
.zone-payment-footer[data-v-osaka-checkout-761f6036] {
  margin-top: auto;
  padding-top: 8px;
  text-align: center;
}
@media (min-width: 1024px) and (max-width: 1199px) {
.bill-layout[data-v-osaka-checkout-761f6036] { grid-template-columns: 29fr 37fr 34fr;
}
}
@media (max-width: 1023px) {
.bill-layout[data-v-osaka-checkout-761f6036] { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; height: auto;
}
.zone-items[data-v-osaka-checkout-761f6036] { grid-column: 1 / 3;
}
.zone-numpad[data-v-osaka-checkout-761f6036] { grid-column: 1;
}
.zone-payment[data-v-osaka-checkout-761f6036] { grid-column: 2;
}
}
@media (max-width: 500px) {
.bill-layout[data-v-osaka-checkout-761f6036] { --pos-touch-target: 44px; grid-template-columns: 1fr; height: auto;
}
.zone-items[data-v-osaka-checkout-761f6036], .zone-numpad[data-v-osaka-checkout-761f6036], .zone-payment[data-v-osaka-checkout-761f6036] { grid-column: 1;
}
}
.bill-head-compact[data-v-osaka-checkout-761f6036] { display: flex; align-items: center; gap: 6px; margin-bottom: 8px; flex: 0 0 auto; flex-wrap: wrap;
}
.bhc-no[data-v-osaka-checkout-761f6036] { font-size: 0.75rem; font-weight: 700; color: #1a1a1a;
}
.bhc-table[data-v-osaka-checkout-761f6036] { font-size: 0.75rem; color: #888;
}
.bill-cancel-btn[data-v-osaka-checkout-761f6036] {
  min-width: var(--pos-touch-target);
  min-height: var(--pos-touch-target);
  margin-left: auto;
  padding: 0 12px;
  flex: 0 0 auto;
  font-weight: 700;
}
.bill-cancel-btn .el-icon[data-v-osaka-checkout-761f6036] { font-size: 18px;
}
.bill-items-scroll[data-v-osaka-checkout-761f6036] {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding-right: 2px;
}
.bill-items-compact[data-v-osaka-checkout-761f6036] { border: 1px solid #f0f0f0; border-radius: 6px;
}
.bic-row[data-v-osaka-checkout-761f6036] { display: flex; align-items: center; gap: 4px; padding: 5px 6px; border-bottom: 1px solid #f8f8f8; font-size: 0.8rem;
}
.bic-name[data-v-osaka-checkout-761f6036] { flex: 1; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.bic-unit[data-v-osaka-checkout-761f6036] { color: #666; min-width: 45px; text-align: right;
}

/* 两行布局：第一行菜名，第二行单价/数量/金额/删除 */
.bic-row2[data-v-osaka-checkout-761f6036] { padding: 6px 8px; border-bottom: 1px solid #f0f0f0;
}
.bic-row2[data-v-osaka-checkout-761f6036]:last-child { border-bottom: none;
}
.bic-row2.bic-paid[data-v-osaka-checkout-761f6036] { background: #f6ffed; opacity: 0.72;
}
.bill-guest-chip[data-v-osaka-checkout-761f6036] { align-self: flex-start; padding: 1px 6px; border-radius: 999px; background: #e6f4ff; color: #1677ff; font-size: 0.68rem; font-weight: 800;
}
.bill-item-paid[data-v-osaka-checkout-761f6036] { color: #389e0d !important;
}
.guest-checkout-box[data-v-osaka-checkout-761f6036] { margin-top: 8px; padding: 8px; border: 1px solid #d9f7be; border-radius: 8px; background: #fcfff8; display: grid; gap: 6px;
}
.guest-checkout-title[data-v-osaka-checkout-761f6036] { font-size: 0.78rem; font-weight: 800; color: #237804;
}
.guest-checkout-btn[data-v-osaka-checkout-761f6036] { display: flex; align-items: center; justify-content: space-between; min-height: 38px; border: 1px solid #91caff; border-radius: 7px; padding: 6px 10px; background: #fff; color: #0958d9; font-size: 0.82rem; cursor: pointer;
}
.guest-checkout-btn.paid[data-v-osaka-checkout-761f6036] { border-color: #b7eb8f; background: #f6ffed; color: #389e0d;
}
.guest-checkout-btn[data-v-osaka-checkout-761f6036]:disabled { cursor: not-allowed; opacity: 0.66;
}
.guest-checkout-warning[data-v-osaka-checkout-761f6036] { margin: 2px 0; color: #d46b08; font-size: 0.72rem; line-height: 1.35;
}
.guest-payment-record[data-v-osaka-checkout-761f6036] { display: flex; justify-content: space-between; gap: 8px; font-size: 0.72rem; color: #389e0d; border-top: 1px dashed #d9f7be; padding-top: 5px;
}
.guest-split-active p[data-v-osaka-checkout-761f6036] { color: #666; font-size: 0.82rem; line-height: 1.5;
}
.guest-payment-dialog[data-v-osaka-checkout-761f6036] { text-align: center;
}
.gpd-label[data-v-osaka-checkout-761f6036] { color: #1677ff; font-size: 1rem; font-weight: 800;
}
.gpd-amount[data-v-osaka-checkout-761f6036] { font-size: 2rem; font-weight: 900; margin: 8px 0;
}
.guest-payment-dialog p[data-v-osaka-checkout-761f6036] { color: #777; font-size: 0.8rem;
}
.gpd-methods[data-v-osaka-checkout-761f6036] { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 14px;
}
.gpd-methods button[data-v-osaka-checkout-761f6036] { min-height: 48px; border: 1px solid #91caff; border-radius: 8px; background: #e6f4ff; color: #0958d9; font-weight: 800; cursor: pointer;
}
.bic-name-line[data-v-osaka-checkout-761f6036] { display: flex; flex-direction: column; font-size: 0.9rem; color: #1a1a1a; font-weight: 500; word-break: break-word; line-height: 1.3; margin-bottom: 4px; cursor: pointer;
}
.bic-name-line small[data-v-osaka-checkout-761f6036], .sr-name small[data-v-osaka-checkout-761f6036] { display: block; margin-top: 1px; color: #b4532d; font-size: 0.7rem; line-height: 1.2; font-weight: 750;
}
.bic-ctrl-line[data-v-osaka-checkout-761f6036] { display: flex; align-items: center; gap: 6px;
}
.bic-unit2[data-v-osaka-checkout-761f6036] { color: #1890ff; font-size: 0.78rem; min-width: 48px; cursor: pointer; border-bottom: 1px dashed #1890ff; padding: 1px 3px; border-radius: 3px; transition: background 0.15s;
}
.bic-unit2[data-v-osaka-checkout-761f6036]::before { content: '✏️ '; font-size: 0.7rem;
}
.bic-unit2[data-v-osaka-checkout-761f6036]:hover { background: #e6f4ff;
}
.bic-unit2[data-v-osaka-checkout-761f6036]:active { background: #bae0ff;
}
.bic-price2[data-v-osaka-checkout-761f6036] { font-weight: 700; font-size: 0.9rem; color: #1a1a1a; flex: 1; text-align: right;
}
.bic-btn2[data-v-osaka-checkout-761f6036] { background: #fff; border: 1px solid #fecaca; color: #dc2626; border-radius: 5px; font-size: 0.9rem; width: 28px; height: 28px; line-height: 1; padding: 0; cursor: pointer;
}
.bic-btn2[data-v-osaka-checkout-761f6036]:active { background: #fef2f2;
}
.bic-qty[data-v-osaka-checkout-761f6036] { color: #888; min-width: 28px;
}
.bic-qty-ctrl[data-v-osaka-checkout-761f6036] { display: inline-flex; align-items: center; gap: 2px;
}
.bic-qbtn[data-v-osaka-checkout-761f6036] { background: #f5f5f5; border: 1px solid #d9d9d9; border-radius: 4px; width: 26px; height: 26px; font-size: 1rem; font-weight: 700; color: #1890ff; line-height: 1; padding: 0; cursor: pointer; user-select: none;
}
.bic-qbtn[data-v-osaka-checkout-761f6036]:disabled { opacity: 0.4; cursor: not-allowed;
}
.bic-qbtn[data-v-osaka-checkout-761f6036]:active:not(:disabled) { background: #e0e7ef;
}
.bic-qty-num[data-v-osaka-checkout-761f6036] { min-width: 24px; text-align: center; font-weight: 700; color: #1a1a1a; font-size: 0.9rem;
}
.bic-price[data-v-osaka-checkout-761f6036] { font-weight: 600; min-width: 55px; text-align: right;
}
.bic-acts[data-v-osaka-checkout-761f6036] { display: flex; gap: 4px; margin-left: 4px;
}
.bic-acts .bic-btn[data-v-osaka-checkout-761f6036] { background: #fff; border: 1px solid #fecaca; color: #dc2626; border-radius: 5px; font-size: 0.9rem; min-width: 26px; min-height: 26px; line-height: 1; padding: 0; cursor: pointer;
}
.bic-acts .bic-btn[data-v-osaka-checkout-761f6036]:active { background: #fef2f2;
}
.bic-name[data-v-osaka-checkout-761f6036], .bic-unit[data-v-osaka-checkout-761f6036] { cursor: pointer;
}
.bic-discount[data-v-osaka-checkout-761f6036] { font-size: 0.75rem; color: #e74c3c; padding: 3px 6px; display: flex; justify-content: space-between;
}
.bic-total[data-v-osaka-checkout-761f6036] { display: flex; justify-content: space-between; padding: 6px; font-size: 1rem; font-weight: 800; border-top: 2px solid #1a1a1a; margin-top: 4px;
}
.bic-discount-ctrl[data-v-osaka-checkout-761f6036] { display: flex; align-items: center; gap: 4px; margin-top: 6px; font-size: 0.75rem;
}

/* Remise 弹窗 */
.remise-dialog[data-v-osaka-checkout-761f6036] { padding: 4px 0;
}
.rm-original[data-v-osaka-checkout-761f6036] { display: flex; justify-content: space-between; padding: 8px 12px; background: #f5f5f5; border-radius: 6px; margin-bottom: 12px; font-size: 0.95rem;
}
.rm-row[data-v-osaka-checkout-761f6036] { display: flex; align-items: center; gap: 8px; margin-bottom: 10px;
}
.rm-row label[data-v-osaka-checkout-761f6036] { min-width: 100px; font-size: 0.9rem; color: #555;
}
.rm-result[data-v-osaka-checkout-761f6036] { text-align: right; padding: 10px; background: #fff7e6; border-radius: 6px; margin: 12px 0; font-size: 1rem;
}
.rm-result strong[data-v-osaka-checkout-761f6036] { font-size: 1.3rem; color: #e74c3c; margin-left: 8px;
}
.rm-reason-label[data-v-osaka-checkout-761f6036] { font-size: 0.85rem; color: #666; margin-bottom: 6px;
}
.rm-reasons[data-v-osaka-checkout-761f6036] { display: flex; flex-wrap: wrap; gap: 6px;
}
.rm-reason-tag[data-v-osaka-checkout-761f6036] { cursor: pointer; user-select: none;
}

/* 左栏固定付款摘要：付款行单独滚动，金额汇总不参与滚动。 */
.bill-payment-summary[data-v-osaka-checkout-761f6036] {
  flex: 0 0 auto;
  min-width: 0;
  margin-bottom: 8px;
  padding: 8px;
  border: 1px solid #d9e7f5;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}
.pel-title[data-v-osaka-checkout-761f6036] { font-size: 0.78rem; color: #64748b; margin-bottom: 4px; font-weight: 800;
}
.payment-entry-scroll[data-v-osaka-checkout-761f6036] {
  max-height: min(30vh, 192px);
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
.pel-row[data-v-osaka-checkout-761f6036] {
  display: flex; align-items: center; gap: 4px;
  min-height: var(--pos-touch-target);
  padding: 3px 0; font-size: 0.8rem;
}
.pel-label[data-v-osaka-checkout-761f6036] { flex: 1; min-width: 0; font-weight: 600; color: #333; overflow-wrap: anywhere;
}
.pel-amount[data-v-osaka-checkout-761f6036] { font-weight: 700; color: #1a1a1a;
}
.pel-del[data-v-osaka-checkout-761f6036] {
  flex: 0 0 var(--pos-touch-target);
  width: var(--pos-touch-target); height: var(--pos-touch-target); border-radius: 8px;
  border: 1px solid #fecaca; background: #fef2f2;
  color: #dc2626; font-size: 0.85rem; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  -webkit-tap-highlight-color: transparent; touch-action: manipulation;
}
.pel-del[data-v-osaka-checkout-761f6036]:active { background: #fee2e2;
}
.payment-summary-fixed[data-v-osaka-checkout-761f6036] {
  position: relative;
  z-index: 1;
  padding-top: 6px;
  border-top: 1px solid #e5e7eb;
  background: #fff;
}
.pel-summary[data-v-osaka-checkout-761f6036] {
  display: flex; justify-content: space-between;
  padding: 3px 0; font-size: 0.82rem; font-weight: 600;
}
.pel-change[data-v-osaka-checkout-761f6036] { color: #52c41a;
}
.pel-remaining[data-v-osaka-checkout-761f6036] {
  margin-top: 3px;
  padding-top: 7px;
  border-top: 1px dashed #fecaca;
  color: #dc2626;
  font-size: 0.95rem;
  font-weight: 800;
}
.pel-remaining.settled[data-v-osaka-checkout-761f6036] { border-top-color: #b7eb8f; color: #389e0d;
}
@media (max-width: 1023px) {
.bill-items-scroll[data-v-osaka-checkout-761f6036] { flex: 0 1 auto; max-height: 35vh;
}
}
@media (max-width: 500px) {
.bill-items-scroll[data-v-osaka-checkout-761f6036] { max-height: 32vh;
}
.payment-entry-scroll[data-v-osaka-checkout-761f6036] { max-height: 132px;
}
}
.pe-amount-display[data-v-osaka-checkout-761f6036] { font-size: 0.9rem; font-weight: 700; color: #1a1a1a; margin-left: auto;
}

/* 数字键盘 */
.numpad-display[data-v-osaka-checkout-761f6036] {
  width: 100%;
  box-sizing: border-box;
  font-size: clamp(24px, 2.8vw, 42px);
  font-weight: 700;
  text-align: right;
  padding: 12px 16px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  margin-bottom: 8px;
  min-height: clamp(48px, 7vh, 72px);
  font-variant-numeric: tabular-nums;
}
.pay-preview-row[data-v-osaka-checkout-761f6036] {
  min-height: 34px;
  margin-bottom: 8px;
  padding: 7px 10px;
  border-radius: 7px;
  background: #f7f9fc;
  border: 1px solid #e5e7eb;
  font-size: 0.86rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preview-idle[data-v-osaka-checkout-761f6036] { color: #64748b;
}
.preview-change[data-v-osaka-checkout-761f6036] { color: #0f9f6e;
}
.preview-exact[data-v-osaka-checkout-761f6036] { color: #2563eb;
}
.preview-remaining[data-v-osaka-checkout-761f6036] { color: #dc2626;
}
.nd-value[data-v-osaka-checkout-761f6036] { font-size: 32px; font-weight: 700; color: #1a1a1a;
}
.numpad[data-v-osaka-checkout-761f6036] {
  width: 100%;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-bottom: 8px;
}
.numpad-key[data-v-osaka-checkout-761f6036] {
  min-height: clamp(56px, 8vh, 96px);
  border-radius: 8px;
  border: 1px solid #d0d0d0;
  background: #fff;
  font-size: clamp(22px, 2.5vw, 36px);
  font-weight: 700;
  color: #333;
  cursor: pointer;
  text-align: center;
  -webkit-tap-highlight-color: transparent; touch-action: manipulation;
}
.numpad-key[data-v-osaka-checkout-761f6036]:active { background: #e6f7ff; border-color: #91caff;
}
.key-clear[data-v-osaka-checkout-761f6036] { background: #fff1f0; color: #e74c3c; border-color: #fecaca;
}
.key-clear[data-v-osaka-checkout-761f6036]:active { background: #fee2e2;
}
.key-back[data-v-osaka-checkout-761f6036] {
  background: #fff7e6;
  color: #fa8c16;
  border-color: #ffd591;
  grid-column: span 2;
}
.pay-method-grid[data-v-osaka-checkout-761f6036] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 12px;
}
.pay-method-btn[data-v-osaka-checkout-761f6036] {
  min-height: clamp(64px, 10vh, 100px);
  padding: 12px 8px;
  border-radius: 10px;
  border: 2px solid #1890ff;
  background: #e6f7ff;
  color: #1890ff;
  font-size: clamp(14px, 1.6vw, 22px);
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.pay-method-btn[data-v-osaka-checkout-761f6036]:hover:not(.disabled):not(:disabled) { background: #bae7ff;
}
.pay-method-btn[data-v-osaka-checkout-761f6036]:active { background: #1890ff; color: #fff;
}
.pay-method-btn.disabled[data-v-osaka-checkout-761f6036],
.pay-method-btn[data-v-osaka-checkout-761f6036]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  background: #f5f5f5;
  border-color: #d9d9d9;
  color: #999;
}
.pay-quick-btn2[data-v-osaka-checkout-761f6036] {
  padding: 6px 4px; border-radius: 6px; border: 1px solid #d9d9d9;
  background: #fafafa; font-size: 0.7rem; color: #666; cursor: pointer; text-align: center;
}
.pay-quick-btn2[data-v-osaka-checkout-761f6036]:active { background: #f6ffed; border-color: #52c41a;
}

/* 快速追加 */
/* 并台 */
.merge-grid[data-v-osaka-checkout-761f6036] { display: grid; grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); gap: 8px;
}
.merge-table-btn[data-v-osaka-checkout-761f6036] {
  padding: 12px 8px; border-radius: 10px; border: 2px solid #e0e0e0;
  background: #fff; cursor: pointer; text-align: center;
}
.merge-table-btn[data-v-osaka-checkout-761f6036]:active { border-color: #1890ff; background: #e6f7ff;
}
.mt-num[data-v-osaka-checkout-761f6036] { display: block; font-size: 1.2rem; font-weight: 800; color: #1a1a1a;
}
.mt-info[data-v-osaka-checkout-761f6036] { font-size: 0.75rem; color: #888;
}
.qa-mode[data-v-osaka-checkout-761f6036] { display: flex; gap: 8px; margin-bottom: 10px;
}
.qa-mode-btn[data-v-osaka-checkout-761f6036] {
  flex: 1; padding: 8px 10px; border-radius: 8px; border: 1px solid #d9d9d9;
  background: #fff; color: #333; font-size: 0.85rem; font-weight: 700; cursor: pointer;
}
.qa-mode-btn.active[data-v-osaka-checkout-761f6036] { background: #1890ff; border-color: #1890ff; color: #fff;
}
.qa-cats[data-v-osaka-checkout-761f6036] { display: flex; gap: 4px; flex-wrap: wrap; margin-bottom: 8px;
}
.qa-cat[data-v-osaka-checkout-761f6036] {
  padding: 6px 10px; border-radius: 16px; border: 1px solid #d9d9d9;
  background: #fff; font-size: 0.8rem; font-weight: 600; cursor: pointer;
}
.qa-cat.active[data-v-osaka-checkout-761f6036] { background: #1890ff; color: #fff; border-color: #1890ff;
}
.qa-dishes[data-v-osaka-checkout-761f6036] { display: flex; flex-direction: column; gap: 2px;
}
.qa-subcat[data-v-osaka-checkout-761f6036] {
  font-size: 0.85rem; font-weight: 700; color: #1890ff;
  padding: 10px 4px 4px; border-bottom: 1px solid #e6f0ff;
  margin-top: 6px; text-transform: uppercase; letter-spacing: 0.5px;
  text-align: center;
}
.qa-dish[data-v-osaka-checkout-761f6036] {
  display: flex; align-items: stretch; border-radius: 6px;
  border: 1px solid #f0f0f0; background: #fff; position: relative; overflow: hidden;
}
.qa-dish.selected[data-v-osaka-checkout-761f6036] { border-color: #93c5fd; background: #f8fbff;
}
.qa-dish-main[data-v-osaka-checkout-761f6036] {
  flex: 1; display: flex; align-items: center; padding: 8px 10px;
  background: transparent; border: none; cursor: pointer; position: relative;
}
.qa-dish-main[data-v-osaka-checkout-761f6036]:active { background: #e6f7ff;
}
.qad-photo[data-v-osaka-checkout-761f6036],
.qad-photo-fallback[data-v-osaka-checkout-761f6036] {
  flex: 0 0 58px; width: 58px; height: 44px; border-radius: 7px;
}
.qad-photo[data-v-osaka-checkout-761f6036] {
  display: block; border: 1px solid #edf0f3; background: #f6f1e8; object-fit: cover;
}
.qad-photo-fallback[data-v-osaka-checkout-761f6036] {
  display: grid; place-items: center; background: #f4f5f7; color: #a1a1aa;
  font-size: 0.68rem; font-weight: 800; letter-spacing: 0.08em;
}
.qad-copy[data-v-osaka-checkout-761f6036] { flex: 1; min-width: 0; display: grid; gap: 2px; text-align: left;
}
.qad-name[data-v-osaka-checkout-761f6036] { font-size: 0.88rem; font-weight: 500;
}
.qad-copy small[data-v-osaka-checkout-761f6036] { color: #b45309; font-size: 0.68rem; font-weight: 800;
}
.qad-price[data-v-osaka-checkout-761f6036] { font-size: 0.85rem; font-weight: 700; color: #e74c3c;
}
.qa-dish-qty[data-v-osaka-checkout-761f6036] {
  display: grid;
  grid-template-columns: 40px 34px 40px;
  align-items: center;
  align-self: center;
  flex: 0 0 auto;
  margin-right: 10px;
  overflow: hidden;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  background: #fff;
}
.qa-dish-qty-btn[data-v-osaka-checkout-761f6036] {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #2563eb;
  font-size: 1.35rem;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
}
.qa-dish-qty-btn.minus[data-v-osaka-checkout-761f6036] { color: #dc2626;
}
.qa-dish-qty-btn.plus[data-v-osaka-checkout-761f6036] { background: #eff6ff;
}
.qa-dish-qty-btn[data-v-osaka-checkout-761f6036]:active:not(:disabled) { background: #dbeafe;
}
.qa-dish-qty-btn[data-v-osaka-checkout-761f6036]:disabled { color: #cbd5e1; cursor: default;
}
.qa-dish-qty-value[data-v-osaka-checkout-761f6036] {
  min-width: 34px;
  color: #0f172a;
  text-align: center;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}
.qa-cart[data-v-osaka-checkout-761f6036] {
  position: sticky; bottom: 0; background: #fff; padding: 8px 0;
  border-top: 1px solid #eee;
}
.qa-cart-title[data-v-osaka-checkout-761f6036] { font-size: 0.82rem; color: #888; margin-bottom: 6px;
}
.qa-cart-items[data-v-osaka-checkout-761f6036] {
  display: flex; flex-direction: column; gap: 6px;
  max-height: 30vh; overflow-y: auto;
  margin-bottom: 8px; padding-right: 4px;
}
.qa-ci[data-v-osaka-checkout-761f6036] {
  padding: 6px 8px; border: 1px solid #f0f0f0; border-radius: 6px; background: #fafbfc;
}
.qa-ci-row[data-v-osaka-checkout-761f6036] { display: flex; align-items: center; gap: 8px;
}
.qa-ci-name[data-v-osaka-checkout-761f6036] { flex: 1; min-width: 0; display: grid; gap: 2px; font-size: 0.85rem; font-weight: 500;
}
.qa-ci-name small[data-v-osaka-checkout-761f6036] { overflow: hidden; color: #b45309; font-size: 0.7rem; font-weight: 800; text-overflow: ellipsis; white-space: nowrap;
}
.qa-ci-ctrl[data-v-osaka-checkout-761f6036] { display: flex; align-items: center; gap: 6px; flex-shrink: 0;
}
.qa-ci-btn[data-v-osaka-checkout-761f6036] {
  width: 26px; height: 26px; border-radius: 50%; border: 1.5px solid #d9d9d9;
  background: #fff; font-size: 0.95rem; font-weight: 700; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
}
.qa-ci-btn[data-v-osaka-checkout-761f6036]:active { background: #e6f7ff; border-color: #1890ff;
}
.qa-ci-qty[data-v-osaka-checkout-761f6036] { min-width: 22px; text-align: center; font-weight: 700;
}
.qa-chips[data-v-osaka-checkout-761f6036] { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 6px;
}
.qa-chip-combo[data-v-osaka-checkout-761f6036] {
  display: inline-flex; align-items: stretch; border: 1.5px solid #d9d9d9;
  border-radius: 999px; overflow: hidden; background: #fff; transition: all 0.12s;
}
.qa-chip-combo.active[data-v-osaka-checkout-761f6036] { background: #1890ff; border-color: #1890ff;
}
.qa-chip-main[data-v-osaka-checkout-761f6036] {
  border: none; background: transparent; padding: 4px 10px;
  font-size: 0.78rem; color: #333; cursor: pointer;
}
.qa-chip-combo.active .qa-chip-main[data-v-osaka-checkout-761f6036] { color: #fff; font-weight: 600;
}
.qa-chip-main[data-v-osaka-checkout-761f6036]:active { transform: scale(0.96);
}
.qa-chip-count[data-v-osaka-checkout-761f6036] { margin-left: 2px;
}
.qa-chip-minus[data-v-osaka-checkout-761f6036] {
  border: none; background: rgba(255,255,255,0.22); color: #fff;
  font-size: 0.85rem; font-weight: 800; padding: 0 9px; cursor: pointer;
  border-left: 1px solid rgba(255,255,255,0.35);
}
.qa-chip-minus[data-v-osaka-checkout-761f6036]:active { background: rgba(255,255,255,0.4);
}
.qa-submit[data-v-osaka-checkout-761f6036] {
  width: 100%; padding: 10px; border-radius: 8px; border: none;
  background: #1890ff; color: #fff; font-size: 0.95rem; font-weight: 700; cursor: pointer;
}
.qa-submit[data-v-osaka-checkout-761f6036]:disabled { opacity: 0.5;
}
.qa-submit.qa-direct[data-v-osaka-checkout-761f6036] { background: #1890ff; margin-top: 6px;
}
.quick-add-drawer {
  width: min(1120px, 96vw) !important;
  max-width: 96vw !important;
}
.quick-add-drawer .el-drawer__body {
  padding: 0;
  overflow: hidden;
}
.quick-add-layout[data-v-osaka-checkout-761f6036] {
  height: 100%;
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 12px;
  padding: 14px;
  background: #f6f7f9;
  overflow: hidden;
}
.quick-add-layout .qa-mode[data-v-osaka-checkout-761f6036] { grid-column: 1 / -1; margin: 0;
}
.quick-add-layout .qa-mode-btn[data-v-osaka-checkout-761f6036] { min-height: 44px; font-size: 0.95rem; border-radius: 8px;
}
.quick-add-layout .qa-cats[data-v-osaka-checkout-761f6036] {
  grid-column: 1; grid-row: 2;
  display: flex; flex-direction: column; flex-wrap: nowrap;
  gap: 8px; margin: 0; min-height: 0; overflow-y: auto; padding: 2px;
}
.quick-add-layout .qa-cat[data-v-osaka-checkout-761f6036] {
  width: 100%; border-radius: 8px; padding: 12px 10px;
  text-align: left; font-size: 0.9rem;
}
.quick-add-layout .qa-dishes[data-v-osaka-checkout-761f6036] {
  grid-column: 2; grid-row: 2; min-height: 0;
  overflow-y: auto; gap: 6px; padding-right: 2px;
}
.quick-add-layout .qa-subcat[data-v-osaka-checkout-761f6036] {
  position: sticky; top: 0; z-index: 1; background: #f6f7f9;
  border-bottom: 1px solid #d9e8ff; border-radius: 6px 6px 0 0;
  text-align: left; padding: 10px 8px 6px;
}
.quick-add-layout .qa-dish[data-v-osaka-checkout-761f6036] {
  min-height: 54px; border-radius: 8px; border-color: #e5e7eb;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.quick-add-layout .qa-dish-main[data-v-osaka-checkout-761f6036] { padding: 12px 14px; gap: 10px;
}
.quick-add-layout .qad-name[data-v-osaka-checkout-761f6036] { font-size: 0.98rem; font-weight: 650; line-height: 1.25;
}
.quick-add-layout .qad-price[data-v-osaka-checkout-761f6036] { font-size: 0.95rem; white-space: nowrap;
}
.quick-add-layout .qa-side[data-v-osaka-checkout-761f6036] {
  grid-column: 1 / -1; grid-row: 3; min-height: 0;
  display: flex; flex-direction: column; gap: 12px; overflow: hidden;
}
.quick-add-layout .qa-cart[data-v-osaka-checkout-761f6036] {
  border: 1px solid #e5e7eb; border-radius: 10px; background: #fff;
  padding: 12px; box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}
.quick-add-layout .qa-side-title[data-v-osaka-checkout-761f6036] {
  font-size: 0.92rem; font-weight: 800; color: #1f2937; margin-bottom: 8px;
}
.quick-add-layout .qa-cart[data-v-osaka-checkout-761f6036] {
  position: static; bottom: auto; display: flex; flex-direction: column;
  min-height: 0; max-height: 34vh;
}
.quick-add-layout .qa-cart-title[data-v-osaka-checkout-761f6036] { font-size: 0.9rem; font-weight: 800; color: #1f2937;
}
.quick-add-layout .qa-cart-items[data-v-osaka-checkout-761f6036] { max-height: none; flex: 1; min-height: 0;
}
.quick-add-layout .qa-ci[data-v-osaka-checkout-761f6036] { border-radius: 8px;
}
.quick-add-layout .qa-ci-btn[data-v-osaka-checkout-761f6036] { width: 34px; height: 34px; font-size: 1.1rem;
}
.quick-add-layout .qa-submit[data-v-osaka-checkout-761f6036] { min-height: 44px;
}
.quick-add-layout .qa-submit.qa-direct[data-v-osaka-checkout-761f6036] { margin-top: 8px;
}
.qa-formule-grid[data-v-osaka-checkout-761f6036] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  align-content: start;
  gap: 10px;
}
.qa-formule-card[data-v-osaka-checkout-761f6036] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  padding: 14px;
  border: 1px solid #f5d08a;
  border-radius: 10px;
  background: linear-gradient(135deg, #fffaf0, #fff);
}
.qa-formule-card > div[data-v-osaka-checkout-761f6036] { min-width: 0; display: grid; gap: 4px;
}
.qa-formule-card span[data-v-osaka-checkout-761f6036] { color: #b26a00; font-size: 0.72rem; font-weight: 800; text-transform: uppercase;
}
.qa-formule-card strong[data-v-osaka-checkout-761f6036] { color: #1f2937; line-height: 1.25;
}
.qa-formule-card small[data-v-osaka-checkout-761f6036] { color: #6b7280; line-height: 1.35;
}
.qa-formule-card > b[data-v-osaka-checkout-761f6036] { color: #cf1322; font-size: 1.1rem; white-space: nowrap;
}
.qa-formule-card > button[data-v-osaka-checkout-761f6036] {
  grid-column: 1 / -1;
  min-height: 42px;
  border: 0;
  border-radius: 8px;
  background: #1f2937;
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}
.qa-ci-formule[data-v-osaka-checkout-761f6036] { border-color: #f5d08a; background: #fffaf0;
}
.qa-ci-formule .qa-ci-name[data-v-osaka-checkout-761f6036] { display: grid; min-width: 0;
}
.qa-ci-formule .qa-ci-name small[data-v-osaka-checkout-761f6036] {
  max-width: 560px;
  overflow: hidden;
  color: #6b7280;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qa-ci-price[data-v-osaka-checkout-761f6036] { margin-left: auto; color: #cf1322; font-weight: 800; white-space: nowrap;
}
.pos-modifier-dialog .el-dialog__body { padding-top: 8px;
}
.pos-modifier-groups[data-v-osaka-checkout-761f6036] { max-height: 62vh; overflow-y: auto; display: grid; gap: 16px;
}
.pos-modifier-group[data-v-osaka-checkout-761f6036] { display: grid; gap: 10px;
}
.pos-modifier-group > header[data-v-osaka-checkout-761f6036] { display: flex; align-items: end; justify-content: space-between; gap: 12px;
}
.pos-modifier-group > header h3[data-v-osaka-checkout-761f6036] { margin: 0;
}
.pos-modifier-group > header small[data-v-osaka-checkout-761f6036] { color: #6b7280;
}
.pos-modifier-group > header > b[data-v-osaka-checkout-761f6036] { color: #d48806;
}
.pos-modifier-options[data-v-osaka-checkout-761f6036] { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 8px;
}
.pos-modifier-options > div[data-v-osaka-checkout-761f6036] {
  min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 8px 10px 8px 14px; border: 2px solid #e5e7eb; border-radius: 10px;
  background: #fff; color: #1f2937; text-align: left; font-weight: 800; cursor: pointer;
}
.pos-modifier-options > div.selected[data-v-osaka-checkout-761f6036] { border-color: #409eff; background: #ecf5ff;
}
.pos-option-toggle[data-v-osaka-checkout-761f6036] {
  display: grid; place-items: center; flex: 0 0 30px; width: 30px; height: 30px;
  padding: 0; border: 0; border-radius: 50%; background: #1f2937; color: #fff; font-weight: 800;
}
.pos-quantity-controls[data-v-osaka-checkout-761f6036] { display: grid; grid-template-columns: 34px 28px 34px; align-items: center; gap: 5px;
}
.pos-quantity-controls button[data-v-osaka-checkout-761f6036] {
  display: grid; place-items: center; width: 34px; height: 34px; padding: 0;
  border: 1px solid #b7c9e2; border-radius: 50%; background: #fff; color: #2563eb;
  font-size: 1.15rem; font-weight: 800;
}
.pos-quantity-controls button[data-v-osaka-checkout-761f6036]:disabled { opacity: 0.3;
}
.pos-quantity-controls b[data-v-osaka-checkout-761f6036] { text-align: center;
}
.pos-formule-dialog .el-dialog__body { padding-top: 8px;
}
.pos-formule-steps[data-v-osaka-checkout-761f6036] { max-height: 62vh; overflow-y: auto; display: grid; gap: 16px;
}
.pos-formule-step[data-v-osaka-checkout-761f6036] { display: grid; gap: 8px;
}
.pos-formule-step > header[data-v-osaka-checkout-761f6036] { display: flex; align-items: end; justify-content: space-between; gap: 12px;
}
.pos-formule-step > header span[data-v-osaka-checkout-761f6036] { color: #8c8c8c; font-size: 0.75rem; font-weight: 700;
}
.pos-formule-step > header h3[data-v-osaka-checkout-761f6036] { margin: 2px 0 0;
}
.pos-formule-step > header > b[data-v-osaka-checkout-761f6036] { color: #d48806;
}
.pos-formule-choices[data-v-osaka-checkout-761f6036] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 8px;
}
.pos-formule-choices > button[data-v-osaka-checkout-761f6036] {
  min-width: 0;
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr) 30px;
  align-items: center;
  gap: 8px;
  min-height: 76px;
  padding: 6px;
  border: 2px solid #e5e7eb;
  border-radius: 10px;
  background: #fff;
  color: #1f2937;
  text-align: left;
  cursor: pointer;
}
.pos-formule-choices > button.selected[data-v-osaka-checkout-761f6036] { border-color: #409eff; background: #ecf5ff;
}
.pos-formule-choices img[data-v-osaka-checkout-761f6036],
.pos-formule-choices .qad-photo-fallback[data-v-osaka-checkout-761f6036] { width: 62px; height: 62px; border-radius: 8px; object-fit: contain;
}
.pos-formule-choices > button > strong[data-v-osaka-checkout-761f6036] { min-width: 0; line-height: 1.2;
}
.pos-formule-choices > button > b[data-v-osaka-checkout-761f6036] {
  display: grid; place-items: center; width: 30px; height: 30px;
  border-radius: 50%; background: #1f2937; color: #fff;
}
.pos-formule-modifiers[data-v-osaka-checkout-761f6036] { display: grid; gap: 10px; padding: 10px; border-radius: 10px; background: #fffaf0;
}
.pos-formule-modifiers > section[data-v-osaka-checkout-761f6036] { display: grid; gap: 8px;
}
.pos-formule-modifiers header[data-v-osaka-checkout-761f6036] { display: flex; justify-content: space-between; gap: 10px;
}
.pos-formule-modifiers header span[data-v-osaka-checkout-761f6036] { color: #6b7280; font-size: 0.78rem;
}
.pos-formule-modifier-options[data-v-osaka-checkout-761f6036] { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 8px;
}
.pos-formule-modifier-options > div[data-v-osaka-checkout-761f6036] {
  min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 8px;
  padding: 8px 10px; border: 2px solid #e5e7eb; border-radius: 9px;
  background: #fff; color: #1f2937; text-align: left; font-weight: 700;
}
.pos-formule-modifier-options > div.selected[data-v-osaka-checkout-761f6036] { border-color: #409eff; background: #ecf5ff;
}
.pos-formule-footer[data-v-osaka-checkout-761f6036] { display: flex; align-items: center; justify-content: flex-end; gap: 10px;
}
.pos-formule-footer > strong[data-v-osaka-checkout-761f6036] { margin-right: auto; color: #cf1322; font-size: 1.25rem;
}
@media (max-width: 640px) and (orientation: portrait) {
.quick-add-drawer { width: 100vw !important; max-width: 100vw !important;
}
.quick-add-drawer .el-drawer__body { overflow-y: auto;
}
.quick-add-layout[data-v-osaka-checkout-761f6036] { display: flex; flex-direction: column; min-height: 100%; overflow: visible;
}
.quick-add-layout .qa-cats[data-v-osaka-checkout-761f6036] { flex-direction: row; overflow-x: auto; overflow-y: visible;
}
.quick-add-layout .qa-cat[data-v-osaka-checkout-761f6036] { width: auto; white-space: nowrap; text-align: center;
}
.quick-add-layout .qa-dishes[data-v-osaka-checkout-761f6036],
  .quick-add-layout .qa-side[data-v-osaka-checkout-761f6036] { overflow: visible;
}
.quick-add-layout .qa-cart[data-v-osaka-checkout-761f6036] { flex: none;
}
.quick-add-layout .qa-cart-items[data-v-osaka-checkout-761f6036] { max-height: 32vh;
}
.quick-add-layout .qa-dish-main[data-v-osaka-checkout-761f6036] { padding: 8px; gap: 7px;
}
.quick-add-layout .qad-photo[data-v-osaka-checkout-761f6036] { flex-basis: 48px; width: 48px; height: 42px;
}
.quick-add-layout .qa-dish-qty[data-v-osaka-checkout-761f6036] { grid-template-columns: 36px 28px 36px; margin-right: 6px;
}
.quick-add-layout .qa-dish-qty-btn[data-v-osaka-checkout-761f6036] { width: 36px; height: 40px;
}
.quick-add-layout .qa-dish-qty-value[data-v-osaka-checkout-761f6036] { min-width: 28px;
}
.pos-formule-choices[data-v-osaka-checkout-761f6036] { grid-template-columns: 1fr;
}
.pos-modifier-options[data-v-osaka-checkout-761f6036] { grid-template-columns: 1fr;
}
.pos-formule-modifier-options[data-v-osaka-checkout-761f6036] { grid-template-columns: 1fr;
}
.pos-formule-footer[data-v-osaka-checkout-761f6036] { flex-wrap: wrap;
}
}

/* 父子拆分账单 */
.split-bill-dialog.el-dialog:not(.is-fullscreen) {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 24px);
  margin-top: 12px;
  margin-bottom: 12px;
  overflow: hidden;
}
.split-bill-dialog.el-dialog:not(.is-fullscreen) .el-dialog__body {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.split-progress-card[data-v-osaka-checkout-761f6036] {
  display: grid;
  gap: 7px;
  margin-top: 8px;
  padding: 9px 10px;
  border: 1px solid #b9d5fb;
  border-radius: 8px;
  background: #f7fbff;
}
.split-progress-card > div[data-v-osaka-checkout-761f6036]:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #335f96;
  font-size: 12px;
}
.split-progress-children[data-v-osaka-checkout-761f6036] { display: flex; gap: 5px; overflow-x: auto;
}
.split-progress-children > span[data-v-osaka-checkout-761f6036] {
  flex: 0 0 auto;
  padding: 3px 7px;
  border: 1px solid #d8e2ee;
  border-radius: 999px;
  background: #fff;
  color: #64748b;
  font-size: 10px;
}
.split-progress-children > .status-paid[data-v-osaka-checkout-761f6036] { border-color: #b8e1ca; color: #08783f; background: #f0fbf5;
}
.split-workspace-cta[data-v-osaka-checkout-761f6036] { background: #1677ff;
}
.split-workspace-cta[data-v-osaka-checkout-761f6036]:hover:not(:disabled) { background: #0f63d6;
}
.split-bill-dialog .el-dialog__header {
  margin: 0;
  padding: 14px 18px;
  border-bottom: 1px solid #e5e7eb;
}
.split-bill-dialog .el-dialog__body {
  padding: 0;
  background: #f7f8fa;
}
.split-dialog-header[data-v-osaka-checkout-761f6036] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-right: 34px;
}
.split-dialog-header > div[data-v-osaka-checkout-761f6036]:first-child { display: flex; align-items: baseline; gap: 10px;
}
.split-dialog-header > div:first-child > span[data-v-osaka-checkout-761f6036] { color: #111827; font-size: 19px; font-weight: 750;
}
.split-dialog-header > div:first-child > strong[data-v-osaka-checkout-761f6036] { color: #64748b; font-size: 13px; font-variant-numeric: tabular-nums;
}
.split-dialog-meta[data-v-osaka-checkout-761f6036] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end;
}
.split-dialog-meta > span[data-v-osaka-checkout-761f6036] {
  padding: 5px 8px;
  border: 1px solid #dfe4ea;
  border-radius: 7px;
  background: #fff;
  color: #4b5563;
  font-size: 12px;
  font-weight: 650;
}
.split-dialog-meta > .is-due[data-v-osaka-checkout-761f6036] { border-color: #a9cdfc; background: #edf5ff; color: #1265c4;
}
.split-dialog-body[data-v-osaka-checkout-761f6036] {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.72fr);
  gap: 12px;
  min-height: min(660px, calc(100vh - 150px));
  max-height: calc(100vh - 150px);
  padding: 12px;
  overflow: hidden;
}
.split-select-panel[data-v-osaka-checkout-761f6036],
.split-preview-panel[data-v-osaka-checkout-761f6036],
.split-child-review[data-v-osaka-checkout-761f6036],
.split-payment-panel[data-v-osaka-checkout-761f6036] {
  min-width: 0;
  min-height: 0;
  border: 1px solid #e1e5ea;
  border-radius: 10px;
  background: #fff;
}
.split-select-panel[data-v-osaka-checkout-761f6036],
.split-child-review[data-v-osaka-checkout-761f6036],
.split-payment-panel[data-v-osaka-checkout-761f6036] { display: flex; flex-direction: column;
}
.split-preview-panel[data-v-osaka-checkout-761f6036] { display: flex; flex-direction: column; padding-bottom: 12px; overflow-y: auto;
}
.split-section-title[data-v-osaka-checkout-761f6036] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 62px;
  padding: 10px 14px;
  border-bottom: 1px solid #edf0f4;
}
.split-section-title > div[data-v-osaka-checkout-761f6036] { display: flex; flex-direction: column; gap: 3px; min-width: 0;
}
.split-section-title strong[data-v-osaka-checkout-761f6036] { color: #1f2937; font-size: 16px;
}
.split-section-title small[data-v-osaka-checkout-761f6036] { color: #7b8491; font-size: 11px; line-height: 1.3;
}
.split-section-title > span[data-v-osaka-checkout-761f6036] {
  flex: 0 0 auto;
  padding: 5px 8px;
  border-radius: 7px;
  background: #edf5ff;
  color: #1677ff;
  font-size: 12px;
  font-weight: 750;
}
.split-guest-filters[data-v-osaka-checkout-761f6036] {
  display: flex;
  gap: 7px;
  padding: 9px 12px;
  overflow-x: auto;
  border-bottom: 1px solid #edf0f4;
}
.split-guest-filters button[data-v-osaka-checkout-761f6036] {
  flex: 0 0 auto;
  min-height: 38px;
  padding: 5px 11px;
  border: 1px solid #dce1e7;
  border-radius: 8px;
  background: #fff;
  color: #4b5563;
  font-size: 12px;
  font-weight: 650;
  cursor: pointer;
}
.split-guest-filters button.active[data-v-osaka-checkout-761f6036] { border-color: #1677ff; background: #edf5ff; color: #1265c4;
}
.split-item-list[data-v-osaka-checkout-761f6036] { flex: 1; min-height: 0; padding: 8px 10px 12px; overflow-y: auto;
}
.split-item-card[data-v-osaka-checkout-761f6036] {
  display: grid;
  grid-template-columns: 34px minmax(150px, 1fr) auto 76px 142px;
  align-items: center;
  gap: 9px;
  min-height: 66px;
  margin-bottom: 7px;
  padding: 8px 9px;
  border: 1px solid #e2e6eb;
  border-radius: 9px;
  background: #fff;
  cursor: pointer;
}
.split-item-card[data-v-osaka-checkout-761f6036]:hover { border-color: #a9cdfc; background: #fbfdff;
}
.split-item-card.selected[data-v-osaka-checkout-761f6036] { border-color: #1677ff; box-shadow: inset 0 0 0 1px #1677ff; background: #f5f9ff;
}
.split-item-card[data-v-osaka-checkout-761f6036]:focus-visible { outline: 3px solid rgba(22, 119, 255, 0.25); outline-offset: 2px;
}
.split-checkmark[data-v-osaka-checkout-761f6036] {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 2px solid #cfd6df;
  border-radius: 7px;
  background: #fff;
  color: #1677ff;
  font-size: 23px;
}
.split-item-card.selected .split-checkmark[data-v-osaka-checkout-761f6036] { border-color: #1677ff;
}
.split-item-copy[data-v-osaka-checkout-761f6036] { display: flex; flex-direction: column; gap: 2px; min-width: 0;
}
.split-item-copy strong[data-v-osaka-checkout-761f6036] { color: #1f2937; font-size: 14px; line-height: 1.25;
}
.split-item-copy small[data-v-osaka-checkout-761f6036] { color: #7b8491; font-size: 10.5px; line-height: 1.25;
}
.split-item-copy .split-formule-lines[data-v-osaka-checkout-761f6036] { color: #9a620b;
}
.split-formule-badge[data-v-osaka-checkout-761f6036] {
  padding: 3px 6px;
  border-radius: 6px;
  background: #fff6df;
  color: #9a620b;
  font-size: 10px;
  font-weight: 700;
}
.split-item-price[data-v-osaka-checkout-761f6036] { color: #374151; font-size: 13px; font-weight: 700; text-align: right; font-variant-numeric: tabular-nums;
}
.split-qty-control[data-v-osaka-checkout-761f6036] { display: grid; grid-template-columns: 44px minmax(48px, 1fr) 44px; align-items: center; gap: 3px;
}
.split-qty-control > button[data-v-osaka-checkout-761f6036] {
  width: 44px;
  height: 44px;
  border: 1px solid #d8dde5;
  border-radius: 7px;
  background: #fff;
  color: #1677ff;
  font-size: 20px;
  cursor: pointer;
}
.split-qty-control > button[data-v-osaka-checkout-761f6036]:disabled { color: #b7bec8; background: #f5f6f8; cursor: not-allowed;
}
.split-qty-control > b[data-v-osaka-checkout-761f6036] { color: #374151; font-size: 11px; text-align: center; white-space: nowrap; font-variant-numeric: tabular-nums;
}
.split-selected-list[data-v-osaka-checkout-761f6036] { min-height: 100px; max-height: 210px; padding: 8px 14px; overflow-y: auto;
}
.split-selected-list > div[data-v-osaka-checkout-761f6036] {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 7px 0;
  border-bottom: 1px solid #edf0f4;
  color: #4b5563;
  font-size: 12px;
}
.split-selected-list strong[data-v-osaka-checkout-761f6036] { color: #1f2937;
}
.split-empty[data-v-osaka-checkout-761f6036] { display: grid; place-items: center; min-height: 120px; color: #9aa2ad; font-size: 13px; text-align: center;
}
.split-empty.compact[data-v-osaka-checkout-761f6036] { min-height: 76px;
}
.split-preview-total[data-v-osaka-checkout-761f6036] { display: flex; flex-direction: column; gap: 3px; margin: 8px 14px 10px; padding: 12px; border-radius: 9px; background: #f5f9ff;
}
.split-preview-total > span[data-v-osaka-checkout-761f6036] { color: #64748b; font-size: 12px;
}
.split-preview-total > strong[data-v-osaka-checkout-761f6036] { color: #1265c4; font-size: 27px; font-variant-numeric: tabular-nums;
}
.split-preview-total > small[data-v-osaka-checkout-761f6036] { color: #7b8491; font-size: 10px; line-height: 1.35;
}
.split-guest-count[data-v-osaka-checkout-761f6036] { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 14px 10px; color: #4b5563; font-size: 12px; font-weight: 650;
}
.split-primary-action[data-v-osaka-checkout-761f6036],
.split-secondary-action[data-v-osaka-checkout-761f6036] {
  min-height: 50px;
  margin: 0 14px;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 750;
  cursor: pointer;
}
.split-primary-action[data-v-osaka-checkout-761f6036] { border: 0; background: #009b52; color: #fff;
}
.split-primary-action[data-v-osaka-checkout-761f6036]:hover:not(:disabled) { background: #008446;
}
.split-primary-action[data-v-osaka-checkout-761f6036]:disabled { background: #a7d9bf; cursor: not-allowed;
}
.split-secondary-action[data-v-osaka-checkout-761f6036] { border: 1px solid #dce1e7; background: #fff; color: #4b5563;
}
.split-secondary-action.danger[data-v-osaka-checkout-761f6036] { margin-top: auto; margin-bottom: 14px; border-color: #f1c5c3; color: #c2413b;
}
.split-child-history[data-v-osaka-checkout-761f6036] { display: flex; flex-direction: column; gap: 5px; margin: 14px 14px 0; padding-top: 10px; border-top: 1px solid #edf0f4;
}
.split-child-history > span[data-v-osaka-checkout-761f6036] { color: #7b8491; font-size: 11px; font-weight: 650;
}
.split-child-history > div[data-v-osaka-checkout-761f6036] { display: grid; grid-template-columns: 48px 1fr auto; gap: 8px; padding: 6px 8px; border-radius: 7px; background: #f5f6f8; color: #64748b; font-size: 11px;
}
.split-child-history > .status-paid[data-v-osaka-checkout-761f6036] { background: #f0fbf5; color: #08783f;
}
.split-child-history > .status-split_draft[data-v-osaka-checkout-761f6036] { background: #fff8eb; color: #9a620b;
}
.split-child-number[data-v-osaka-checkout-761f6036] { display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 22px 14px 15px; border-bottom: 1px solid #edf0f4;
}
.split-child-number > span[data-v-osaka-checkout-761f6036] { color: #7b8491; font-size: 12px;
}
.split-child-number > strong[data-v-osaka-checkout-761f6036] { color: #1677ff; font-size: 38px; line-height: 1;
}
.split-child-number > small[data-v-osaka-checkout-761f6036] { color: #64748b; font-size: 11px;
}
.split-child-items[data-v-osaka-checkout-761f6036] { flex: 1; min-height: 0; padding: 8px 14px; overflow-y: auto;
}
.split-child-items > div[data-v-osaka-checkout-761f6036] { display: flex; justify-content: space-between; gap: 10px; padding: 8px 0; border-bottom: 1px solid #edf0f4; color: #374151; font-size: 13px;
}
.split-child-items > div.included[data-v-osaka-checkout-761f6036] { color: #7b8491; font-size: 11px;
}
.split-child-total[data-v-osaka-checkout-761f6036] { display: flex; justify-content: space-between; align-items: center; margin: 8px 14px 12px; padding: 12px; border-radius: 9px; background: #edf5ff; color: #1265c4;
}
.split-child-total strong[data-v-osaka-checkout-761f6036] { font-size: 27px; font-variant-numeric: tabular-nums;
}
.split-payment-panel[data-v-osaka-checkout-761f6036] { padding-bottom: 14px;
}
.split-payment-input[data-v-osaka-checkout-761f6036] { display: grid; grid-template-columns: 1fr 145px; gap: 8px; padding: 12px 14px;
}
.split-payment-input label[data-v-osaka-checkout-761f6036] { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 10px; border: 1px solid #dfe4ea; border-radius: 8px;
}
.split-payment-input label > span[data-v-osaka-checkout-761f6036] { color: #64748b; font-size: 11px;
}
.split-payment-input input[data-v-osaka-checkout-761f6036] { min-width: 0; width: 100%; border: 0; outline: 0; color: #111827; font-size: 24px; font-weight: 750; text-align: right;
}
.split-payment-input > button[data-v-osaka-checkout-761f6036] { border: 1px solid #1677ff; border-radius: 8px; background: #edf5ff; color: #1265c4; font-weight: 700; cursor: pointer;
}
.split-payment-methods[data-v-osaka-checkout-761f6036] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; padding: 0 14px 12px;
}
.split-payment-methods > button[data-v-osaka-checkout-761f6036] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-height: 66px; border: 1px solid #dfe4ea; border-radius: 8px; background: #fff; color: #374151; font-size: 11px; font-weight: 700; cursor: pointer;
}
.split-payment-methods > button .el-icon[data-v-osaka-checkout-761f6036] { font-size: 21px;
}
.split-payment-methods > button[data-v-osaka-checkout-761f6036]:disabled { opacity: .42; cursor: not-allowed;
}
.split-payment-methods .method-card[data-v-osaka-checkout-761f6036] { color: #1677ff;
}
.split-payment-methods .method-cash[data-v-osaka-checkout-761f6036] { color: #139653;
}
.split-payment-methods .method-ticket_restaurant[data-v-osaka-checkout-761f6036] { color: #d58a11;
}
.split-payment-entries[data-v-osaka-checkout-761f6036] { flex: 1; min-height: 130px; max-height: 240px; margin: 0 14px 10px; padding: 0 10px; border: 1px solid #edf0f4; border-radius: 8px; overflow-y: auto;
}
.split-payment-entries > div[data-v-osaka-checkout-761f6036]:not(.split-empty) { display: grid; grid-template-columns: 28px minmax(80px, 1fr) auto auto 40px; align-items: center; gap: 7px; min-height: 50px; border-bottom: 1px solid #edf0f4; font-size: 12px;
}
.split-payment-entries > div > small[data-v-osaka-checkout-761f6036] { color: #08783f;
}
.split-payment-entries > div > button[data-v-osaka-checkout-761f6036] { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid #f1c5c3; border-radius: 7px; background: #fff; color: #c2413b; cursor: pointer;
}
.split-payment-footer[data-v-osaka-checkout-761f6036] { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 8px; margin-top: auto; padding: 0 14px; color: #4b5563; font-size: 12px;
}
.split-payment-footer .is-change[data-v-osaka-checkout-761f6036] { color: #08783f; text-align: right;
}
.split-payment-footer .split-primary-action[data-v-osaka-checkout-761f6036] { grid-column: 1 / -1; width: 100%; margin: 2px 0 0;
}
.split-done-panel[data-v-osaka-checkout-761f6036] { grid-column: 1 / -1; align-self: center; justify-self: center; display: flex; flex-direction: column; align-items: center; width: min(560px, 100%); padding: 36px 24px; border: 1px solid #cce7d7; border-radius: 12px; background: #fff; text-align: center;
}
.split-done-panel > .el-icon[data-v-osaka-checkout-761f6036] { color: #009b52; font-size: 62px;
}
.split-done-panel > span[data-v-osaka-checkout-761f6036] { margin-top: 12px; color: #08783f; font-size: 14px; font-weight: 700;
}
.split-done-panel > strong[data-v-osaka-checkout-761f6036] { margin-top: 7px; color: #111827; font-size: 30px;
}
.split-done-panel > small[data-v-osaka-checkout-761f6036] { margin-top: 3px; color: #7b8491;
}
.split-ticket-number[data-v-osaka-checkout-761f6036] { margin-top: 18px; padding: 9px 12px; border-radius: 8px; background: #f5f6f8; color: #4b5563; font-size: 12px;
}
.split-done-actions[data-v-osaka-checkout-761f6036] { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; width: 100%; margin-top: 22px;
}
.split-done-actions > button[data-v-osaka-checkout-761f6036] { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 50px; border: 1px solid #dce1e7; border-radius: 8px; background: #fff; color: #374151; font-weight: 700; cursor: pointer;
}
.split-done-actions > button.primary[data-v-osaka-checkout-761f6036] { border-color: #009b52; background: #009b52; color: #fff;
}
@media (max-width: 900px) {
.split-dialog-body[data-v-osaka-checkout-761f6036] { grid-template-columns: 1fr; max-height: calc(100vh - 112px); overflow-y: auto;
}
.split-select-panel[data-v-osaka-checkout-761f6036] { min-height: 560px;
}
.split-preview-panel[data-v-osaka-checkout-761f6036] { min-height: 430px;
}
.split-item-card[data-v-osaka-checkout-761f6036] { grid-template-columns: 34px minmax(130px, 1fr) 70px 142px;
}
.split-formule-badge[data-v-osaka-checkout-761f6036] { display: none;
}
.split-child-review[data-v-osaka-checkout-761f6036] { min-height: 470px;
}
.split-payment-panel[data-v-osaka-checkout-761f6036] { min-height: 540px;
}
}
@media (max-width: 600px) {
.split-dialog-header[data-v-osaka-checkout-761f6036] { align-items: flex-start; flex-direction: column; padding-right: 26px;
}
.split-dialog-meta[data-v-osaka-checkout-761f6036] { justify-content: flex-start;
}
.split-dialog-body[data-v-osaka-checkout-761f6036] { min-height: calc(100vh - 120px); padding: 8px;
}
.split-item-card[data-v-osaka-checkout-761f6036] { grid-template-columns: 30px minmax(0, 1fr) 142px;
}
.split-item-price[data-v-osaka-checkout-761f6036] { grid-column: 2; text-align: left;
}
.split-qty-control[data-v-osaka-checkout-761f6036] { grid-column: 3; grid-row: 1 / span 2; grid-template-columns: 44px minmax(48px, 1fr) 44px; width: 142px;
}
.split-payment-input[data-v-osaka-checkout-761f6036] { grid-template-columns: 1fr;
}
.split-payment-input > button[data-v-osaka-checkout-761f6036] { min-height: 46px;
}
.split-payment-methods[data-v-osaka-checkout-761f6036] { grid-template-columns: repeat(2, 1fr);
}
.split-payment-entries > div[data-v-osaka-checkout-761f6036]:not(.split-empty) { grid-template-columns: 26px minmax(70px, 1fr) auto 40px;
}
.split-payment-entries > div > small[data-v-osaka-checkout-761f6036] { grid-column: 2 / 4;
}
.split-done-actions[data-v-osaka-checkout-761f6036] { grid-template-columns: 1fr;
}
}

/* 历史订单 */
.history-search-bar[data-v-osaka-checkout-761f6036] { display: grid; grid-template-columns: 1fr auto; gap: 8px; position: sticky; top: 0; z-index: 2; padding: 2px 0 8px; background: #fff;
}
.history-search-hint[data-v-osaka-checkout-761f6036] { margin: 0 0 10px; color: #8a93a0; font-size: 11px;
}
.history-card[data-v-osaka-checkout-761f6036] {
  border: 1px solid #e8e8e8; border-radius: 10px; padding: 10px 12px;
  margin-bottom: 10px;
}
.history-card.is-split-child[data-v-osaka-checkout-761f6036] { border-color: #b9d5fb; background: #fbfdff;
}
.hc-head[data-v-osaka-checkout-761f6036] { display: flex; align-items: center; gap: 8px; margin-bottom: 4px;
}
.hc-table[data-v-osaka-checkout-761f6036] { font-weight: 700; font-size: 1rem;
}
.hc-child-badge[data-v-osaka-checkout-761f6036] { padding: 3px 6px; border-radius: 6px; background: #1677ff; color: #fff; font-size: 11px; font-weight: 750;
}
.hc-num[data-v-osaka-checkout-761f6036] { font-size: 0.78rem; color: #888;
}
.hc-time[data-v-osaka-checkout-761f6036] { margin-left: auto; font-size: 0.75rem; color: #aaa;
}
.hc-links[data-v-osaka-checkout-761f6036] { display: flex; flex-wrap: wrap; gap: 5px 10px; margin: 2px 0 5px; color: #64748b; font-size: 10.5px;
}
.hc-total[data-v-osaka-checkout-761f6036] { font-size: 1.1rem; font-weight: 800; color: #1a1a1a; margin-bottom: 4px;
}
.hc-payments[data-v-osaka-checkout-761f6036] { display: flex; gap: 4px; flex-wrap: wrap; margin-bottom: 6px;
}
.hc-pay-tag[data-v-osaka-checkout-761f6036] {
  font-size: 0.72rem; padding: 2px 6px; background: #f0f0f0;
  border-radius: 4px; color: #555;
}
.hc-actions[data-v-osaka-checkout-761f6036] { display: flex; gap: 6px;
}
.hc-btn[data-v-osaka-checkout-761f6036] {
  padding: 5px 10px; border-radius: 6px; border: 1px solid #d9d9d9;
  background: #fff; font-size: 0.78rem; cursor: pointer;
}
.hc-btn[data-v-osaka-checkout-761f6036]:active { background: #f5f5f5;
}

/* 删减菜记录 */
.audit-pool-drawer .el-drawer__body[data-v-osaka-checkout-761f6036],
.audit-detail-drawer .el-drawer__body[data-v-osaka-checkout-761f6036] {
  padding: 14px;
  background: #f7f8fa;
}
.audit-head[data-v-osaka-checkout-761f6036] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}
.audit-tabs[data-v-osaka-checkout-761f6036] { flex: 1; min-width: 0;
}
.audit-toolbar[data-v-osaka-checkout-761f6036] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
}
.audit-search[data-v-osaka-checkout-761f6036] { flex: 1; min-width: 170px;
}
.audit-table[data-v-osaka-checkout-761f6036] {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
}
.audit-table-cell[data-v-osaka-checkout-761f6036] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  line-height: 1.25;
}
.audit-table-cell strong[data-v-osaka-checkout-761f6036] {
  font-weight: 700;
  color: #1f2937;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.audit-table-cell span[data-v-osaka-checkout-761f6036] {
  font-size: 0.76rem;
  color: #8c8c8c;
}
.audit-delta-neg[data-v-osaka-checkout-761f6036] { color: #dc2626; font-weight: 800;
}
.audit-delta-pos[data-v-osaka-checkout-761f6036] { color: #16a34a; font-weight: 800;
}
.audit-pagination[data-v-osaka-checkout-761f6036] {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}
.audit-detail[data-v-osaka-checkout-761f6036] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.audit-json-title[data-v-osaka-checkout-761f6036] {
  font-size: 0.84rem;
  font-weight: 700;
  color: #4b5563;
}
.audit-json[data-v-osaka-checkout-761f6036] {
  max-height: 38vh;
  overflow: auto;
  margin: 0;
  padding: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #111827;
  color: #e5e7eb;
  font-size: 0.72rem;
  line-height: 1.45;
}
.audit-empty[data-v-osaka-checkout-761f6036] {
  text-align: center;
  padding: 40px 0;
  color: #8c8c8c;
}

/* 自定义发票 */
.inv-issued[data-v-osaka-checkout-761f6036] { margin-bottom: 8px;
}
.inv-row[data-v-osaka-checkout-761f6036] { display: flex; gap: 8px; font-size: 0.85rem; padding: 3px 0; color: #555;
}
.inv-row strong[data-v-osaka-checkout-761f6036] { margin-left: auto;
}
.inv-remain[data-v-osaka-checkout-761f6036] { font-size: 0.85rem; color: #1890ff; margin-top: 4px; font-weight: 600;
}
.pay-confirm-btn[data-v-osaka-checkout-761f6036] {
  width: 100%;
  min-height: clamp(72px, 12vh, 120px);
  padding: 16px;
  border-radius: 12px;
  border: none;
  background: #52c41a;
  color: #fff;
  cursor: pointer;
  font-size: clamp(22px, 3vw, 42px);
  font-weight: 700;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  transition: background 0.1s, opacity 0.15s;
}
.pay-confirm-btn[data-v-osaka-checkout-761f6036]:hover:not(:disabled) { background: #389e0d;
}
.pay-confirm-btn[data-v-osaka-checkout-761f6036]:disabled { background: #b7eb8f; cursor: not-allowed; opacity: 0.7;
}
.pay-confirm-btn.loading[data-v-osaka-checkout-761f6036] { background: #95de64; cursor: wait; pointer-events: none;
}
.pay-confirm-btn[data-v-osaka-checkout-761f6036]:active:not(:disabled) { opacity: 0.85;
}
.paid-state[data-v-osaka-checkout-761f6036] { text-align: center; padding: 24px;
}
.paid-state p[data-v-osaka-checkout-761f6036] { font-size: 1rem; color: #52c41a; font-weight: 600; margin: 8px 0 0;
}

/* 底部操作 */
.tab-actions[data-v-osaka-checkout-761f6036] {
  position: sticky; bottom: 0; padding: 10px 0 4px;
  background: #fff; border-top: 1px solid #f0f0f0; margin-top: 8px;
}

/* 空状态 */
.tab-empty[data-v-osaka-checkout-761f6036] {
  text-align: center; padding: 40px 20px; color: #bbb;
  display: flex; flex-direction: column; align-items: center; gap: 10px;
}
.tab-empty p[data-v-osaka-checkout-761f6036] { margin: 0; font-size: 0.9rem; color: #999;
}
.drawer-empty[data-v-osaka-checkout-761f6036] { text-align: center; padding: 60px 0; color: #888;
}

/* 编辑弹窗 */
.edit-dialog[data-v-osaka-checkout-761f6036] { padding: 0 4px;
}
.ed-name[data-v-osaka-checkout-761f6036] {
  font-size: clamp(0.9rem, 3.5vw, 1rem); font-weight: 600; color: #1a1a1a;
  padding-bottom: 10px; border-bottom: 1px solid #f0f0f0; margin-bottom: 4px;
}
.ed-subtotal[data-v-osaka-checkout-761f6036] {
  text-align: right; font-size: 0.9rem; color: #595959;
  padding-top: 8px; border-top: 1px solid #f0f0f0; margin-top: 6px;
}


/* SUNMI Chrome 81 ignores dvh; keep a bounded vh height before the modern override. */
.checkout-new-shell[data-v-osaka-checkout-761f6036] {height:calc(100vh - 150px);height:calc(100dvh - 150px);min-height:500px;position:relative}.checkout-legacy-toggle[data-v-osaka-checkout-761f6036] {position:absolute;right:10px;top:0;z-index:2;font-size:11px;background:#fff;border:1px solid #ddd;border-radius:5px;padding:3px 8px}.checkout-settled-bar[data-v-osaka-checkout-761f6036] {position:fixed;bottom:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;background:#fff;padding:12px;border-radius:12px;box-shadow:0 5px 24px #0003;z-index:2300;max-width:95vw;flex-wrap:wrap}.checkout-settled-bar button[data-v-osaka-checkout-761f6036] {padding:9px;border:1px solid #ddd;border-radius:7px;background:#f5f3ff}.checkout-history-actions[data-v-osaka-checkout-761f6036] {display:flex;flex-wrap:wrap;gap:12px}.history-preview[data-v-osaka-checkout-761f6036] {color:#666;font-size:12px}@media(max-width:767px){.checkout-new-shell[data-v-osaka-checkout-761f6036]{height:calc(100vh - 120px);height:calc(100dvh - 120px);min-height:600px}.checkout-settled-bar[data-v-osaka-checkout-761f6036]{font-size:12px;width:90vw}}


.ogoo-checkout[data-v-osaka-checkout-fc84aba5] {
  --ogoo-purple: #4b3bb2;
  --ogoo-border: #d3d4d7;
  --ogoo-text: #33353a;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: var(--ogoo-text);
  background: #f7f7f5;
  font-family: Inter, "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
}
button[data-v-osaka-checkout-fc84aba5] { font: inherit; -webkit-tap-highlight-color: transparent;
}
button[data-v-osaka-checkout-fc84aba5]:focus-visible { outline: 2px solid rgba(75, 59, 178, .42); outline-offset: 1px;
}
button[data-v-osaka-checkout-fc84aba5]:disabled { cursor: not-allowed; opacity: .38;
}
.ogoo-topbar[data-v-osaka-checkout-fc84aba5] {
  height: 76px;
  flex: 0 0 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 9px 18px;
  border-bottom: 1px solid #cfced1;
  background: #fbfbfa;
}
.ogoo-context[data-v-osaka-checkout-fc84aba5] { min-width: 0; display: flex; align-items: center; gap: 11px; color: #463d86;
}
.ogoo-context > div[data-v-osaka-checkout-fc84aba5] { min-width: 0; display: grid; gap: 2px;
}
.ogoo-context span[data-v-osaka-checkout-fc84aba5] { font-size: 13px; font-weight: 720;
}
.ogoo-context strong[data-v-osaka-checkout-fc84aba5] { overflow: hidden; font-size: 17px; font-weight: 510; text-overflow: ellipsis; white-space: nowrap;
}
.square-button[data-v-osaka-checkout-fc84aba5] { width: 48px; height: 48px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid #c5c7cc; border-radius: 5px; background: #fbfbfa; color: #3f4248; cursor: pointer;
}
.ogoo-top-actions[data-v-osaka-checkout-fc84aba5] { display: flex; align-items: stretch; gap: 8px;
}
.ogoo-top-actions > button[data-v-osaka-checkout-fc84aba5] {
  min-width: 112px;
  min-height: 48px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid #bec1c7;
  border-radius: 5px;
  background: #fbfbfa;
  color: #4a4d53;
  font-size: 12px;
  font-weight: 590;
  cursor: pointer;
}
.ogoo-top-actions > button.primary[data-v-osaka-checkout-fc84aba5] { border-color: var(--ogoo-purple); background: var(--ogoo-purple); color: #fff;
}
.two-line-label[data-v-osaka-checkout-fc84aba5] { display: grid; justify-items: center; line-height: 1.05;
}
.two-line-label small[data-v-osaka-checkout-fc84aba5] { margin-top: 2px; font-size: 8.5px; font-weight: 520; opacity: .72;
}
.ogoo-columns[data-v-osaka-checkout-fc84aba5] { flex: 1; min-height: 0; display: grid; grid-template-columns: 32% 33% 35%;
}
.ogoo-columns > section[data-v-osaka-checkout-fc84aba5] { min-width: 0; min-height: 0;
}
.ogoo-receipt-panel[data-v-osaka-checkout-fc84aba5] { padding: 23px 20px 16px; display: flex; flex-direction: column; border-right: 1px solid var(--ogoo-border); background: #fafaf9;
}
.restaurant-identity h1[data-v-osaka-checkout-fc84aba5] { max-width: 310px; margin: 0 0 8px; font-size: clamp(23px, 2.2vw, 33px); font-weight: 440; line-height: 1.05; letter-spacing: -.02em;
}
.restaurant-identity p[data-v-osaka-checkout-fc84aba5] { margin: 0; color: #62646a; font-size: 11px; line-height: 1.42;
}
.receipt-date[data-v-osaka-checkout-fc84aba5] { margin-top: 18px; padding: 8px 0; border-top: 1px solid #d7d8da; border-bottom: 1px solid #d7d8da; color: #67696e; font-size: 10.5px;
}
.receipt-list[data-v-osaka-checkout-fc84aba5] { min-height: 0; overflow-y: auto;
}
.receipt-row[data-v-osaka-checkout-fc84aba5] { display: grid; grid-template-columns: 14px minmax(0, 1fr) auto; gap: 7px; padding: 13px 0; border-bottom: 1px solid #dfe0e1; color: #55585e; font-size: 11px;
}
.receipt-row > div[data-v-osaka-checkout-fc84aba5] { min-width: 0;
}
.receipt-row strong[data-v-osaka-checkout-fc84aba5] { display: block; color: #4a4d53; font-weight: 560; line-height: 1.25;
}
.receipt-row small[data-v-osaka-checkout-fc84aba5] { display: block; margin-top: 2px; color: #777a80; font-size: 9.5px; line-height: 1.2;
}
.receipt-row b[data-v-osaka-checkout-fc84aba5] { align-self: center; font-weight: 580; white-space: nowrap;
}
.receipt-row.paid[data-v-osaka-checkout-fc84aba5] { opacity: .55;
}
.receipt-empty[data-v-osaka-checkout-fc84aba5] { padding: 36px 0; color: #999ca2; font-size: 11px; text-align: center;
}
.receipt-tax-lines[data-v-osaka-checkout-fc84aba5] { margin-top: auto; padding-top: 10px; border-top: 1px solid #dfe0e1;
}
.receipt-tax-lines > div[data-v-osaka-checkout-fc84aba5] { display: flex; justify-content: space-between; gap: 12px; padding: 3px 0; color: #66696f; font-size: 10px;
}
.receipt-tax-lines strong[data-v-osaka-checkout-fc84aba5] { color: #4b4e54; font-weight: 580;
}
.receipt-tax-lines .discount-line[data-v-osaka-checkout-fc84aba5], .receipt-tax-lines .discount-line strong[data-v-osaka-checkout-fc84aba5] { color: #a14d45;
}
.receipt-total[data-v-osaka-checkout-fc84aba5] { padding: 16px 7px 0; display: flex; align-items: center; justify-content: space-between; font-size: 20px; font-weight: 650;
}
.ogoo-payment-panel[data-v-osaka-checkout-fc84aba5] { position: relative; padding: 16px 25px 12px; display: flex; flex-direction: column; border-right: 1px solid var(--ogoo-border); background: #f5f5f3;
}
.split-entry[data-v-osaka-checkout-fc84aba5] { width: 100%; min-height: 52px; flex: 0 0 52px; border: 1px solid #aaa6b4; border-radius: 5px; background: #fafaf9; color: #3f4045; font-size: 12px; font-weight: 620; letter-spacing: .1em; cursor: pointer;
}
.payment-methods[data-v-osaka-checkout-fc84aba5] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px 12px; padding: 24px 0 14px;
}
.payment-method[data-v-osaka-checkout-fc84aba5] { min-width: 0; padding: 0; display: flex; flex-direction: column; align-items: center; gap: 8px; border: 0; background: transparent; color: #414348; font-size: 9.5px; font-weight: 590; line-height: 1.1; text-align: center; cursor: pointer;
}
.payment-method[data-v-osaka-checkout-fc84aba5]:nth-child(4) { grid-column: 1;
}
.payment-method[data-v-osaka-checkout-fc84aba5]:nth-child(5) { grid-column: 2;
}
.method-circle[data-v-osaka-checkout-fc84aba5] { position: relative; width: 76px; height: 76px; display: grid; place-items: center; border-radius: 50%; color: #263a45;
}
.method-detail[data-v-osaka-checkout-fc84aba5] { position: absolute; right: 16px; bottom: 15px; color: rgba(32, 48, 58, .8);
}
.tone-blue .method-circle[data-v-osaka-checkout-fc84aba5] { background: #4d9ac7;
}
.tone-yellow .method-circle[data-v-osaka-checkout-fc84aba5] { background: #eccd4c;
}
.tone-cyan .method-circle[data-v-osaka-checkout-fc84aba5] { background: #88cfd6;
}
.tone-red .method-circle[data-v-osaka-checkout-fc84aba5] { background: #df7776; color: #fff;
}
.tone-coral .method-circle[data-v-osaka-checkout-fc84aba5] { background: #df8781; color: #fff;
}
.tone-red .method-detail[data-v-osaka-checkout-fc84aba5], .tone-coral .method-detail[data-v-osaka-checkout-fc84aba5] { color: rgba(255,255,255,.9);
}
.payment-method:not(:disabled):hover .method-circle[data-v-osaka-checkout-fc84aba5] { box-shadow: 0 0 0 3px rgba(75,59,178,.13);
}
.operations-grid[data-v-osaka-checkout-fc84aba5] { margin-top: 2px; display: grid; grid-template-columns: 1fr 1fr; gap: 6px;
}
.operations-grid > button[data-v-osaka-checkout-fc84aba5] { min-width: 0; min-height: 43px; padding: 6px 9px; display: flex; align-items: center; gap: 8px; border: 1px solid #d0d2d6; border-radius: 4px; background: #fafaf9; color: #4a4d53; text-align: left; cursor: pointer;
}
.operations-grid > button > svg[data-v-osaka-checkout-fc84aba5] { flex: 0 0 auto; color: #5045a1;
}
.operations-grid > button > span[data-v-osaka-checkout-fc84aba5] { min-width: 0; display: grid; gap: 1px;
}
.operations-grid strong[data-v-osaka-checkout-fc84aba5] { overflow: hidden; font-size: 10.5px; font-weight: 620; text-overflow: ellipsis; white-space: nowrap;
}
.operations-grid small[data-v-osaka-checkout-fc84aba5] { overflow: hidden; color: #84878d; font-size: 8px; text-overflow: ellipsis; white-space: nowrap;
}
.operations-grid .danger[data-v-osaka-checkout-fc84aba5] { border-color: #e4c7c4; color: #a24943;
}
.operations-grid .danger > svg[data-v-osaka-checkout-fc84aba5] { color: #b5544d;
}
.payment-help[data-v-osaka-checkout-fc84aba5] { margin-top: auto; padding: 10px 4px 0; display: flex; align-items: center; justify-content: center; gap: 8px; color: #a0a2a7; font-size: 9.5px; text-align: center;
}
.payment-help.is-ready[data-v-osaka-checkout-fc84aba5] { color: #287353;
}
.ogoo-summary-panel[data-v-osaka-checkout-fc84aba5] { padding: 21px 18px 12px; display: flex; flex-direction: column; background: #fbfbfa;
}
.summary-note[data-v-osaka-checkout-fc84aba5] { display: flex; justify-content: space-between; color: #77797e; font-size: 11px;
}
.summary-metric[data-v-osaka-checkout-fc84aba5] { padding: 25px 0 15px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #d9dadd; font-size: 18px; font-weight: 650;
}
.summary-metric strong[data-v-osaka-checkout-fc84aba5] { font-size: 20px; font-weight: 650;
}
.summary-metric.balance[data-v-osaka-checkout-fc84aba5] { padding-top: 18px;
}
.summary-metric.balance strong[data-v-osaka-checkout-fc84aba5] { color: #443c8e;
}
.summary-metric.compact[data-v-osaka-checkout-fc84aba5] { padding: 8px 0; font-size: 13px;
}
.summary-metric.compact strong[data-v-osaka-checkout-fc84aba5] { font-size: 16px;
}
.summary-metric.change strong[data-v-osaka-checkout-fc84aba5] { color: #287353;
}
.payment-detail-title[data-v-osaka-checkout-fc84aba5] { padding: 15px 0 9px; color: #64676d; font-size: 10.5px;
}
.payment-detail-list[data-v-osaka-checkout-fc84aba5] { min-height: 0; flex: 1; overflow-y: auto;
}
.payment-detail-row[data-v-osaka-checkout-fc84aba5] { min-height: 54px; display: grid; grid-template-columns: minmax(0, 1fr) auto 44px; align-items: center; gap: 8px; border-bottom: 1px solid #e4e5e6; font-size: 11px;
}
.payment-detail-row > div[data-v-osaka-checkout-fc84aba5] { min-width: 0; display: grid; grid-template-columns: 24px minmax(0, 1fr); align-items: center; gap: 3px 6px;
}
.payment-detail-row small[data-v-osaka-checkout-fc84aba5] { grid-column: 2; color: #8a8d92; font-size: 8.5px;
}
.payment-detail-row > strong[data-v-osaka-checkout-fc84aba5] { font-weight: 580; white-space: nowrap;
}
.payment-detail-row > button[data-v-osaka-checkout-fc84aba5] { width: 44px; height: 44px; display: grid; place-items: center; border: 0; background: transparent; color: #765049; cursor: pointer;
}
.payment-empty[data-v-osaka-checkout-fc84aba5] { min-height: 160px; display: grid; place-items: center; align-content: center; gap: 8px; color: #a2a5aa; font-size: 11px;
}
.settled-card[data-v-osaka-checkout-fc84aba5] { margin: 8px 0; padding: 10px 12px; display: flex; align-items: center; gap: 10px; border: 1px solid #b9d7c6; border-radius: 4px; background: #f3faf6; color: #157044;
}
.settled-card > div[data-v-osaka-checkout-fc84aba5] { display: grid;
}
.settled-card small[data-v-osaka-checkout-fc84aba5] { color: #5f7f6d; font-size: 9px;
}
.summary-footer[data-v-osaka-checkout-fc84aba5] { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 7px; padding-top: 9px;
}
.summary-footer > button[data-v-osaka-checkout-fc84aba5] { min-width: 0; min-height: 48px; padding: 5px 8px; display: flex; align-items: center; justify-content: center; gap: 6px; border: 1px solid #cbcbd0; border-radius: 5px; background: #f6f5f2; color: #57595f; font-size: 9.5px; font-weight: 620; cursor: pointer;
}
.summary-footer > button[data-v-osaka-checkout-fc84aba5]:not(.settle):not(:disabled) { border-color: #958bca; background: #fff; color: #443c8e;
}
.summary-footer > button.settle[data-v-osaka-checkout-fc84aba5] { border-color: var(--ogoo-purple); background: var(--ogoo-purple); color: #fff;
}
.summary-footer > button.settle[data-v-osaka-checkout-fc84aba5]:disabled { border-color: #cfcac4; background: #d6d2cc; color: #fff;
}
.ogoo-modal-layer[data-v-osaka-checkout-fc84aba5] { --ogoo-purple: #4b3bb2; position: fixed; z-index: 3600; top: 0; right: 0; bottom: 0; left: 0; inset: 0; display: grid; place-items: center; padding: 18px; background: rgba(25, 26, 29, .42);
}
.amount-dialog[data-v-osaka-checkout-fc84aba5], .order-editor-dialog[data-v-osaka-checkout-fc84aba5] { width: min(540px, 94vw); max-height: 92vh; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #bfc1c6; border-radius: 6px; background: #f8f8f7; box-shadow: 0 12px 35px rgba(0,0,0,.24);
}
.amount-dialog > header[data-v-osaka-checkout-fc84aba5], .order-editor-dialog > header[data-v-osaka-checkout-fc84aba5] { min-height: 72px; padding: 12px 16px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #d6d7da;
}
.amount-dialog header small[data-v-osaka-checkout-fc84aba5], .order-editor-dialog header small[data-v-osaka-checkout-fc84aba5] { color: #73767d; font-size: 9px; letter-spacing: .08em;
}
.amount-dialog h2[data-v-osaka-checkout-fc84aba5], .order-editor-dialog h2[data-v-osaka-checkout-fc84aba5] { margin: 2px 0 0; color: #34363b; font-size: 20px; font-weight: 630;
}
.amount-dialog header > button[data-v-osaka-checkout-fc84aba5], .order-editor-dialog header > button[data-v-osaka-checkout-fc84aba5] { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid #cacbd0; border-radius: 4px; background: #fafafa; color: #4d5056; cursor: pointer;
}
.amount-balance[data-v-osaka-checkout-fc84aba5] { padding: 13px 18px; display: flex; justify-content: space-between; color: #66696f; font-size: 12px;
}
.amount-balance strong[data-v-osaka-checkout-fc84aba5] { color: #443c8e; font-size: 16px;
}
.amount-display[data-v-osaka-checkout-fc84aba5] { margin: 0 18px; min-height: 72px; padding: 0 16px; display: flex; align-items: center; gap: 10px; border: 1px solid #bbb9c4; border-radius: 4px; background: #fff; color: #34363b;
}
.amount-display.invalid[data-v-osaka-checkout-fc84aba5] { border-color: #b6534b;
}
.amount-display span[data-v-osaka-checkout-fc84aba5] { color: #676a70; font-size: 24px;
}
.amount-display output[data-v-osaka-checkout-fc84aba5] { margin-left: auto; font-size: 34px; font-weight: 660; font-variant-numeric: tabular-nums;
}
.quick-amounts[data-v-osaka-checkout-fc84aba5] { padding: 11px 18px 8px; display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px;
}
.quick-amounts button[data-v-osaka-checkout-fc84aba5] { min-height: 42px; border: 1px solid #c9cbd0; border-radius: 4px; background: #fafafa; color: #4d5056; font-size: 12px; cursor: pointer;
}
.quick-amounts button[data-v-osaka-checkout-fc84aba5]:first-child { border-color: var(--ogoo-purple); background: var(--ogoo-purple); color: #fff;
}
.amount-keypad[data-v-osaka-checkout-fc84aba5] { padding: 0 18px 14px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px;
}
.amount-keypad button[data-v-osaka-checkout-fc84aba5] { min-height: 52px; display: grid; place-items: center; border: 1px solid #c9cbd0; border-radius: 4px; background: #fff; color: #35373c; font-size: 22px; cursor: pointer;
}
.quick-amounts .clear[data-v-osaka-checkout-fc84aba5] { color: #b13d4e;
}
.amount-dialog > footer[data-v-osaka-checkout-fc84aba5], .order-editor-dialog > footer[data-v-osaka-checkout-fc84aba5] { padding: 12px 16px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; border-top: 1px solid #d6d7da;
}
.amount-dialog footer button[data-v-osaka-checkout-fc84aba5], .order-editor-dialog footer button[data-v-osaka-checkout-fc84aba5] { min-height: 48px; display: flex; align-items: center; justify-content: center; gap: 7px; border-radius: 4px; font-weight: 620; cursor: pointer;
}
.amount-dialog footer .secondary[data-v-osaka-checkout-fc84aba5], .order-editor-dialog footer .secondary[data-v-osaka-checkout-fc84aba5] { border: 1px solid #c9cbd0; background: #fafafa; color: #55585e;
}
.amount-dialog footer .primary[data-v-osaka-checkout-fc84aba5], .order-editor-dialog footer .primary[data-v-osaka-checkout-fc84aba5] { border: 1px solid var(--ogoo-purple); background: var(--ogoo-purple); color: #fff;
}
.order-editor-dialog[data-v-osaka-checkout-fc84aba5] { width: min(820px, 96vw);
}
.order-editor-list[data-v-osaka-checkout-fc84aba5] { min-height: 180px; overflow-y: auto; padding: 8px 16px;
}
.order-editor-list article[data-v-osaka-checkout-fc84aba5] { min-height: 58px; display: grid; grid-template-columns: minmax(0, 1fr) 105px 118px 82px 42px; align-items: center; gap: 9px; border-bottom: 1px solid #dedfe1;
}
.order-editor-list article > div[data-v-osaka-checkout-fc84aba5]:first-child { min-width: 0; display: grid; gap: 2px;
}
.order-editor-list article > div:first-child strong[data-v-osaka-checkout-fc84aba5] { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap;
}
.order-editor-list article > div:first-child small[data-v-osaka-checkout-fc84aba5] { overflow: hidden; color: #7b7e84; font-size: 9px; text-overflow: ellipsis; white-space: nowrap;
}
.order-editor-list button[data-v-osaka-checkout-fc84aba5] { cursor: pointer;
}
.order-editor-list .price[data-v-osaka-checkout-fc84aba5] { min-height: 36px; display: flex; align-items: center; justify-content: center; gap: 4px; border: 1px solid #c9cbd0; border-radius: 4px; background: #fff; color: #4e4a85; font-size: 11px;
}
.quantity-control[data-v-osaka-checkout-fc84aba5] { display: grid; grid-template-columns: 38px 38px 38px; align-items: center;
}
.quantity-control button[data-v-osaka-checkout-fc84aba5] { height: 36px; border: 1px solid #c9cbd0; background: #fff; color: #4e4a85; font-size: 18px;
}
.quantity-control span[data-v-osaka-checkout-fc84aba5] { text-align: center; font-size: 12px;
}
.order-editor-list .delete[data-v-osaka-checkout-fc84aba5] { width: 38px; height: 36px; display: grid; place-items: center; border: 1px solid #e1bbb7; border-radius: 4px; background: #fff; color: #a34740;
}
@media (max-width: 1180px) {
.ogoo-topbar[data-v-osaka-checkout-fc84aba5] { height: 68px; flex-basis: 68px; padding: 7px 12px;
}
.square-button[data-v-osaka-checkout-fc84aba5] { width: 44px; height: 44px;
}
.ogoo-context strong[data-v-osaka-checkout-fc84aba5] { font-size: 14px;
}
.ogoo-top-actions > button[data-v-osaka-checkout-fc84aba5] { min-width: 96px; min-height: 44px; padding: 0 9px; font-size: 10.5px;
}
.ogoo-receipt-panel[data-v-osaka-checkout-fc84aba5] { padding: 17px 14px 12px;
}
.ogoo-payment-panel[data-v-osaka-checkout-fc84aba5] { padding: 12px 16px 9px;
}
.method-circle[data-v-osaka-checkout-fc84aba5] { width: 62px; height: 62px;
}
.payment-methods[data-v-osaka-checkout-fc84aba5] { gap: 10px 8px; padding: 15px 0 9px;
}
.operations-grid > button[data-v-osaka-checkout-fc84aba5] { min-height: 44px; padding: 4px 7px;
}
.operations-grid small[data-v-osaka-checkout-fc84aba5] { display: none;
}
.payment-help[data-v-osaka-checkout-fc84aba5] { padding-top: 6px;
}
.ogoo-summary-panel[data-v-osaka-checkout-fc84aba5] { padding: 16px 13px 9px;
}
.summary-metric[data-v-osaka-checkout-fc84aba5] { padding: 18px 0 12px;
}
.payment-detail-row[data-v-osaka-checkout-fc84aba5] { min-height: 47px;
}
.summary-footer > button[data-v-osaka-checkout-fc84aba5] { min-height: 44px;
}
}
@media (max-width: 900px) {
.ogoo-top-actions > button[data-v-osaka-checkout-fc84aba5] { min-width: 78px;
}
.ogoo-top-actions .two-line-label small[data-v-osaka-checkout-fc84aba5] { display: none;
}
.ogoo-columns[data-v-osaka-checkout-fc84aba5] { grid-template-columns: 34% 34% 32%;
}
.restaurant-identity h1[data-v-osaka-checkout-fc84aba5] { font-size: 23px;
}
.method-circle[data-v-osaka-checkout-fc84aba5] { width: 56px; height: 56px;
}
.payment-method[data-v-osaka-checkout-fc84aba5] { font-size: 8px;
}
.operations-grid[data-v-osaka-checkout-fc84aba5] { gap: 4px;
}
.operations-grid > button[data-v-osaka-checkout-fc84aba5] { min-height: 44px;
}
.summary-footer[data-v-osaka-checkout-fc84aba5] { grid-template-columns: 1fr;
}
.summary-footer > button[data-v-osaka-checkout-fc84aba5] { min-height: 44px;
}
}
@media (max-width: 767px) {
.ogoo-checkout[data-v-osaka-checkout-fc84aba5] { overflow: auto;
}
.ogoo-topbar[data-v-osaka-checkout-fc84aba5] { height: auto; flex: 0 0 auto; flex-wrap: wrap; gap: 8px; padding: 12px;
}
.ogoo-context[data-v-osaka-checkout-fc84aba5] { width: 100%;
}
.ogoo-context strong[data-v-osaka-checkout-fc84aba5] { white-space: normal; overflow-wrap: anywhere;
}
.ogoo-top-actions[data-v-osaka-checkout-fc84aba5] { width: 100%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ogoo-top-actions > button[data-v-osaka-checkout-fc84aba5] { min-width: 0; min-height: 48px; padding: 8px; font-size: 12px;
}
.ogoo-columns[data-v-osaka-checkout-fc84aba5] { flex: 0 0 auto; display: flex; flex-direction: column;
}
.ogoo-columns > section[data-v-osaka-checkout-fc84aba5] { padding: 16px; border-right: 0; border-bottom: 1px solid var(--ogoo-border);
}
.receipt-list[data-v-osaka-checkout-fc84aba5], .payment-detail-list[data-v-osaka-checkout-fc84aba5] { overflow: visible;
}
.restaurant-identity h1[data-v-osaka-checkout-fc84aba5] { max-width: none;
}
.receipt-row[data-v-osaka-checkout-fc84aba5] { font-size: 13px;
}
.receipt-row small[data-v-osaka-checkout-fc84aba5], .receipt-tax-lines > div[data-v-osaka-checkout-fc84aba5] { font-size: 12px;
}
.payment-method[data-v-osaka-checkout-fc84aba5] { font-size: 13px;
}
.payment-methods[data-v-osaka-checkout-fc84aba5] { gap: 16px; padding: 20px 0;
}
.operations-grid[data-v-osaka-checkout-fc84aba5] { gap: 8px;
}
.operations-grid > button[data-v-osaka-checkout-fc84aba5] { min-height: 48px; padding: 8px;
}
.operations-grid strong[data-v-osaka-checkout-fc84aba5] { white-space: normal;
}
.summary-metric[data-v-osaka-checkout-fc84aba5], .receipt-total[data-v-osaka-checkout-fc84aba5] { gap: 16px;
}
.summary-footer[data-v-osaka-checkout-fc84aba5] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px;
}
.summary-footer > button[data-v-osaka-checkout-fc84aba5] { min-height: 48px; font-size: 12px;
}
.summary-footer > .settle[data-v-osaka-checkout-fc84aba5] { grid-column: 1 / -1;
}
.ogoo-modal-layer[data-v-osaka-checkout-fc84aba5] { padding: 12px;
}
.amount-dialog[data-v-osaka-checkout-fc84aba5], .order-editor-dialog[data-v-osaka-checkout-fc84aba5] { width: 100%; max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); overflow-y: auto;
}
.order-editor-list article[data-v-osaka-checkout-fc84aba5] { grid-template-columns: minmax(0, 1fr) auto; gap: 12px; padding: 12px 0;
}
.order-editor-list article > div[data-v-osaka-checkout-fc84aba5]:first-child { grid-column: 1 / -1;
}
.order-editor-list .price[data-v-osaka-checkout-fc84aba5], .order-editor-list .delete[data-v-osaka-checkout-fc84aba5], .quantity-control button[data-v-osaka-checkout-fc84aba5] { min-height: 44px;
}
}


.buffet-correction .buffet-tier-row[data-v-osaka-checkout-fc84aba5] { display:flex; align-items:center; justify-content:space-between; gap:12px; grid-template-columns:none;
}
.buffet-tier-row > div[data-v-osaka-checkout-fc84aba5]:first-child { flex:1; min-width:0; overflow-wrap:anywhere;
}
.buffet-tier-row .quantity-control[data-v-osaka-checkout-fc84aba5] { flex:none;
}
.buffet-correction .order-editor-list article > div:first-child strong[data-v-osaka-checkout-fc84aba5] { white-space:normal; overflow:visible; text-overflow:clip;
}
.buffet-tier-row input[data-v-osaka-checkout-fc84aba5] { width:60px; min-height:44px; box-sizing:border-box; font:inherit; text-align:center; border:1px solid #ccc; border-radius:4px;
}
.buffet-tier-row .quantity-control button[data-v-osaka-checkout-fc84aba5] { min-width:44px; min-height:44px;
}
.buffet-correction .buffet-error[data-v-osaka-checkout-fc84aba5] { color:#a34740; padding:8px 0;
}
.buffet-correction .buffet-summary[data-v-osaka-checkout-fc84aba5] { padding:16px 0; font-weight:650;
}
.buffet-correction footer button[data-v-osaka-checkout-fc84aba5] { min-height:44px;
}


.proof-allocation-mode[data-v-osaka-checkout-485de363] { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px;
}
.proof-allocation-mode button[data-v-osaka-checkout-485de363] { padding: 8px 12px; border: 1px solid #b9c2d0; border-radius: 8px; color: #344054; background: #fff; cursor: pointer;
}
.proof-allocation-mode button.active[data-v-osaka-checkout-485de363] { color: #4937c8; border-color: #7667dc; background: #f4f2ff;
}
.proof-simple-lower > aside p.proof-amount-invalid[data-v-osaka-checkout-485de363] { color: #b42318;
}
.history-proof-drawer .el-drawer__body { padding: 0; overflow: hidden;
}
.history-proof-workspace[data-v-osaka-checkout-485de363] { height: 100vh; height: 100dvh; min-height: 0; display: grid; grid-template-rows: 68px 56px auto minmax(0, 1fr) 72px; overflow: hidden; color: #182230; background: #f5f6f8;
}
.history-proof-head[data-v-osaka-checkout-485de363] { grid-row: 1;
}
.history-proof-tabs[data-v-osaka-checkout-485de363] { grid-row: 2;
}
.proof-native-note[data-v-osaka-checkout-485de363] { grid-row: 3;
}
.history-proof-body[data-v-osaka-checkout-485de363] { grid-row: 4;
}
.history-proof-footer[data-v-osaka-checkout-485de363] { grid-row: 5;
}
.history-proof-head[data-v-osaka-checkout-485de363] { display: grid; grid-template-columns: 52px 1fr 52px; align-items: center; gap: 10px; padding: 8px 20px; color: #fff; background: linear-gradient(120deg, #3324ad, #5842db);
}
.history-proof-head > button[data-v-osaka-checkout-485de363] { width: 44px; height: 44px; border: 0; border-radius: 10px; color: #fff; background: rgba(255,255,255,.12); font-size: 25px; cursor: pointer;
}
.history-proof-head > div[data-v-osaka-checkout-485de363] { display: flex; align-items: center; justify-content: center; gap: 9px; min-width: 0;
}
.history-proof-head span[data-v-osaka-checkout-485de363] { font-size: 13px; font-weight: 700;
}
.history-proof-head strong[data-v-osaka-checkout-485de363] { overflow: hidden; font-size: 16px; text-overflow: ellipsis; white-space: nowrap;
}
.history-proof-tabs[data-v-osaka-checkout-485de363] { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid #d8dde7; background: #fff;
}
.history-proof-tabs > button[data-v-osaka-checkout-485de363] { position: relative; display: flex; align-items: center; justify-content: center; gap: 7px; border: 0; color: #697386; background: transparent; font-size: 13px; font-weight: 700; cursor: pointer;
}
.history-proof-tabs > button[data-v-osaka-checkout-485de363]::after { position: absolute; right: 20%; bottom: 0; left: 20%; height: 3px; border-radius: 3px 3px 0 0; background: transparent; content: '';
}
.history-proof-tabs > button.active[data-v-osaka-checkout-485de363] { color: #4937c8;
}
.history-proof-tabs > button.active[data-v-osaka-checkout-485de363]::after { background: #4937c8;
}
.history-proof-body[data-v-osaka-checkout-485de363] { min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) 310px; overflow: hidden;
}
.history-proof-main[data-v-osaka-checkout-485de363] { min-width: 0; overflow: auto; padding: 18px 20px;
}
.proof-mode-panel[data-v-osaka-checkout-485de363] { min-height: 100%;
}
.proof-copy-block[data-v-osaka-checkout-485de363] { display: grid; grid-template-columns: minmax(220px, .9fr) minmax(360px, 1.45fr); gap: 12px 18px; align-items: center; padding: 14px 16px; border: 1px solid #d8dde7; border-radius: 12px; background: #fff;
}
.proof-copy-block > div[data-v-osaka-checkout-485de363]:first-child { display: flex; flex-direction: column; gap: 4px;
}
.proof-copy-block > div:first-child > span[data-v-osaka-checkout-485de363] { color: #667085; font-size: 12px; text-transform: uppercase;
}
.proof-copy-block > div:first-child > small[data-v-osaka-checkout-485de363] { color: #344054; font-size: 13px; font-weight: 700;
}
.proof-stepper[data-v-osaka-checkout-485de363] { display: grid; grid-template-columns: 1fr 1.3fr 1fr; gap: 8px;
}
.proof-stepper > button[data-v-osaka-checkout-485de363], .proof-stepper > strong[data-v-osaka-checkout-485de363] { min-height: 52px; display: grid; place-items: center; border: 1px solid #b9c2d0; border-radius: 9px; background: #fff; font-size: 24px;
}
.proof-stepper > strong[data-v-osaka-checkout-485de363] { color: #4937c8; border-color: #8f82e7; font-size: 22px;
}
.proof-split-preview[data-v-osaka-checkout-485de363] { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 6px;
}
.proof-split-preview > span[data-v-osaka-checkout-485de363] { padding: 6px 8px; border-radius: 7px; color: #667085; background: #f2f4f7; font-size: 11px;
}
.proof-split-preview strong[data-v-osaka-checkout-485de363] { margin-left: 3px; color: #182230;
}
.proof-summary-fields[data-v-osaka-checkout-485de363] { display: grid; grid-template-columns: .75fr 1.5fr 1fr; gap: 10px; margin-top: 14px;
}
.proof-native-note[data-v-osaka-checkout-485de363] { margin:0; padding:8px 20px; color:#8a5700; background:#fff7df; font-size:12px;
}
.proof-summary-fields > label[data-v-osaka-checkout-485de363] { min-width: 0; display: flex; flex-direction: column; gap: 6px;
}
.proof-summary-fields > label > span[data-v-osaka-checkout-485de363] { color: #667085; font-size: 11px;
}
.proof-summary-fields > label > strong[data-v-osaka-checkout-485de363], .proof-summary-fields input[data-v-osaka-checkout-485de363] { min-height: 48px; display: flex; align-items: center; padding: 0 12px; border: 1px solid #d8dde7; border-radius: 9px; color: #4937c8; background: #fff; font-size: 19px;
}
.proof-summary-fields input[data-v-osaka-checkout-485de363] { width: 100%; outline: none;
}
.proof-summary-fields.is-compact[data-v-osaka-checkout-485de363] { grid-template-columns: .7fr 1.5fr 1fr; margin-top: 0;
}
.proof-simple-lower[data-v-osaka-checkout-485de363] { display: grid; grid-template-columns: 1fr; gap: 18px; margin-top: 18px;
}
.proof-simple-lower > section[data-v-osaka-checkout-485de363], .proof-simple-lower > aside[data-v-osaka-checkout-485de363] { padding: 14px; border: 1px solid #d8dde7; border-radius: 12px; background: #fff;
}
.proof-simple-lower > section > span[data-v-osaka-checkout-485de363] { color: #667085; font-size: 12px; font-weight: 700;
}
.proof-keypad[data-v-osaka-checkout-485de363] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 10px;
}
.proof-keypad button[data-v-osaka-checkout-485de363] { min-height: 48px; border: 0; border-radius: 8px; background: #f2f4f7; font-size: 17px; font-weight: 700; cursor: pointer;
}
.proof-guest-editor[data-v-osaka-checkout-485de363] { display: grid; grid-template-columns: minmax(150px, .35fr) minmax(330px, .75fr); gap: 16px; align-items: start; margin-top: 16px; padding: 14px; border: 1px solid #d8dde7; border-radius: 12px; background: #fff;
}
.proof-guest-editor > div[data-v-osaka-checkout-485de363]:first-child { display: flex; flex-direction: column; gap: 8px; color: #667085; font-size: 12px; font-weight: 700;
}
.proof-guest-editor > div:first-child strong[data-v-osaka-checkout-485de363] { min-height: 58px; display: grid; place-items: center; border: 2px solid #7667dc; border-radius: 10px; color: #4937c8; background: #f8f7ff; font-size: 25px;
}
.proof-guest-editor > div:first-child strong.is-invalid[data-v-osaka-checkout-485de363] { border-color: #d92d20; color: #b42318; background: #fff5f4;
}
.proof-guest-editor .proof-keypad[data-v-osaka-checkout-485de363] { margin-top: 0;
}
.proof-simple-lower > aside[data-v-osaka-checkout-485de363] { align-self: start; border-color: #c9dcf5; background: #f2f7ff;
}
.proof-simple-lower > aside strong[data-v-osaka-checkout-485de363] { color: #184b8d;
}
.proof-simple-lower > aside p[data-v-osaka-checkout-485de363] { margin: 8px 0 0; color: #55708f; font-size: 12px; line-height: 1.55;
}
.proof-selection-layout[data-v-osaka-checkout-485de363] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, .42fr); gap: 16px; margin-top: 18px;
}
.proof-selection-layout > section[data-v-osaka-checkout-485de363], .proof-payment-caps[data-v-osaka-checkout-485de363] { padding: 14px; border: 1px solid #d8dde7; border-radius: 12px; background: #fff;
}
.proof-selection-layout > section > header[data-v-osaka-checkout-485de363] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 11px;
}
.proof-selection-layout > section > header button[data-v-osaka-checkout-485de363] { border: 0; color: #1769d2; background: transparent; font-weight: 700; cursor: pointer;
}
.proof-item-grid[data-v-osaka-checkout-485de363] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px;
}
.proof-item-grid > button[data-v-osaka-checkout-485de363] { position: relative; min-height: 76px; display: flex; align-items: flex-start; justify-content: space-between; gap: 9px; padding: 12px; border: 1px solid #cfd5df; border-radius: 10px; color: #344054; background: #fff; text-align: left; cursor: pointer;
}
.proof-item-grid > button.selected[data-v-osaka-checkout-485de363], .proof-tax-grid > button.selected[data-v-osaka-checkout-485de363] { color: #2e1fa6; border-color: #7667dc; background: #f4f2ff;
}
.proof-item-grid > button > span[data-v-osaka-checkout-485de363] { font-size: 12px; line-height: 1.35;
}
.proof-item-grid > button > strong[data-v-osaka-checkout-485de363] { white-space: nowrap;
}
.proof-item-grid > button > b[data-v-osaka-checkout-485de363] { position: absolute; right: 7px; bottom: 5px; display: none; color: #4937c8;
}
.proof-item-grid > button.selected > b[data-v-osaka-checkout-485de363], .proof-tax-grid > button.selected > b[data-v-osaka-checkout-485de363] { display: block;
}
.proof-payment-caps > strong[data-v-osaka-checkout-485de363] { display: block; margin-bottom: 11px;
}
.proof-payment-caps > div[data-v-osaka-checkout-485de363] { display: grid; gap: 8px;
}
.proof-payment-caps span[data-v-osaka-checkout-485de363] { display: flex; flex-direction: column; gap: 3px; padding: 11px; border: 1px solid #b7c6da; border-radius: 9px; color: #1c62b2;
}
.proof-payment-caps small[data-v-osaka-checkout-485de363] { font-size: 10px;
}
.proof-payment-caps b[data-v-osaka-checkout-485de363] { font-size: 12px;
}
.proof-tax-grid[data-v-osaka-checkout-485de363] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;
}
.proof-tax-grid > button[data-v-osaka-checkout-485de363] { position: relative; min-height: 82px; padding: 12px; border: 1px solid #cfd5df; border-radius: 10px; color: #344054; background: #fff; text-align: left; cursor: pointer;
}
.proof-tax-grid span[data-v-osaka-checkout-485de363] { display: flex; flex-direction: column; gap: 7px;
}
.proof-tax-grid small[data-v-osaka-checkout-485de363] { color: #667085;
}
.proof-tax-grid b[data-v-osaka-checkout-485de363] { position: absolute; right: 9px; bottom: 7px; display: none;
}
.proof-tax-note[data-v-osaka-checkout-485de363] { margin: 13px 0 0; padding: 10px; border-radius: 8px; color: #55708f; background: #f2f7ff; font-size: 11px;
}
.proof-history-panel > header[data-v-osaka-checkout-485de363] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px;
}
.proof-history-panel > header > div[data-v-osaka-checkout-485de363] { display: flex; align-items: baseline; gap: 8px;
}
.proof-history-panel > header span[data-v-osaka-checkout-485de363], .proof-history-panel > header small[data-v-osaka-checkout-485de363] { color: #667085;
}
.proof-history-panel > header strong[data-v-osaka-checkout-485de363] { font-size: 22px;
}
.proof-history-list[data-v-osaka-checkout-485de363] { display: grid; gap: 8px;
}
.proof-history-list > article[data-v-osaka-checkout-485de363] { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto auto; gap: 11px; align-items: center; padding: 11px; border: 1px solid #d8dde7; border-radius: 10px; background: #fff;
}
.proof-history-list > article > span[data-v-osaka-checkout-485de363] { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 8px; color: #4937c8; background: #f0eeff;
}
.proof-history-list > article > div[data-v-osaka-checkout-485de363] { min-width: 0; display: flex; flex-direction: column; gap: 3px;
}
.proof-history-list small[data-v-osaka-checkout-485de363] { overflow: hidden; color: #667085; text-overflow: ellipsis; white-space: nowrap;
}
.proof-history-list button[data-v-osaka-checkout-485de363] { min-height: 44px; padding: 0 11px; border: 1px solid #b9c2d0; border-radius: 8px; background: #fff; cursor: pointer;
}
.proof-history-empty[data-v-osaka-checkout-485de363] { min-height: 260px; display: grid; place-items: center; color: #98a2b3; border: 1px dashed #cfd5df; border-radius: 12px;
}
.history-proof-customer[data-v-osaka-checkout-485de363] { min-width: 0; display: flex; flex-direction: column; gap: 11px; padding: 18px 17px; overflow: auto; border-left: 1px solid #d8dde7; background: #fff;
}
.history-proof-customer > header[data-v-osaka-checkout-485de363] { display: flex; align-items: center; justify-content: space-between; color: #4937c8; font-size: 17px;
}
.history-proof-customer > label[data-v-osaka-checkout-485de363], .history-proof-customer > div > label[data-v-osaka-checkout-485de363] { min-width: 0; display: flex; flex-direction: column; gap: 5px;
}
.history-proof-customer > div[data-v-osaka-checkout-485de363] { display: grid; grid-template-columns: .8fr 1.2fr; gap: 9px;
}
.history-proof-customer label span[data-v-osaka-checkout-485de363] { color: #667085; font-size: 10px;
}
.history-proof-customer input[data-v-osaka-checkout-485de363] { min-width: 0; width: 100%; height: 36px; padding: 0 4px; border: 0; border-bottom: 1px solid #aeb6c4; outline: 0;
}
.history-proof-footer[data-v-osaka-checkout-485de363] { display: grid; grid-template-columns: 150px 1fr 150px; align-items: center; gap: 14px; padding: 10px 26px; border-top: 1px solid #d8dde7; background: #fff;
}
.history-proof-footer > button[data-v-osaka-checkout-485de363] { min-height: 46px; border: 1px solid #b9c2d0; border-radius: 9px; background: #fff; font-weight: 700; cursor: pointer;
}
.history-proof-footer > button.is-primary[data-v-osaka-checkout-485de363] { border-color: #4937c8; color: #fff; background: #4937c8;
}
.history-proof-footer > div[data-v-osaka-checkout-485de363] { display: flex; align-items: center; justify-content: center; gap: 8px; color: #667085;
}
.history-proof-footer > div strong[data-v-osaka-checkout-485de363] { color: #182230;
}
@media (max-width: 900px) {
.history-proof-body[data-v-osaka-checkout-485de363] { display: block; overflow: auto;
}
.history-proof-main[data-v-osaka-checkout-485de363] { overflow: visible;
}
.history-proof-customer[data-v-osaka-checkout-485de363] { overflow: visible; border-top: 1px solid #d8dde7; border-left: 0;
}
}
@media (max-width: 600px) {
.history-proof-workspace[data-v-osaka-checkout-485de363] { grid-template-rows: 60px 64px auto minmax(0, 1fr) 64px;
}
.history-proof-head[data-v-osaka-checkout-485de363] { grid-template-columns: 44px minmax(0, 1fr); padding: 6px 10px;
}
.history-proof-head > button[data-v-osaka-checkout-485de363] { width: 40px; height: 40px;
}
.history-proof-head > div[data-v-osaka-checkout-485de363] { align-items: flex-start; flex-direction: column; justify-content: center; gap: 1px;
}
.history-proof-head strong[data-v-osaka-checkout-485de363] { max-width: 100%; font-size: 14px;
}
.history-proof-tabs > button[data-v-osaka-checkout-485de363] { flex-direction: column; gap: 2px; padding: 5px 2px; font-size: 10px; line-height: 1.1;
}
.history-proof-main[data-v-osaka-checkout-485de363] { padding: 12px;
}
.proof-copy-block[data-v-osaka-checkout-485de363], .proof-summary-fields[data-v-osaka-checkout-485de363], .proof-summary-fields.is-compact[data-v-osaka-checkout-485de363], .proof-selection-layout[data-v-osaka-checkout-485de363], .proof-guest-editor[data-v-osaka-checkout-485de363] { grid-template-columns: minmax(0, 1fr);
}
.proof-copy-block[data-v-osaka-checkout-485de363] { gap: 10px; padding: 12px;
}
.proof-stepper > button[data-v-osaka-checkout-485de363], .proof-stepper > strong[data-v-osaka-checkout-485de363] { min-height: 46px;
}
.proof-item-grid[data-v-osaka-checkout-485de363], .proof-tax-grid[data-v-osaka-checkout-485de363] { grid-template-columns: minmax(0, 1fr);
}
.proof-guest-editor[data-v-osaka-checkout-485de363] { min-width: 0;
}
.proof-history-panel > header[data-v-osaka-checkout-485de363] { align-items: flex-start; flex-direction: column;
}
.proof-history-list > article[data-v-osaka-checkout-485de363] { grid-template-columns: 34px minmax(0, 1fr) auto; gap: 8px;
}
.proof-history-list > article > span[data-v-osaka-checkout-485de363] { width: 34px; height: 34px;
}
.proof-history-list > article > button[data-v-osaka-checkout-485de363] { grid-column: 2 / -1;
}
.history-proof-customer[data-v-osaka-checkout-485de363] { padding: 16px 12px 24px;
}
.history-proof-customer > div[data-v-osaka-checkout-485de363] { grid-template-columns: minmax(0, 1fr);
}
.history-proof-footer[data-v-osaka-checkout-485de363] { grid-template-columns: 88px minmax(0, 1fr) 88px; gap: 6px; padding: 8px 10px;
}
.history-proof-footer > button[data-v-osaka-checkout-485de363] { min-height: 44px;
}
.history-proof-footer > div[data-v-osaka-checkout-485de363] { min-width: 0; flex-direction: column; gap: 0; font-size: 11px;
}
}


.records-shell[data-v-osaka-checkout-83899a47] { display: flex; flex-direction: column; gap: 12px; min-height: 100%;
}
.records-range-row[data-v-osaka-checkout-83899a47] { display: flex; align-items: center; justify-content: space-between; gap: 12px;
}
.records-toolbar[data-v-osaka-checkout-83899a47] {
  display: grid;
  grid-template-columns: 170px 110px minmax(180px, 1fr) auto auto;
  gap: 8px;
  padding: 12px;
  border: 1px solid #e6e9ef;
  border-radius: 12px;
  background: #fff;
}
.records-content[data-v-osaka-checkout-83899a47] { min-height: 280px;
}
.record-grid[data-v-osaka-checkout-83899a47] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;
}
.record-card[data-v-osaka-checkout-83899a47] {
  min-height: 126px;
  padding: 16px;
  border: 1px solid #e1e6ee;
  border-radius: 14px;
  background: #fff;
  color: #1f2937;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 3px 12px rgba(31, 41, 55, 0.06);
  transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}
.record-card[data-v-osaka-checkout-83899a47]:hover,
.record-card[data-v-osaka-checkout-83899a47]:focus-visible { border-color: #84aaf5; box-shadow: 0 8px 22px rgba(51, 103, 209, 0.14); transform: translateY(-1px); outline: none;
}
.record-card-top[data-v-osaka-checkout-83899a47],
.record-card-core[data-v-osaka-checkout-83899a47],
.record-card-operator[data-v-osaka-checkout-83899a47] { display: flex; align-items: center; justify-content: space-between; gap: 12px;
}
.record-card-top time[data-v-osaka-checkout-83899a47] { color: #697386; font-size: 13px; font-weight: 600;
}
.record-type[data-v-osaka-checkout-83899a47] { display: inline-flex; align-items: center; min-height: 26px; padding: 3px 9px; border-radius: 999px; font-size: 12px; font-weight: 750;
}
.record-type.is-danger[data-v-osaka-checkout-83899a47] { color: #b42318; background: #feeceb;
}
.record-type.is-warning[data-v-osaka-checkout-83899a47] { color: #a15c00; background: #fff3d6;
}
.record-type.is-info[data-v-osaka-checkout-83899a47] { color: #2458a6; background: #eaf2ff;
}
.record-card-core[data-v-osaka-checkout-83899a47] { margin: 20px 0 17px;
}
.record-card-core > strong[data-v-osaka-checkout-83899a47] { font-size: 22px; letter-spacing: 0.02em;
}
.record-card-core > b[data-v-osaka-checkout-83899a47] { font-size: 21px;
}
.record-card-operator[data-v-osaka-checkout-83899a47] { padding-top: 11px; border-top: 1px solid #eef1f5; font-size: 13px;
}
.record-card-operator span[data-v-osaka-checkout-83899a47] { color: #8a94a6;
}
.record-card-operator strong[data-v-osaka-checkout-83899a47] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.is-negative[data-v-osaka-checkout-83899a47] { color: #c92a2a;
}
.is-positive[data-v-osaka-checkout-83899a47] { color: #16803c;
}
.is-neutral[data-v-osaka-checkout-83899a47] { color: #5d6675;
}
.record-pagination[data-v-osaka-checkout-83899a47] { align-self: flex-end; margin-top: 2px;
}
.record-detail[data-v-osaka-checkout-83899a47] { display: flex; flex-direction: column; gap: 16px; min-height: 180px;
}
.detail-hero[data-v-osaka-checkout-83899a47] { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 16px; border-radius: 12px; background: #f6f8fb;
}
.detail-hero h3[data-v-osaka-checkout-83899a47] { margin: 9px 0 0; color: #1f2937; font-size: 17px; line-height: 1.45;
}
.detail-hero > strong[data-v-osaka-checkout-83899a47] { flex: 0 0 auto; font-size: 24px;
}
.detail-items h4[data-v-osaka-checkout-83899a47] { margin: 0 0 8px; color: #374151;
}
.technical-evidence pre[data-v-osaka-checkout-83899a47] { max-height: 280px; margin: 0; padding: 12px; overflow: auto; border-radius: 8px; background: #121826; color: #e5e7eb; font-size: 12px; line-height: 1.5;
}
code[data-v-osaka-checkout-83899a47] { color: #475569; font-size: 12px;
}
@media (max-width: 920px) {
.records-toolbar[data-v-osaka-checkout-83899a47] { grid-template-columns: repeat(2, minmax(0, 1fr));
}
.records-toolbar[data-v-osaka-checkout-83899a47] > :nth-child(3) { grid-column: 1 / -1;
}
}
@media (max-width: 620px) {
.records-toolbar[data-v-osaka-checkout-83899a47] { grid-template-columns: 1fr;
}
.records-toolbar[data-v-osaka-checkout-83899a47] > :nth-child(3) { grid-column: auto;
}
.record-grid[data-v-osaka-checkout-83899a47] { grid-template-columns: 1fr;
}
.record-card[data-v-osaka-checkout-83899a47] { min-height: 118px;
}
.detail-hero[data-v-osaka-checkout-83899a47] { align-items: stretch; flex-direction: column;
}
}


.reduction-records-drawer .el-drawer__body { padding: 14px; background: #f5f7fa;
}
.reduction-record-detail-dialog.el-dialog {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 24px);
  max-height: calc(100dvh - 24px);
}
.reduction-record-detail-dialog .el-dialog__header,
.reduction-record-detail-dialog .el-dialog__footer { flex: 0 0 auto;
}
.reduction-record-detail-dialog .el-dialog__body {
  min-height: 0;
  padding-top: 8px;
  overflow-y: auto;
}
@media (max-width: 620px) {
.reduction-record-detail-dialog.el-dialog {
    width: calc(100% - 16px) !important;
    max-height: calc(100vh - 16px);
  max-height: calc(100dvh - 16px);
    margin: 8px auto !important;
}
.reduction-record-detail-dialog .el-dialog__body { padding: 8px 12px;
}
.reduction-record-detail-dialog .el-dialog__header { padding: 14px 16px 10px;
}
.reduction-record-detail-dialog .el-dialog__footer { padding: 10px 16px 12px;
}
}


.page-title[data-v-osaka-checkout-275c8c17] { font-size: 20px; font-weight: 600; color: #262626; margin-bottom: 20px;
}
.card-title[data-v-osaka-checkout-275c8c17] { font-weight: 600; font-size: 15px;
}
.tip[data-v-osaka-checkout-275c8c17] { margin-left: 12px; font-size: 12px; color: #8c8c8c;
}
.block-tip[data-v-osaka-checkout-275c8c17] { display: block; margin: 6px 0 0;
}
.mode-cards[data-v-osaka-checkout-275c8c17] { display: flex; gap: 8px; width: 100%;
}
.settings-card[data-v-osaka-checkout-275c8c17] { max-width: 980px; margin-bottom: 20px;
}
.buffet-form[data-v-osaka-checkout-275c8c17] .el-form-item__label { line-height: 1.2; margin-bottom: 6px;
}
.field-with-unit[data-v-osaka-checkout-275c8c17] { display: flex; align-items: center; gap: 8px; width: 100%;
}
.field-with-unit[data-v-osaka-checkout-275c8c17] .el-input-number { width: 128px; flex: 0 0 128px;
}
.field-with-unit span[data-v-osaka-checkout-275c8c17] { color: #8c8c8c; font-size: 12px; white-space: nowrap;
}
.inline-setting[data-v-osaka-checkout-275c8c17] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
}
.time-pair[data-v-osaka-checkout-275c8c17] { display: flex; align-items: center; gap: 8px; width: 100%; flex-wrap: nowrap;
}
.time-pair[data-v-osaka-checkout-275c8c17] .el-date-editor.el-input { width: 118px; flex: 0 0 118px;
}
.card-head-row[data-v-osaka-checkout-275c8c17] { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%;
}
.buffet-rule-toolbar[data-v-osaka-checkout-275c8c17] { display: grid; grid-template-columns: minmax(180px, 1fr) 180px 180px; gap: 10px; margin-bottom: 12px;
}
.dish-rule-name[data-v-osaka-checkout-275c8c17] { display: flex; flex-direction: column; gap: 2px; line-height: 1.35;
}
.dish-rule-name span[data-v-osaka-checkout-275c8c17],
.text-muted[data-v-osaka-checkout-275c8c17] { color: #909399; font-size: 12px;
}
.buffet-rule-footer[data-v-osaka-checkout-275c8c17] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 10px; color: #8c8c8c; font-size: 12px;
}
.mode-card[data-v-osaka-checkout-275c8c17] {
  flex: 1; border: 2px solid #e4e7ed; border-radius: 8px;
  padding: 8px 12px; cursor: pointer; transition: all 0.2s;
}
.mode-card[data-v-osaka-checkout-275c8c17]:hover { border-color: #a0cfff;
}
.mode-card.active[data-v-osaka-checkout-275c8c17] { border-color: #409eff; background: #ecf5ff;
}
.mc-title[data-v-osaka-checkout-275c8c17] { font-size: 13px; font-weight: 600; color: #303133;
}
.mc-desc[data-v-osaka-checkout-275c8c17] { font-size: 11px; color: #909399; margin-top: 2px;
}
.version-info[data-v-osaka-checkout-275c8c17] { display: flex; flex-direction: column; gap: 12px;
}
.version-row[data-v-osaka-checkout-275c8c17] { display: flex; align-items: center; gap: 12px; font-size: 14px;
}
.v-label[data-v-osaka-checkout-275c8c17] { color: #8c8c8c; min-width: 70px;
}
.version-actions[data-v-osaka-checkout-275c8c17] { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 4px;
}
.link-row[data-v-osaka-checkout-275c8c17] { display: flex; align-items: center; gap: 12px;
}
.site-link[data-v-osaka-checkout-275c8c17] { color: #409eff; text-decoration: none; word-break: break-all;
}
.site-link[data-v-osaka-checkout-275c8c17]:hover { text-decoration: underline;
}
.slots-wrap[data-v-osaka-checkout-275c8c17] { display: flex; flex-direction: column; gap: 6px; width: 100%;
}
.slot-row[data-v-osaka-checkout-275c8c17] { display: flex; align-items: center; gap: 6px;
}
.slot-dash[data-v-osaka-checkout-275c8c17] { color: #999;
}
.settings-tabs[data-v-osaka-checkout-275c8c17] { max-width: 980px; margin-bottom: 80px;
}
.settings-tabs[data-v-osaka-checkout-275c8c17] .el-tabs__header { position: sticky; top: 0; z-index: 10; background: #fff;
}
.settings-tabs[data-v-osaka-checkout-275c8c17] .el-tabs__nav { white-space: nowrap;
}
.settings-tabs[data-v-osaka-checkout-275c8c17] .el-tab-pane { padding-top: 12px;
}
.save-bar[data-v-osaka-checkout-275c8c17] {
  position: sticky;
  bottom: 12px;
  max-width: 720px;
  padding: 8px 0;
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}
.save-bar .el-button[data-v-osaka-checkout-275c8c17] {
  min-width: 160px;
  box-shadow: 0 4px 12px rgba(64, 158, 255, 0.3);
}
@media (max-width: 760px) {
.buffet-rule-toolbar[data-v-osaka-checkout-275c8c17] { grid-template-columns: 1fr;
}
.card-head-row[data-v-osaka-checkout-275c8c17] { align-items: flex-start; flex-direction: column;
}
.time-pair[data-v-osaka-checkout-275c8c17] { flex-wrap: wrap;
}
}


.management-shell[data-v-osaka-checkout-24fa5a03] { display: flex; flex-direction: column; gap: 16px;
}
.management-stats[data-v-osaka-checkout-24fa5a03] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px;
}
.management-stats > div[data-v-osaka-checkout-24fa5a03] { display: flex; flex-direction: column; gap: 8px; padding: 14px; border: 1px solid #e5e7eb; border-radius: 10px; background: #fff;
}
.management-stats span[data-v-osaka-checkout-24fa5a03] { color: #7b8494; font-size: 12px;
}
.management-stats strong[data-v-osaka-checkout-24fa5a03] { color: #243044; font-size: 18px;
}
.retention-form span[data-v-osaka-checkout-24fa5a03] { margin-left: 10px; color: #7b8494; font-size: 12px;
}
.records-card-head[data-v-osaka-checkout-24fa5a03] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px;
}
.records-card-head > strong[data-v-osaka-checkout-24fa5a03] { flex: 1 1 240px; min-width: 0;
}
.records-card-head > .records-filters[data-v-osaka-checkout-24fa5a03] { display: grid; flex: 1 1 440px; grid-template-columns: minmax(120px, 145px) minmax(160px, 1fr) max-content; gap: 8px;
}
.management-pagination[data-v-osaka-checkout-24fa5a03] { display: flex; justify-content: flex-end; margin-top: 14px;
}
.negative[data-v-osaka-checkout-24fa5a03] { color: #c92a2a;
}
.positive[data-v-osaka-checkout-24fa5a03] { color: #16803c;
}
@media (max-width: 760px) {
.management-stats[data-v-osaka-checkout-24fa5a03] { grid-template-columns: repeat(2, minmax(0, 1fr));
}
.records-card-head[data-v-osaka-checkout-24fa5a03] { align-items: stretch; flex-direction: column;
}
.records-card-head > strong[data-v-osaka-checkout-24fa5a03] { flex: initial;
}
.records-card-head > .records-filters[data-v-osaka-checkout-24fa5a03] { flex: initial; width: 100%; grid-template-columns: 1fr;
}
.retention-form[data-v-osaka-checkout-24fa5a03] .el-form-item { display: block;
}
.retention-form span[data-v-osaka-checkout-24fa5a03] { display: block; margin: 6px 0 0;
}
}
.management-shell[data-v-osaka-checkout-24fa5a03], .records-card[data-v-osaka-checkout-24fa5a03] { min-width: 0; max-width: 100%;
}
.management-fieldset[data-v-osaka-checkout-24fa5a03] { border: 0; padding: 0; margin: 0; min-width: 0;
}
.management-notice[data-v-osaka-checkout-24fa5a03] { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; border: 1px solid #d6e2f2; border-radius: 8px; padding: 12px; background: #f2f6fc; line-height: 1.5;
}
.table-scroll-help[data-v-osaka-checkout-24fa5a03] { color: #657185; font-size: 12px;
}
.management-shell[data-v-osaka-checkout-24fa5a03] .el-button { max-width: 100%; white-space: normal; height: auto; min-height: 32px;
}
.management-shell[data-v-osaka-checkout-24fa5a03] .el-button > span { white-space: normal; line-height: 1.4;
}
.management-shell[data-v-osaka-checkout-24fa5a03] .el-checkbox { height: auto; min-height: 32px;
}
.management-shell[data-v-osaka-checkout-24fa5a03] .el-checkbox__label { white-space: normal;
}
@media (max-width: 760px) {
.management-stats strong[data-v-osaka-checkout-24fa5a03] { font-size: 15px; overflow-wrap: anywhere;
}
.retention-form[data-v-osaka-checkout-24fa5a03] .el-form-item__label { display: block; width: auto !important; height: auto; line-height: 1.4; text-align: left; margin-bottom: 7px;
}
.retention-form[data-v-osaka-checkout-24fa5a03] .el-form-item__content { margin-left: 0 !important; min-width: 0; gap: 8px;
}
.retention-form[data-v-osaka-checkout-24fa5a03] .el-select { width: 100% !important;
}
.retention-form[data-v-osaka-checkout-24fa5a03] .el-button + .el-button { margin-left: 0;
}
}


.page-title[data-v-osaka-checkout-6cc50f2a] {
  font-size: 20px;
  font-weight: 600;
  color: #262626;
  margin-bottom: 16px;
}
.stat-grid[data-v-osaka-checkout-6cc50f2a] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
.stat-grid[data-v-osaka-checkout-6cc50f2a] { grid-template-columns: repeat(4, 1fr);
}
}
.stat-card[data-v-osaka-checkout-6cc50f2a] {
  background: #fff; border-radius: 10px; padding: 12px;
  border: 1px solid #f0f0f0;
}
.stat-label[data-v-osaka-checkout-6cc50f2a] { font-size: 12px; color: #8c8c8c; margin-bottom: 4px;
}
.stat-value[data-v-osaka-checkout-6cc50f2a] { font-size: clamp(16px, 5vw, 24px); font-weight: 700; color: #262626;
}
.refund-value[data-v-osaka-checkout-6cc50f2a] { color: #c45656;
}
.tva-totals[data-v-osaka-checkout-6cc50f2a] {
  display: flex;
  gap: 32px;
  padding: 16px 0 4px;
  font-size: 15px;
  color: #595959;
}
.existing-invoices[data-v-osaka-checkout-6cc50f2a] {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #ebeef5;
}
.existing-invoices-title[data-v-osaka-checkout-6cc50f2a] {
  margin-bottom: 8px;
  font-weight: 600;
  color: #303133;
}
.existing-invoice-row[data-v-osaka-checkout-6cc50f2a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 8px;
}