/* ============================================================
   checkout.css — 退房账单 / 结算页样式
   ============================================================ */

.checkout-layout { display: flex; gap: 16px; align-items: flex-start; flex-wrap: wrap; }

.bill-panel { flex: 1; min-width: 360px; }

/* 账单明细表 */
.bill-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.bill-table th, .bill-table td { padding: 10px 12px; border-bottom: 1px solid var(--border); text-align: left; }
.bill-table th { color: var(--muted); font-size: 12px; background: var(--panel2); }
.bill-table .amount { text-align: right; font-family: "SF Mono", Menlo, Consolas, monospace; }
.bill-table tr.total td { font-weight: 700; border-top: 2px solid var(--border2); border-bottom: none; }

/* 金额汇总卡 */
.bill-summary {
  width: 300px; background: var(--panel); border: 1px solid var(--border);
  border-radius: var(--radius-lg); padding: 20px;
}
.bill-summary .sum-title { font-size: 14px; font-weight: 700; margin-bottom: 16px; }
.bill-summary .sum-row {
  display: flex; justify-content: space-between; padding: 7px 0;
  font-size: 13px; color: var(--muted);
}
.bill-summary .sum-row .v { font-family: "SF Mono", Menlo, Consolas, monospace; color: var(--text); }
.bill-summary .sum-row.total {
  margin-top: 10px; padding-top: 14px; border-top: 2px solid var(--border2);
  font-weight: 700; font-size: 15px; color: var(--text);
}
.bill-summary .sum-row.total .v { color: var(--accent); font-size: 20px; }
.bill-summary .sum-row.paid {
  margin-top: 4px; padding-top: 8px; border-top: 1px dashed var(--border);
}
.bill-summary .sum-row.paid .v { color: var(--green); font-weight: 700; font-size: 14px; }
.bill-summary .sum-row.paid .pay-hint { font-size: 12px; font-weight: 400; color: var(--muted); }
.bill-summary .sum-row.paid .pay-hint .link-btn { font-size: 12px; padding: 0; }
.bill-summary .sum-row.due .v { color: var(--red); }
.bill-summary .sum-row.refund .v { color: var(--green); }

/* 收银按钮区 */
.bill-actions { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; }
.bill-actions .btn { width: 100%; height: 42px; font-size: 15px; }