/* DiscountVoucher: scoped composition; shared theme owns controls and Kendo chrome. */
.voucher-page { min-width: 0; }
.voucher-page .admin-page-header { margin-bottom: 24px; }
.voucher-page .voucher-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; padding: 20px; }
.voucher-page .voucher-search { width: 360px; max-width: 100%; }
.voucher-page .voucher-list { padding: 0; }
.voucher-page .voucher-grid { min-width: 0; padding: 0 20px 20px; }
.voucher-page .voucher-code { font-weight: 600; overflow-wrap: anywhere; }
.voucher-page .voucher-list .voucher-code { white-space: nowrap; overflow-wrap: normal; }
.voucher-page .voucher-list .k-grid { --mkp-grid-cell-y: 10px; }
.voucher-page .voucher-list th.k-header { font-size: var(--mkp-font-size); color: var(--mkp-foreground); }
.voucher-page .voucher-number { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.voucher-page .voucher-client { min-width: 140px; overflow-wrap: anywhere; }
.voucher-page .voucher-tabs { margin-bottom: 20px; width: fit-content; max-width: 100%; }
.voucher-page .voucher-form-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr); gap: 20px; align-items: start; }
.voucher-page .voucher-section { padding: 24px; }
.voucher-page .voucher-section + .voucher-section { border-top: 1px solid var(--mkp-border); }
.voucher-page .voucher-section h2 { margin: 0 0 6px; font-size: 1rem; font-weight: 600; line-height: 1.5; }
.voucher-page .voucher-section-description { margin: 0 0 20px; color: var(--mkp-muted-foreground); }
.voucher-page .voucher-readonly { padding: 9px 12px; margin: 0; border: 1px solid var(--mkp-border); border-radius: var(--mkp-radius); background: var(--mkp-muted); }
.voucher-page .voucher-usage-summary { margin: 20px 0; }
.voucher-page .voucher-usage-summary > div { display: flex; gap: 16px; align-items: baseline; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid var(--mkp-border); }
.voucher-page .voucher-usage-summary dt { color: var(--mkp-muted-foreground); font-weight: 400; }
.voucher-page .voucher-usage-summary dd { margin: 0; font-size: 1.125rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.voucher-page .voucher-status { padding-top: 16px; border-top: 1px solid var(--mkp-border); }
.voucher-page .voucher-status .form-check { margin-bottom: 0; }
.voucher-page .voucher-form-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--mkp-border); }
.voucher-page .voucher-empty { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 8px; padding: 32px 16px; min-height: 140px; white-space: normal; text-align: center; }
.voucher-page .voucher-empty span { color: var(--mkp-muted-foreground); }
@media (max-width: 991.98px) {
    .voucher-page .voucher-form-layout { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 575.98px) {
    .voucher-page .voucher-section, .voucher-page .voucher-toolbar { padding: 16px; }
    .voucher-page .voucher-grid { padding: 0 16px 16px; }
    .voucher-page .voucher-search { width: 100%; }
    .voucher-page .voucher-tabs { width: 100%; }
    .voucher-page .voucher-tabs .nav-item { flex: 1 1 100%; }
}