/* DEV21 · photo coupons · small-screen-first and dark/light theme-safe */
.coupon-image-editor{display:grid;gap:10px;padding:16px;border:1px solid #d8e0e8;border-radius:18px;min-width:0;background:rgba(148,163,184,.06)}
.coupon-image-editor strong{font-size:15px}.coupon-image-editor .muted{font-size:12px}
.coupon-image-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.coupon-image-choice{appearance:none;border:2px solid transparent;border-radius:12px;overflow:hidden;background:#eff2f7;cursor:pointer;padding:0;color:#263142;text-align:center;font:inherit;min-width:0}
.coupon-image-choice img{display:block;width:100%;height:78px;object-fit:cover}.coupon-image-choice span{display:block;font-size:11px;padding:5px 3px}
.coupon-image-choice.is-selected{border-color:#6d28d9;box-shadow:0 0 0 2px rgba(109,40,217,.12)}
.coupon-image-picker-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.coupon-upload-action{cursor:pointer;display:inline-flex;align-items:center}
.coupon-image-preview{display:flex;align-items:center;gap:12px;font-size:12px;color:#475569}.coupon-image-preview[hidden]{display:none}.coupon-image-preview img{width:70px;height:66px;object-fit:cover;border-radius:10px}.coupon-icon:has(img){overflow:hidden;padding:0}.coupon-icon img{width:100%;height:100%;object-fit:cover}
.coupon-wallet-section{margin:6px 0 20px;padding:16px;border-radius:21px;background:#18191e;color:#f7f7f8;max-width:100%;box-shadow:0 12px 28px rgba(0,0,0,.12)}
.coupon-wallet-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.coupon-wallet-header h4{color:#fff;font-weight:800;font-size:23px;margin:0}.coupon-wallet-header p{font-size:13px;color:#bfc0c7;margin:4px 0 0}.coupon-wallet-header>span{font-size:28px}
.coupon-wallet-counters{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.coupon-wallet-counters span{background:#303136;color:#e6e7eb;border-radius:999px;padding:6px 10px;font-size:12px;line-height:1}.coupon-wallet-counters .coupon-counter-active{background:#123323;color:#7ee5a8}
.coupon-wallet-section .customer-coupon-list{display:grid;gap:12px}
.coupon-wallet-section .customer-coupon.coupon-wallet-item{display:grid;grid-template-columns:minmax(105px,32%) minmax(0,1fr);padding:0;border:0;background:#222327;border-radius:16px;overflow:hidden;align-items:stretch;gap:0;min-height:162px;box-shadow:none}
.coupon-wallet-item .coupon-visual{width:auto;height:auto;min-height:162px;border-radius:0;display:grid;place-items:center;background:linear-gradient(145deg,#6d28d9,#9333ea);font-size:40px;color:#fff;align-self:stretch;overflow:hidden;position:relative}
.coupon-wallet-item:nth-child(3n+2) .coupon-visual:not(.has-image){background:linear-gradient(145deg,#c96b10,#e88921)}
.coupon-wallet-item:nth-child(3n) .coupon-visual:not(.has-image){background:linear-gradient(145deg,#106b73,#138a8b)}
.coupon-wallet-item .coupon-visual img{width:100%;height:100%;min-height:162px;object-fit:cover;display:block;position:absolute;inset:0}
.coupon-wallet-item .coupon-copy{padding:14px;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:6px;color:#fff}
.coupon-wallet-item .coupon-copy b{display:block;font-size:18px;color:#fff;line-height:1.2;overflow-wrap:anywhere}
.coupon-wallet-item .coupon-copy small{color:#bfc0c7;line-height:1.35;margin:0;font-size:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.coupon-wallet-item .coupon-wallet-meta{display:flex;gap:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:auto}
.coupon-wallet-item .coupon-expiry{color:#c4c6cb;font-size:11px;margin:0}.coupon-wallet-status{color:#7ee5a8;background:#173925;padding:5px 8px;border-radius:999px;font-size:11px}
.coupon-wallet-item form{margin:3px 0 0!important;width:100%!important;grid-column:auto!important}
.coupon-wallet-item .coupon-wallet-button{width:100%;border-radius:999px!important;background:#f5f5f6!important;color:#18181b!important;border:0!important;padding:10px 12px!important;font-size:12px!important;font-weight:800;white-space:normal;min-height:36px}
.coupon-wallet-item .coupon-wallet-button:hover{background:#e1d7fd!important;color:#111!important}
.coupon-wallet-history{margin-top:15px;color:#e7e7e7;font-size:12px}.coupon-wallet-history summary{cursor:pointer}.coupon-wallet-history-row{display:flex;gap:12px;justify-content:space-between;border-top:1px solid #414147;padding:9px 0}
.redeem-coupon-cover{display:block;width:130px;height:130px;object-fit:cover;border-radius:24px;margin:0 auto}
@media(min-width:640px){.coupon-image-choices{grid-template-columns:repeat(6,minmax(0,1fr))}.coupon-image-choice img{height:88px}}
@media(max-width:420px){.coupon-wallet-section{padding:12px;border-radius:15px}.coupon-wallet-section .customer-coupon.coupon-wallet-item{grid-template-columns:minmax(88px,31%) minmax(0,1fr)}.coupon-wallet-item .coupon-copy{padding:11px;gap:5px}.coupon-wallet-item .coupon-copy b{font-size:16px}.coupon-wallet-item .coupon-visual,.coupon-wallet-item .coupon-visual img{min-height:160px}.coupon-wallet-item .coupon-wallet-button{font-size:11px!important}}