.customer-content:has(.voucher-toolbar){background:#f5f7fa;box-shadow:none;border:0;padding:20px 14px}.customer-content:has(.voucher-toolbar) h1{text-align:center;font-size:18px;margin-bottom:18px}.voucher-toolbar{padding:12px;background:white;border-radius:6px;margin:15px 0}.voucher-code-form{display:flex;gap:8px}.voucher-code-form input{width:100%;min-width:0;border:1px solid #dce5ef;border-radius:6px;padding:11px;font:500 12px var(--font-ui);color:#36546b}.voucher-code-form button{border:0;border-radius:6px;background:#28894c;color:white;padding:10px 18px;font:500 12px var(--font-ui)}.voucher-code-form button:disabled{background:#a0adbf;color:white;cursor:default}.voucher-status-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;background:#f0f3f8;border-radius:6px;margin-top:10px}.voucher-status-tabs button{border:0;border-radius:4px;background:transparent;color:#36556c;font:500 11px var(--font-ui);padding:9px 6px}.voucher-status-tabs button.selected{background:white;box-shadow:0 1px 4px #2d416615;color:#007438;font-weight:600}.voucher-ticket-list{display:grid;gap:10px}.voucher-ticket{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;background:white;border:1px solid #dfe7ef;border-radius:7px;padding:15px 12px;min-height:110px}.voucher-ticket>img{height:65px;width:56px;object-fit:contain}.voucher-ticket-info>strong{font-size:12px;line-height:1.8;font-weight:500;color:#2f5169;display:block}.customer-content .voucher-ticket-info>p{font-size:10px;line-height:1.8;color:#677d87;margin:6px 0}.voucher-take-button{border:1px solid #25a652;background:#f3fff0;color:#00803c;border-radius:6px;padding:10px 11px;font:500 10px var(--font-ui);white-space:nowrap}.voucher-take-button:disabled{background:#f4f8f1;border-color:#d1e2c9;color:#69875c;cursor:default}.voucher-ticket-details summary{font-size:9px;color:#557e68;cursor:pointer;line-height:1.8;margin-top:6px}.voucher-ticket-details code{display:block;color:#477341;font-size:10px;margin:10px 0 6px;overflow-wrap:anywhere}.customer-content .voucher-ticket-details p{font-size:10px;line-height:1.9;color:#85704d;margin:7px 0}.customer-content .voucher-feedback{font-size:11px;line-height:1.8;color:#936333;margin:12px 0 0}
@media(min-width:1050px){.account-main:has(.voucher-toolbar){max-width:1100px}.customer-layout:has(.voucher-toolbar){grid-template-columns:300px minmax(0,1fr)}}
@media(max-width:760px){.customer-content:has(.voucher-toolbar){padding:18px 0}.voucher-toolbar{padding:10px}.voucher-ticket{grid-template-columns:43px minmax(0,1fr) auto;gap:8px;padding:13px 10px}.voucher-ticket>img{width:43px;height:55px}.voucher-ticket-info>strong{font-size:11px;line-height:1.8}.voucher-take-button{padding:9px 8px;font-size:9px}.customer-content .voucher-ticket-info>p{font-size:9px}.voucher-code-form input{font-size:11px}.voucher-code-form button{font-size:11px;padding:10px 14px}.voucher-ticket-details summary{font-size:9px}}