:root{--cps-sp-accent:#0284c7;--cps-sp-accent-bg:#e0f2fe;--cps-sp-accent-ring:#bae6fd}
/* scale-pricing.css */
.cps-sp-card, .cps-sp-root { font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }
.cps-sp-card { max-width: 920px; margin: 16px 0; background: #fff; border: 1px solid rgba(0,0,0,.08); border-radius: 16px; overflow: hidden; box-shadow: 0 6px 20px rgba(0,0,0,.06); }
.cps-sp-card-head { padding: 16px 20px; border-bottom: 1px solid rgba(0,0,0,.06); background: linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,0)); }
.cps-sp-grid { display: grid; grid-template-columns: repeat(4, minmax(140px,1fr)); gap: 12px; padding: 16px 20px; }
.cps-sp-grid label { display:flex; flex-direction:column; font-size: 12px; color: #333; }
.cps-sp-grid input, .cps-sp-grid select { margin-top: 6px; padding: 8px 10px; border:1px solid rgba(0,0,0,.15); border-radius: 10px; font-size: 14px; }
.cps-sp-tiers { padding: 4px 20px 16px; }
.cps-sp-tier-row { display:grid; grid-template-columns: 120px 120px 1fr 44px; gap: 8px; align-items:center; margin: 8px 0; }
.cps-sp-tier-head { font-weight: 600; opacity: .7; }
.cps-sp-btn { padding: 8px 12px; border-radius: 10px; background: #f3f4f6; border:1px solid rgba(0,0,0,.1); cursor:pointer; }
.cps-sp-btn.primary { background: #0ea5e9; color: #fff; border-color: var(--cps-sp-accent, #0284c7); }
.cps-sp-btn.ghost { background: #fff; }
.cps-sp-btn.danger { background: #fee2e2; }
.cps-sp-actions { display:flex; gap: 8px; padding: 8px 20px 16px; justify-content:flex-end; }
.cps-sp-preview { background:#0b1020; color:#c7d2fe; padding:12px; border-radius:12px; font-size:12px; overflow:auto; margin: 0 20px 16px; }

/* Product page tier table */
.cps-sp-tier-table { display:block; margin-top: 8px; border:1px dashed rgba(0,0,0,.15); border-radius: 12px; overflow:hidden; font-size: 12px; }
.cps-sp-tier-table .head, .cps-sp-tier-table .row { display: grid; grid-template-columns: 1fr 1fr; padding: 8px 10px; }
.cps-sp-tier-table .head { background: #f8fafc; font-weight: 600; }
.cps-sp-tier-table .row { border-top: 1px solid rgba(0,0,0,.06); }
@media (max-width: 640px){
  .cps-sp-grid { grid-template-columns: repeat(2, minmax(140px,1fr)); }
  .cps-sp-tier-row { grid-template-columns: 1fr 1fr 1fr 44px; }
}

/* Selectable table */
.cps-sp-selectable .row { cursor: pointer; transition: background .15s ease; }
.cps-sp-selectable .row:hover { background: #f1f5f9; }
.cps-sp-selectable .row.selected { background: var(--cps-sp-accent-bg, #e0f2fe); font-weight: 600; }



/* Buttons aspect */
.cps-sp-tier-table.cps-sp-buttons { border: none; }
.cps-sp-tier-table.cps-sp-buttons .head { display:none; }
.cps-sp-tier-table.cps-sp-buttons .row {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 10px 14px; margin: 6px 6px 0 0;
  border-radius: 999px; border: 1px solid rgba(0,0,0,.08);
  background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.04);
}
.cps-sp-tier-table.cps-sp-buttons .row.selected {
  border-color: var(--cps-sp-accent, #0284c7); background: var(--cps-sp-accent-bg, #e0f2fe);
  font-weight: 600;
}

/* Slider aspect */
.cps-sp-tier-table.cps-sp-slider { border: 1px dashed rgba(0,0,0,.12); padding: 12px; border-radius: 12px; }
.cps-sp-slider-wrap { position: relative; padding: 10px 6px 24px; }
.cps-sp-range { width: 100%; }
.cps-sp-marks { position: relative; height: 14px; margin-top: 6px; }
.cps-sp-marks span { position: absolute; transform: translateX(-50%); font-size: 11px; color: #475569; }
.cps-sp-slider-labels .row { display: grid; grid-template-columns: 1fr auto; padding: 6px 8px; border-radius: 8px; }
.cps-sp-slider-labels .row.selected { background: #f1f5f9; font-weight: 600; }