/* Pricing-owned layout; typography, colors and controls come from DS1. */
.discount-workspace{max-width:1200px;margin-inline:auto;min-width:0}
.discount-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:start}
.discount-panel{padding:24px;margin-bottom:20px;border-radius:var(--sb-radius-panel);background:var(--sb-surface);min-width:0}
.discount-panel h2,.discount-panel h3{margin-top:0}
.discount-panel p,.discount-benefits p,.discount-issued{overflow-wrap:anywhere;color:var(--sb-color-secondary)}
.discount-panel label{display:block;margin-block:16px}
.discount-panel :is(input:not([type=hidden]),select){display:block;min-height:48px;width:100%;min-width:0;padding:10px 12px;margin-top:8px;border-radius:var(--sb-radius-control);background:var(--sb-surface-control)}
.discount-panel button{min-height:48px;padding:10px 12px;border-radius:var(--sb-radius-control);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.discount-panel small,.discount-caption{display:block;margin-top:8px;color:var(--sb-color-muted);font-size:var(--sb-type-caption-size);line-height:var(--sb-type-caption-leading)}
.discount-tiers{border:0;padding:0;margin:20px 0;min-width:0}
.discount-tiers legend{font-weight:var(--sb-weight-strong)}
.discount-tier{display:grid;grid-template-columns:1fr 1fr 48px;gap:10px;align-items:end}
.discount-tier label{margin-block:8px}.discount-tier button{margin-bottom:8px}
.discount-note{padding:16px;border-radius:var(--sb-radius-control);background:var(--sb-surface-control);margin-block:16px}
.discount-sale-form{max-width:640px}
.discount-badges{position:relative;z-index:3;max-width:100%;margin-block:6px}
.discount-badges>summary{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;min-height:32px;cursor:pointer;list-style:none}
.discount-badges>summary::-webkit-details-marker{display:none}
.discount-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--sb-type-caption-size);line-height:var(--sb-type-caption-leading);color:var(--sb-color-action);max-width:100%;white-space:normal;overflow-wrap:anywhere}
.discount-badge .sb-icon{width:var(--sb-icon-meta-size)!important;height:var(--sb-icon-meta-size)!important}
.discount-benefits{padding:16px;background:var(--sb-surface);border-radius:var(--sb-radius-panel);min-width:0}
.discount-badges[open] .discount-benefits{position:relative;box-shadow:0 6px 24px #0f172a12}
.discount-modal,.discount-modal .sb-modal__panel{box-sizing:border-box}
.discount-modal .sb-modal__panel{width:min(100%,520px);padding:24px;background:var(--sb-surface);color:var(--sb-color-text)}
.discount-modal .discount-benefits{padding:0}
.discount-modal__head{display:flex;justify-content:flex-end}
.discount-modal button{min-height:44px;min-width:44px;padding:10px;border-radius:var(--sb-radius-control)}
.discount-modal .sb-modal__panel{max-height:calc(100dvh - 24px);overflow:auto}
.discount-issued{margin-block:10px;font-size:var(--sb-type-caption-size);line-height:var(--sb-type-caption-leading)}
.discount-workspace [hidden]{display:none!important}
@media(max-width:850px){.discount-columns{grid-template-columns:1fr}.discount-panel{padding:20px}}
@media(max-width:380px){.discount-panel{padding:16px}.discount-tier{grid-template-columns:1fr 1fr 44px;gap:6px}.discount-modal .sb-modal__panel{padding:20px}}

/* UX155 readable explanations. */
.discount-caption,.discount-note{font-size:var(--sb-type-body-size);line-height:var(--sb-leading-body)}