.export-form {
    display: flex;
    align-items: flex-end;
    gap: .8rem;
    flex-wrap: wrap;
}
.export-form label { margin: 0; min-width: 320px; }
.voucher-action { min-width: 220px; }
.voucher-action summary { list-style: none; white-space: nowrap; }
.voucher-action summary::-webkit-details-marker { display: none; }
.voucher-action form {
    display: flex;
    align-items: flex-end;
    gap: .5rem;
    margin-top: .6rem;
}
.voucher-action label { margin: 0; }
.voucher-action input { min-width: 220px; }
.status-free { background: #ecfdf3; color: #067647; }
.status-exported { background: #eff8ff; color: #175cd3; }
.status-used { background: #f2f4f7; color: #344054; }
.audit-details {
    max-width: 520px;
    white-space: normal;
    word-break: break-word;
    font: 12px/1.4 ui-monospace, SFMono-Regular, Consolas, monospace;
}
@media (max-width: 760px) {
    .export-form, .voucher-action form { align-items: stretch; flex-direction: column; }
    .export-form label, .voucher-action input { min-width: 100%; }
}
.voucher-action{min-width:0;position:relative}
.voucher-action summary{white-space:normal}
.voucher-action form{flex-direction:column;align-items:stretch;white-space:normal;min-width:0}
.voucher-action input{min-width:0;width:100%}
.voucher-dialog{width:min(420px,calc(100vw - 2rem));max-height:85vh;border:1px solid var(--line);border-radius:12px;padding:1.4rem;box-shadow:0 20px 50px #0003}
.voucher-dialog::backdrop{background:#101828a8}.voucher-dialog input{min-width:0;width:100%}
.voucher-dialog .dialog-actions{display:flex;gap:.7rem;justify-content:flex-end;margin-top:1rem}
.export-form{flex:1;min-width:0}.export-form label{min-width:240px;max-width:100%}