/* Tablify Business — ticket picker in the booking widget */
.tablify .tfp-tickets { display: grid; gap: 8px; }
.tablify .tfp-ticket { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid var(--tf-border, #e7e2db); border-radius: var(--tf-radius, 12px); background: var(--tf-surface, #fff); }
.tablify .tfp-ticket-main { display: grid; gap: 2px; min-width: 0; }
.tablify .tfp-ticket-name { font-weight: 600; }
.tablify .tfp-ticket-price { font-variant-numeric: tabular-nums; }
.tablify .tfp-ticket-max { font-size: 12px; color: var(--tf-muted, #8a827a); }
.tablify .tfp-ticket-qty { display: inline-flex; align-items: center; gap: 10px; flex: none; }
.tablify .tfp-ticket-qty output { min-width: 1.5em; text-align: center; font-weight: 600; font-variant-numeric: tabular-nums; }
.tablify .tfp-ticket-total { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; padding: 4px 2px 0; }
.tablify .tfp-ticket-total strong { margin-left: auto; font-size: 16px; }
.tablify .tfp-ticket-pay { flex-basis: 100%; text-align: right; font-size: 12px; color: var(--tf-muted, #8a827a); }
.tablify .tfp-sum-tickets { display: grid; gap: 4px; padding: 8px 0 0; font-size: 14px; }
.tablify .tfp-sum-ticket { display: flex; justify-content: space-between; gap: 12px; }
.tablify .tfp-manage-tickets { margin: 10px 0 0; padding: 10px 14px; border-radius: var(--tf-radius, 12px); background: var(--tf-surface-2, #faf8f5); }