/* CardPlus Consignment — front-end (dark/gold, light-mode aware). */
.cpc-wrap{
  --cpc-bg:#0B0E13; --cpc-surface:#171C25; --cpc-surface2:#1E2430;
  --cpc-border:rgba(255,255,255,.08); --cpc-border2:rgba(255,255,255,.14);
  --cpc-text:#EAECF0; --cpc-muted:#8B93A1; --cpc-accent:#D4AF5A; --cpc-accent2:#E8C87A;
  --cpc-green:#2FBF71;
  font-family:'Inter',system-ui,sans-serif; color:var(--cpc-text);
}
.cpc-wrap *{ box-sizing:border-box; }
.cpc-title{ font-size:22px; font-weight:800; margin:0 0 4px; color:var(--cpc-text); }
.cpc-sub{ font-size:13.5px; color:var(--cpc-muted); margin:0 0 18px; }
.cpc-sub b{ color:var(--cpc-accent); }
.cpc-muted{ color:var(--cpc-muted); font-size:12px; }
.cpc-how{ background:rgba(47,191,113,.08); border:1px solid rgba(47,191,113,.3); border-radius:12px; padding:14px 16px; margin-bottom:18px; }
.cpc-how b{ color:var(--cpc-green); }
.cpc-how p{ font-size:12.5px; color:var(--cpc-text); margin:6px 0 0; line-height:1.6; }
.cpc-panel{ background:var(--cpc-surface); border:1px solid var(--cpc-border); border-radius:14px; padding:20px; margin-bottom:16px; }
.cpc-panel h4{ font-size:15px; font-weight:700; margin:0 0 14px; }
.cpc-wrap label{ display:block; font-size:12.5px; color:var(--cpc-muted); margin-bottom:12px; }
.cpc-wrap input,.cpc-wrap select,.cpc-wrap textarea{
  width:100%; margin-top:5px; background:var(--cpc-bg); border:1px solid var(--cpc-border2);
  color:var(--cpc-text); border-radius:8px; padding:10px 12px; font-size:13.5px; font-family:inherit;
}
.cpc-wrap input:focus,.cpc-wrap select:focus,.cpc-wrap textarea:focus{ outline:none; border-color:var(--cpc-accent); }
.cpc-row2{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.cpc-field{ font-size:12.5px; color:var(--cpc-muted); margin-bottom:14px; }
.cpc-hint{ display:block; font-size:11px; color:var(--cpc-muted); margin-top:4px; }
.cpc-chips{ display:flex; flex-wrap:wrap; gap:7px; margin-top:6px; }
.cpc-chip{ padding:8px 15px; border-radius:8px; border:1px solid var(--cpc-border2); font-size:12.5px;
  font-weight:600; cursor:pointer; color:var(--cpc-muted); transition:.12s; }
.cpc-chip:hover{ color:var(--cpc-text); }
.cpc-chip.on{ background:var(--cpc-green); border-color:var(--cpc-green); color:#0a1a0f; }
.cpc-payout{ background:rgba(47,191,113,.07); border:1px solid rgba(47,191,113,.3); border-radius:10px; padding:14px 16px; margin:14px 0; }
.cpc-payout-big{ font-size:22px; font-weight:800; color:var(--cpc-green); }
.cpc-btn{ background:var(--cpc-accent); color:#14100a; border:none; border-radius:8px; font-weight:700;
  font-size:13.5px; padding:12px 18px; cursor:pointer; width:100%; transition:background .15s; }
.cpc-btn:hover{ background:var(--cpc-accent2); }
.cpc-btn:disabled{ opacity:.5; }
.cpc-fine{ font-size:11px; color:var(--cpc-muted); text-align:center; margin-top:9px; }
.cpc-stats{ display:flex; gap:12px; margin-bottom:16px; flex-wrap:wrap; }
.cpc-stat{ flex:1; min-width:120px; background:var(--cpc-surface); border:1px solid var(--cpc-border);
  border-radius:10px; padding:14px 16px; }
.cpc-stat .n{ font-size:19px; font-weight:800; }
.cpc-stat .l{ font-size:11.5px; color:var(--cpc-muted); }
body.cp-light .cpc-wrap{
  --cpc-bg:#FFFFFF; --cpc-surface:#F5F5F7; --cpc-border:rgba(0,0,0,.10); --cpc-border2:rgba(0,0,0,.16);
  --cpc-text:#1A1A1E; --cpc-muted:#5C6069; --cpc-accent:#B8941F; --cpc-accent2:#9A7A0A;
}
body.cp-light .cpc-btn{ color:#fff; }
@media(max-width:600px){ .cpc-row2{ grid-template-columns:1fr; } }

/* ── Photo upload dropzone ── */
.cpc-photo-drop{ display:flex; align-items:center; justify-content:center; min-height:120px;
  border:2px dashed var(--cpc-border2); border-radius:10px; background:var(--cpc-bg);
  cursor:pointer; color:var(--cpc-muted); font-size:13px; margin-top:6px; overflow:hidden; transition:border-color .15s; }
.cpc-photo-drop:hover{ border-color:var(--cpc-accent); }
.cpc-photo-drop.has-img{ padding:0; border-style:solid; }
.cpc-photo-drop.has-img img{ width:100%; max-height:220px; object-fit:contain; background:#fff; display:block; }

/* ── Soften dark-mode inputs (were glaring white) ── */
.cpc-wrap input,.cpc-wrap select,.cpc-wrap textarea{ background:var(--cpc-surface2); }
.cpc-wrap input::placeholder,.cpc-wrap textarea::placeholder{ color:var(--cpc-muted); opacity:.7; }

/* ── Fix the "+ New listing" button (was inheriting theme button oddly) ── */
.cpc-wrap a.cpc-btn{ display:inline-flex !important; align-items:center; gap:6px; width:auto !important;
  text-decoration:none !important; line-height:1; box-shadow:none; }
.cpc-wrap a.cpc-btn:hover{ color:#14100a; }
body.cp-light .cpc-wrap a.cpc-btn:hover{ color:#fff; }

/* light-mode inputs stay light */
body.cp-light .cpc-wrap input,body.cp-light .cpc-wrap select,body.cp-light .cpc-wrap textarea{ background:#fff; }
body.cp-light .cpc-photo-drop{ background:#fafafa; }