/* Promo code box on the cart, and the status pill on /Admin/Coupons. */
.promo-applied{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid #bcdcc0;border-radius:6px;background:#eef8ee}
.promo-applied>div{margin-right:auto;min-width:0}
.promo-applied b{display:block;font:800 11px Poppins;letter-spacing:.04em;color:#17672d}
.promo-applied small{display:block;margin-top:2px;color:#5a6a5c;font-size:9px}
.promo-applied form{display:block;height:auto}
.promo-applied button{padding:5px 10px;border:1px solid #cbd8c9;border-radius:5px;background:#fff;color:#8a4a44;font:700 9px Poppins;cursor:pointer}
.promo-applied button:hover{background:#fbf1f0}

.promo-note{margin:8px 0 0;font-size:9px;line-height:1.5}
.promo-note.error{color:#a4453d}
.promo-note.ok{color:#2c7a34}

.promo-offers{margin-top:11px;border-top:1px solid #eceee9;padding-top:9px}
.promo-offers summary{font-size:9px;font-weight:800;color:var(--gsb-green);cursor:pointer;list-style:none}
.promo-offers summary::-webkit-details-marker{display:none}
.promo-offers summary::after{content:" ›"}
.promo-offer{display:flex!important;align-items:center;gap:8px;height:auto!important;grid-template-columns:none!important;margin-top:8px;padding:7px 9px;border:1px dashed #cdd8ca;border-radius:6px;background:#fafcf9}
.promo-offer>div{margin-right:auto;min-width:0}
.promo-offer b{display:block;font:800 10px Poppins;letter-spacing:.04em;color:#17672d}
.promo-offer small{display:block;margin-top:1px;color:#6a756e;font-size:8.5px}
.promo-offer button{flex:0 0 auto;padding:5px 11px;border:0;border-radius:5px!important;background:var(--gsb-green);color:#fff;font:800 9px Poppins;cursor:pointer}
.promo-offer button[disabled]{background:#b7c4b6;cursor:default}

.coupon-status{display:inline-block;padding:3px 9px;border-radius:20px;font:700 11px Poppins}
.coupon-status.live{background:#e4f4d8;color:#17672d}
.coupon-status.off{background:#eceef0;color:#6a756e}
.coupon-status.expired{background:#fbe7e5;color:#a4453d}
.coupon-status.scheduled{background:#e9edfb;color:#41519a}
.coupon-status.claimed{background:#fff2c9;color:#8a6a12}

.coupon-form select,.coupon-form input{padding:8px 10px;border:1px solid #cfdac9;border-radius:6px;font-size:13px}
.coupon-form label small{font-weight:400;color:#6a756e}

/* Green Points ledger on the account dashboard. */
.reward-ledger{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}
.reward-ledger li{display:flex;align-items:center;gap:10px;font-size:12px}
.reward-ledger span{display:flex;flex-direction:column;margin-right:auto;line-height:1.35}
.reward-ledger small{opacity:.7;font-size:10px}
.reward-ledger b{flex:0 0 auto;font-weight:800}
.reward-ledger b.earned{color:#2c7a34}
.reward-ledger b.spent{color:#a4453d}
.success-points{margin:10px 0 0;font-size:14px}
