/* Cost Pilot Signups - scoped form styles.
   Everything prefixed with .cps- so the surrounding WordPress theme is
   untouched. Mirrors the brand palette from docs/brand.md. */

.cps-wrap{
  --cps-bg:#0E1116;
  --cps-surface:#11151B;
  --cps-surface-2:#0E1116;
  --cps-accent:#15E6A4;
  --cps-accent-dark:#0D2820;
  --cps-accent-border:#1D4D3F;
  --cps-text:#F4F7FA;
  --cps-muted:#9AA6B2;
  --cps-faint:#6B7682;
  --cps-border:#232A33;
  --cps-border-2:#313A45;
  background:var(--cps-accent-dark);
  border:0.5px solid var(--cps-accent-border);
  border-radius:12px;
  padding:24px;
  margin:0 auto;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--cps-text);
  box-sizing:border-box;
}
.cps-wrap *,
.cps-wrap *::before,
.cps-wrap *::after{ box-sizing:border-box; }

.cps-field{
  width:100%;
  background:var(--cps-surface-2);
  border:0.5px solid var(--cps-border-2);
  border-radius:7px;
  padding:12px 14px;
  color:var(--cps-text);
  font-size:13px;
  font-family:inherit;
  margin-bottom:9px;
  display:block;
}
.cps-field::placeholder{ color:var(--cps-faint); }
.cps-field:focus{ outline:none; border-color:var(--cps-accent); }
select.cps-field{
  -webkit-appearance:none; appearance:none; cursor:pointer;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239AA6B2' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 14px center; padding-right:36px;
}
select.cps-field option{ background:var(--cps-surface); color:var(--cps-text); }

.cps-sold-row{ position:relative; margin-bottom:9px; }
.cps-sold-row .cps-field{ margin-bottom:0; }
.cps-sold-badge{
  position:absolute; right:10px; top:50%; transform:translateY(-50%);
  display:inline-flex; align-items:center; gap:5px;
  font-size:11px; font-weight:600; letter-spacing:.3px;
  color:var(--cps-accent); background:var(--cps-accent-dark);
  border:0.5px solid var(--cps-accent-border); border-radius:100px;
  padding:4px 10px; pointer-events:none;
  transition:color .15s ease, border-color .15s ease;
}
.cps-sold-badge.cps-under{ color:var(--cps-faint); background:var(--cps-surface-2); border-color:var(--cps-border-2); }

.cps-sold-hint{
  font-size:11px; color:var(--cps-faint);
  margin:-2px 0 10px; line-height:1.4;
}
.cps-sold-hint.cps-under{ color:#F0B795; }

.cps-agree{
  display:flex; align-items:flex-start; gap:9px;
  font-size:12px; color:var(--cps-muted); line-height:1.45;
  margin-bottom:14px; cursor:pointer;
}
.cps-agree input[type=checkbox]{
  margin-top:2px; width:15px; height:15px;
  accent-color:var(--cps-accent); flex-shrink:0; cursor:pointer;
}
.cps-agree a{ color:var(--cps-accent); text-decoration:underline; }

.cps-btn{
  display:block; width:100%;
  background:var(--cps-accent); color:#0E1116;
  border:0; border-radius:7px;
  padding:13px 26px;
  font-size:15px; font-weight:500; font-family:inherit;
  cursor:pointer;
  transition:opacity .15s ease, transform .08s ease;
}
.cps-btn:hover{ background:var(--cps-accent) !important; color:#0E1116 !important; opacity:.9; }
.cps-btn:active{ transform:scale(.98); }
.cps-btn:disabled{ opacity:.6; cursor:default; }

.cps-msg{
  font-size:13px; margin-top:10px; text-align:center; min-height:18px;
}
.cps-msg-ok{ color:var(--cps-accent); }
.cps-msg-info{ color:var(--cps-accent); }
.cps-msg-err{ color:#F09595; }