.jtx { max-width: 760px; margin: 0 auto; padding: 1rem; color:#fff; }
body.wp-admin .jtx { color:#000; }
.jtx-header h2 { margin: .25rem 0; }
.jtx-progress { height: 6px; background:#eee; border-radius: 4px; overflow: hidden; margin-top:.5rem; }
.jtx-bar { height: 100%; width:0; background: var(--accent-green, #43946c); transition: width .3s; }
.jtx-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: .75rem; }
.jtx-cards .jtx-card { display:flex; gap:.5rem; align-items:center; border:1px solid #ddd; padding:.6rem .8rem; border-radius:8px; cursor:pointer; }
.jtx-step[hidden] { display:none !important; }
.jtx-actions { display:flex; gap:.5rem; justify-content: flex-end; margin-top: 1rem; }
.jtx-estimate { background:#f7f7f7; padding:1rem; border-radius:8px; margin:.5rem 0 0; color:#000; }
.jtx-price { font-size:1.8rem; font-weight:700; }
.jtx-range-labels { display:flex; justify-content:space-between; opacity:.7; font-size:.9rem; }
.jtx-consent { display:block; margin-top:.6rem; }

/* ensure form controls use dark text for readability */
.jtx input,
.jtx select,
.jtx textarea {
  color:#000;
}