.promo-admin{--promo-red:#c6283d;--promo-ink:#263244;--promo-muted:#66748a;color:var(--promo-ink)}
.promo-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.promo-heading h2,.promo-heading h3{margin:6px 0 8px}.promo-heading p{max-width:600px;color:var(--promo-muted);font-size:13px;line-height:1.6;margin:0 0 16px}.promo-eyebrow{color:var(--promo-red);font-size:10px;letter-spacing:.12em;font-weight:700}
.promo-safety{display:flex;flex-direction:column;gap:6px;border:1px solid #dce6f1;background:#f4f8fd;border-radius:12px;padding:16px;font-size:12px;line-height:1.6;margin:8px 0 22px}.promo-safety span{color:var(--promo-muted)}
.promo-toolbar{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:14px}.promo-toolbar label{max-width:300px;flex:1}.promo-admin label{font-size:12px;line-height:1.55}.promo-admin input:not([type=checkbox]),.promo-admin select{display:block;width:100%;min-width:0;min-height:44px;box-sizing:border-box;padding:10px 12px;margin-top:6px;border:1px solid #d9e0e9;background:white;border-radius:10px;font:inherit;color:var(--promo-ink)}
.promo-admin input:focus-visible,.promo-admin select:focus-visible,.promo-admin button:focus-visible{outline:3px solid #c6283d;outline-offset:3px}.promo-admin input[type=checkbox]{width:18px;height:18px;accent-color:#c6283d;flex-shrink:0}
.promo-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;margin-bottom:24px}.promo-rule{border:1px solid #e0e6ee;border-radius:14px;padding:18px;background:#fff;min-width:0}.promo-rule h3{font-size:16px;margin:12px 0 8px;overflow-wrap:anywhere}.promo-rule p{font-size:12px;line-height:1.6;color:var(--promo-muted);overflow-wrap:anywhere;margin:7px 0}.promo-rule-footer{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.promo-badge{border-radius:99px;background:#f1f3f7;color:#5b687c;padding:5px 9px;font-size:10px;display:inline-block}.promo-badge.active{background:#eaf7ef;color:#256b43}.promo-badge.scheduled{background:#eff4ff;color:#3c5a94}.promo-badge.expired{background:#fff4df;color:#856028}
.promo-editor{border:1px solid #dce3ed;background:#f8fafc;border-radius:16px;padding:22px;margin-top:20px}.promo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.promo-full{grid-column:1/-1}.promo-grid>label,.promo-grid>fieldset{min-width:0}.promo-admin fieldset{border:1px solid #e0e6ee;background:#fff;border-radius:12px;padding:14px;margin:0}.promo-admin legend{font-size:12px;font-weight:600;padding:0 5px}.promo-checks{display:flex;flex-wrap:wrap;gap:8px}.promo-checks label{display:flex;align-items:center;gap:8px;background:#f6f8fb;border:1px solid #e6ebf1;border-radius:8px;padding:9px;min-height:26px;overflow-wrap:anywhere}.promo-scroll{max-height:230px;overflow:auto}.promo-hint,.promo-admin small{font-size:11px;color:var(--promo-muted);line-height:1.65}.promo-admin small{display:block;margin-top:5px}.promo-options{display:flex;flex-direction:column;gap:12px}.promo-options label{display:flex;gap:8px;align-items:flex-start}.promo-benefit{border-top:1px solid #e0e6ee;padding-top:20px;margin-top:22px}.promo-price-rows{display:grid;gap:10px;max-height:420px;overflow:auto}.promo-price-row{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:12px;align-items:center;background:#fff;border:1px solid #e0e6ee;border-radius:10px;padding:12px}.promo-price-row strong{font-size:12px;overflow-wrap:anywhere}.promo-price-row input{margin:0!important}.promo-preview{border-left:3px solid #c6283d;border-radius:9px;padding:14px 16px;background:#fff;font-size:12px;line-height:1.7}.promo-preview p{margin:5px 0}.promo-activation{display:flex;gap:12px;background:#fff1f3;border:1px solid #f2d8de;border-radius:12px;padding:16px;margin:18px 0}.promo-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.promo-actions span{font-size:12px}.promo-empty{border:1px dashed #ccd5e1;background:#f8fafc;padding:24px;border-radius:12px;font-size:13px;color:var(--promo-muted);grid-column:1/-1}.promo-notice{font-size:12px;color:#376647;background:#f1f9f4;border:1px solid #dcebdc;padding:12px;border-radius:10px;margin:10px 0;line-height:1.6}
@media(max-width:650px){.promo-editor{padding:16px 12px}.promo-grid{grid-template-columns:minmax(0,1fr)}.promo-full{grid-column:auto}.promo-price-row{grid-template-columns:minmax(0,1fr)}.promo-heading .btn{width:100%}.promo-toolbar label{max-width:none;flex-basis:100%}.promo-actions .btn{width:100%}.promo-rule-footer .btn{flex:1}}