.voucher-tabs,.voucher-actions,.voucher-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.voucher-tabs{margin:22px 0}.voucher-tabs button{border:1px solid #decab4;background:transparent;color:#503421;padding:10px 16px;border-radius:24px;cursor:pointer;font:inherit;font-size:13px}.voucher-tabs button[aria-pressed=true]{background:#422a1e;color:#fffaf0;border-color:#422a1e}.voucher-tabs span{margin-left:5px;opacity:.8}.voucher-grid,.offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.voucher-card,.offer-card{padding:24px;border:1px solid #ddcbb7;border-radius:14px;background:#fffdf8;min-width:0;overflow-wrap:anywhere}.voucher-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.voucher-card h3{font:28px/1.25 Georgia,serif;color:#593b26;margin:20px 0 10px}.voucher-terms,.voucher-note,.offer-help{font-size:12px;line-height:1.7;color:#78634f}.voucher-code{font-weight:600;letter-spacing:2px;border-top:1px dashed #ddcbb7;padding-top:18px;user-select:all}.voucher-actions{margin-top:20px}.voucher-empty{padding:24px 0;color:#78634f}.voucher-pagination{margin-top:18px}#account-vouchers{margin:34px 0 42px;scroll-margin-top:30px}.offer-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}.offer-stats div{min-width:0}.offer-stats dt{font-size:11px;color:#78634f;line-height:1.6}.offer-stats dd{margin:4px 0 0;font-size:24px;font-weight:600;color:#5b3921}.offer-stats .offer-money dd{font-size:19px}.offer-card h2{font-size:22px;margin:12px 0}.offer-card .voucher-actions{border-top:1px solid #e6d8c7;padding-top:18px}.offer-editor{max-width:850px}.offer-editor fieldset{border:0;padding:0;margin:0}.offer-editor .field-row{gap:18px}.offer-editor .notice{margin:20px 0}.offer-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.offer-recipient{padding:18px;border:1px solid #e6d8c7;border-radius:10px;overflow-wrap:anywhere}.offer-recipient p{margin:6px 0}.offer-recipient small{display:block;color:#78634f;font-size:12px;line-height:1.7}
@media(max-width:650px){.voucher-grid,.offer-grid,.offer-report-grid{grid-template-columns:1fr}.voucher-card,.offer-card{padding:20px}.voucher-card h3{font-size:26px}.voucher-tabs{gap:8px}.voucher-tabs button{padding:10px 12px;font-size:12px}.offer-stats{gap:12px}.offer-editor .field-row{grid-template-columns:1fr}.voucher-actions .button{flex:1;text-align:center}.offer-stats dd{font-size:22px}}
.offer-email-preview{width:min(900px,calc(100vw - 24px));max-width:900px;max-height:92dvh;padding:0;border:1px solid #decab4;border-radius:16px;background:#fcf8f0;color:#422a1e;overflow:auto}.offer-email-preview::backdrop{background:rgb(39 26 18 / .6)}.offer-email-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #dfd1bd}.offer-email-heading h2{margin:5px 0 0;font-size:28px}.offer-email-content{padding:20px 24px}.offer-email-subject{margin:0 0 12px;overflow-wrap:anywhere;font-size:14px}.offer-email-controls{margin:16px 0}.offer-email-canvas{padding:12px;background:#eee6d9;border-radius:10px}.offer-email-canvas iframe{display:block;margin:auto;width:100%;max-width:680px;height:min(65vh,800px);border:0;background:#fff}.offer-email-canvas.is-mobile iframe{max-width:375px}.offer-email-text{padding:18px;background:#fff;border:1px solid #dfd1bd;border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 system-ui,sans-serif}.offer-email-preview [hidden]{display:none!important}@media(max-width:600px){.offer-email-heading,.offer-email-content{padding:16px}.offer-email-canvas{padding:4px}.offer-email-heading h2{font-size:24px}.offer-email-controls button{flex:1;padding:9px 8px}}

/* Use TLB's existing, locally hosted Chelsea Market and Lobster font faces. */
#voucher-manager,.voucher-details-dialog,.offer-email-preview{font-family:Chelsea,'Trebuchet MS',sans-serif}
#voucher-manager h1,#voucher-manager h2,.voucher-details-heading h2,.offer-email-heading h2{font-family:Lobster,Georgia,serif;font-weight:400;letter-spacing:0}
.voucher-card h3,#voucher-manager h3{font-family:Chelsea,'Trebuchet MS',sans-serif;font-weight:400}
/* Several vouchers share compact, paged rows; a single voucher keeps its full card. */
.voucher-compact-list{display:grid;gap:10px}
.voucher-compact{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 18px;border:1px solid #dfcdb4;border-radius:11px;background:#f7f0e4;min-width:0}
.voucher-compact-main{min-width:0}.voucher-compact .voucher-compact-name{margin:0 0 5px!important;font-size:11px;line-height:1.45;color:#82694e;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
.voucher-compact h3{font:400 25px/1.15 Georgia,serif;letter-spacing:-.5px;color:#634329;margin:0 0 7px}
.voucher-compact .voucher-compact-terms,.voucher-compact .voucher-compact-expiry{font-size:10px;line-height:1.6;color:#806b55;margin:0!important;overflow-wrap:anywhere}
.voucher-compact-actions{display:grid;gap:6px}.voucher-compact-actions .button{min-width:66px;min-height:38px;padding:8px 12px;font-size:11px;font-weight:600;border-radius:7px}
.voucher-compact-pagination{justify-content:space-between;gap:10px;margin:16px 0 0}.voucher-compact-pagination span{font-size:11px;color:#806b55}.voucher-compact-pagination .button{font-size:11px;min-height:38px;padding:8px 12px}
.voucher-details-dialog{width:min(480px,calc(100vw - 24px));max-width:480px;max-height:90dvh;overflow:auto;padding:20px;border:1px solid #dfcdb4;border-radius:16px;background:#fffdf8;color:#493020}
.voucher-details-dialog::backdrop{background:rgb(39 26 18 / .5)}.voucher-details-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.voucher-details-heading h2{font:400 26px/1.2 Georgia,serif;margin:0;color:#493020}.voucher-details-heading .button{min-height:40px;padding:9px 12px;font-size:12px}
.voucher-details-dialog .voucher-card{background:#f7f0e4;padding:22px}.voucher-details-dialog .voucher-card h3{font:400 28px/1.2 Georgia,serif;margin-top:18px}.voucher-details-dialog .voucher-card>p{font-size:12px}
.voucher-details-dialog .voucher-actions .button{min-height:42px;flex:1}.voucher-details-dialog [data-voucher-message]{font-size:12px;margin:14px 0 0}.voucher-details-dialog [data-voucher-message]:empty{display:none}
@media(max-width:380px){.voucher-compact{padding:14px 12px;gap:10px}.voucher-compact h3{font-size:23px}.voucher-compact-actions .button{min-width:58px;padding:9px;font-size:10px}.voucher-details-dialog{padding:16px}.voucher-details-dialog .voucher-card{padding:18px}}

#account-vouchers .button-secondary:hover:not(:disabled),.voucher-details-dialog .button-secondary:hover:not(:disabled){background:#eee3d3;color:#493020;border-color:#cdb79a}

.account-dashboard .voucher-compact h3,.voucher-details-dialog .voucher-card h3{font-family:Chelsea,'Trebuchet MS',sans-serif;font-weight:400}
