/*
 * Shipitall Marketplace 0.10.0: seller codes on product and shop pages, the points notice at
 * cart and checkout, and My account › Points. Tokens come from the Shipitall theme.
 */
.sia-cpn { display: flex; flex-direction: column; gap: 8px; margin: 12px 0; min-width: 0; }
.sia-cpn__row { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px dashed var(--accent-line, #f3c3a6); border-radius: var(--radius-md, 10px); background: var(--accent-soft, #fdeee5); color: var(--ink, #1d2125); min-width: 0; }
.sia-cpn__icon { color: var(--accent, #c64c0a); display: inline-flex; flex: none; }
.sia-cpn__text { margin: 0; flex: 1 1 auto; min-width: 0; font: 500 14px/20px var(--font-sans, system-ui); overflow-wrap: anywhere; }
.sia-cpn__code { display: inline-block; padding: 0 6px; border-radius: var(--radius-sm, 6px); background: var(--surface-raised, #fff); color: var(--accent, #c64c0a); font: 700 14px/22px var(--font-mono, monospace); letter-spacing: .04em; }
.sia-cpn__end { display: block; font-size: 12px; line-height: 16px; color: var(--ink-muted, #5c6166); }
.sia-cpn__copy { flex: none; min-height: 36px; padding: 0 12px; border-radius: var(--radius-sm, 6px); border: 1px solid var(--accent, #c64c0a); background: var(--surface-raised, #fff); color: var(--accent, #c64c0a); font: 600 13px/1 var(--font-sans, system-ui); cursor: pointer; }
.sia-cpn__copy:hover { background: var(--accent, #c64c0a); color: var(--on-accent, #fff); }
.sia-cpn--shop { margin: 16px 0 0; }
@media (min-width: 768px) { .sia-cpn--shop { flex-direction: row; flex-wrap: wrap; } .sia-cpn--shop .sia-cpn__row { flex: 1 1 320px; } }

.sia-points-notice { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.sia-points-notice__btn { display: inline-flex; align-items: center; min-height: 36px; padding: 0 12px; border-radius: var(--radius-sm, 6px); background: var(--accent, #c64c0a); color: var(--on-accent, #fff) !important; font: 600 13px/1 var(--font-sans, system-ui); text-decoration: none !important; }
.sia-points-notice__btn:hover { background: var(--accent-hover, #a83f07); }

.sia-points__steps { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 6px; font-size: 14px; line-height: 20px; }
.sia-points__soon { margin: 6px 0 0; font-size: 13px; line-height: 18px; opacity: .85; }

/* Seller dashboard › Promote › Coupons */
.sia-promote-nav { margin-bottom: 12px; }
.sia-cpn-kpis { margin-bottom: 16px; }
@media (min-width: 1024px) { .sia-cpn-kpis { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.sia-cpns { list-style: none; margin: 0; padding: 0; }
.sia-cpns__item { display: flex; flex-wrap: wrap; align-items: center; gap: 0 8px; border-bottom: 1px solid var(--line); }
.sia-cpns__item:last-child { border-bottom: 0; }
.sia-cpns__item > .sia-row { flex: 1 1 260px; min-width: 0; border: 0; }
.sia-cpns__act { margin: 0 16px 12px 68px; }
@media (min-width: 600px) { .sia-cpns__act { margin: 0 16px 0 0; } }
.sia-cpns__icon { display: grid; place-items: center; background: var(--accent-soft); color: var(--accent); border-radius: var(--radius-md); }
.sia-cpns__pub { font: 500 12px/16px var(--font-sans); color: var(--ink-muted); }
.sia-cpns__nums { font-variant-numeric: tabular-nums; }
.sia-cpns__state { flex: none; display: inline-flex; align-items: center; min-height: 24px; padding: 0 10px; border-radius: 999px; font: 600 12px/1 var(--font-sans); white-space: nowrap; background: var(--surface-sunken); color: var(--ink-muted); }
.sia-cpns__state--success { background: var(--success-soft); color: var(--success); }
.sia-cpns__state--warning { background: var(--warning-soft); color: var(--warning); }
.sia-cpns__state--info { background: var(--accent-soft); color: var(--accent); }
.sia-seller__head .sia-cpns__state { margin-left: 8px; }
.sia-cpnform__code { font: 600 16px/22px var(--font-mono, monospace); letter-spacing: .06em; text-transform: uppercase; max-width: 320px; }
.sia-cpnform__pick { margin-top: 8px; border: 1px solid var(--line); border-radius: var(--radius-md); }
.sia-cpnform__pick > summary { min-height: 44px; display: flex; align-items: center; padding: 0 12px; cursor: pointer; font: 600 14px/20px var(--font-sans); }
.sia-cpnform__list { list-style: none; margin: 0; padding: 4px 12px 12px; max-height: 320px; overflow-y: auto; display: flex; flex-direction: column; gap: 8px; }
.sia-cpnform__list .sia-check span { overflow-wrap: anywhere; }