/* One quiet badge beside the title, in normal flow so it cannot cover the plan name. */
.plan-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}
.plan-card-title>h3,.plan-card-title>.billing-title-line,.plan-card-title>strong{min-width:0;overflow-wrap:anywhere}
.catalog-card .plan-card-title{margin-bottom:15px;min-height:25px}
.catalog-card .plan-card-title>h3{margin:0}
.plan-promo-badge{display:inline-flex;align-items:center;gap:5px;flex:0 1 auto;max-width:55%;padding:4px 8px;border:1px solid #dbe7fb;border-radius:7px;background:#f0f5ff;color:#24508c;font-size:11px;font-weight:600;line-height:1.4;letter-spacing:0;text-align:left}
.plan-promo-badge[hidden],.plan-promo-badge-icon[hidden]{display:none!important}
.plan-promo-badge-icon{flex:none;font-size:13px;line-height:1.3}
.plan-promo-badge-text{min-width:0;overflow-wrap:anywhere}
.plan-badge-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.7fr);gap:24px;margin-top:16px;align-items:start}
.plan-badge-fields{display:grid;grid-template-columns:minmax(100px,.6fr) minmax(0,1.4fr);gap:16px}
.plan-badge-fields label{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:13px;font-weight:500}
.plan-badge-fields small{font-size:12px;font-weight:400;color:var(--text-muted);line-height:1.5}
.plan-badge-presets{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0;font-size:12px;color:var(--text-muted)}
.plan-badge-presets button{border:1px solid var(--border);background:white;color:var(--ink);border-radius:6px;padding:5px 9px;font:inherit;cursor:pointer}
.plan-badge-presets button:hover{background:#f6f8fb}
.plan-badge-preview-area>.field-help{display:block;margin:0 0 8px}
.plan-badge-preview{border:1px solid var(--border);background:white;border-radius:12px;padding:20px}
.plan-badge-preview strong{font-size:19px;line-height:1.3;color:#20242e}
.plan-badge-preview>.field-help{margin:18px 0 0;font-size:12px}
@media(max-width:800px){.plan-badge-editor-grid{grid-template-columns:1fr}.plan-badge-preview-area{max-width:420px;width:100%}}
@media(max-width:420px){.plan-badge-fields{grid-template-columns:1fr}.plan-card-title{gap:8px}.plan-promo-badge{padding:4px 6px;font-size:10px}}