:root { --vendor-green:#0f766e; --vendor-blue:#1f5fdb; --vendor-gold:#f4b740; --vendor-coral:#c94b3c; --vendor-violet:#6d50c6; }

body.vendor-pitches-page {
  --vendor-page-bg:#f8fafc; --vendor-alt-bg:#eef4fb; --vendor-card-bg:#fff;
  --vendor-soft-bg:#edf7f5; --vendor-border:#d8e4ee; --vendor-text:#172033;
  --vendor-muted:#5e6a7d; --vendor-field-bg:#fff; --vendor-field-border:#b8c7d8;
  --vendor-placeholder:#718096; background:var(--vendor-page-bg); color:var(--vendor-text);
}
html[data-theme="dark"] body.vendor-pitches-page {
  --vendor-page-bg:#0e1729; --vendor-alt-bg:#121f34; --vendor-card-bg:#17243b;
  --vendor-soft-bg:#1d3048; --vendor-border:#344861; --vendor-text:#f8fafc;
  --vendor-muted:#c7d2e2; --vendor-field-bg:#142138; --vendor-field-border:#465d79;
  --vendor-placeholder:#9cabc0;
}
html[data-theme] body.vendor-pitches-page main.vendor-page { min-height:60vh; background:var(--vendor-page-bg); color:var(--vendor-text); }

.vendor-pitches-page .vendor-hero { padding:76px 0; background:radial-gradient(circle at 82% 18%,rgba(244,183,64,.32),transparent 24%),radial-gradient(circle at 12% 88%,rgba(15,118,110,.72),transparent 36%),linear-gradient(120deg,#14213a 0%,#1f5fdb 58%,#0f766e 100%); color:#fff; }
.vendor-pitches-page .vendor-hero-grid { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(260px,.65fr); gap:48px; align-items:center; }
html[data-theme] body.vendor-pitches-page .vendor-hero h1 { margin:12px 0 22px; color:#fff; font-size:clamp(2.6rem,6vw,5.5rem); line-height:.95; }
html[data-theme] body.vendor-pitches-page .vendor-hero p { max-width:720px; color:#e7f4ef; font-size:1.15rem; }
.vendor-pitches-page .vendor-kicker { display:block; color:var(--vendor-gold); font-size:.78rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.vendor-pitches-page .vendor-offer { padding:30px; border:1px solid var(--vendor-border); border-radius:24px; background:var(--vendor-card-bg); box-shadow:0 24px 60px rgba(7,27,23,.44); color:var(--vendor-text); }
.vendor-pitches-page .vendor-offer strong,.vendor-pitches-page .vendor-offer span,.vendor-pitches-page .vendor-offer small { display:block; }
.vendor-pitches-page .vendor-offer strong { color:var(--vendor-green); font-size:2rem; }
.vendor-pitches-page .vendor-offer span { margin:4px 0 15px; color:var(--vendor-text); font-size:1.1rem; font-weight:700; }
html[data-theme] body.vendor-pitches-page .vendor-offer small { color:var(--vendor-muted); }

.vendor-pitches-page .vendor-section { padding:72px 0; background:var(--vendor-page-bg); }
.vendor-pitches-page .vendor-account-section { background:var(--vendor-alt-bg); }
.vendor-pitches-page .vendor-section-heading { display:flex; justify-content:space-between; gap:24px; align-items:end; margin-bottom:28px; }
html[data-theme] body.vendor-pitches-page .vendor-section-heading h2 { margin:5px 0 0; color:var(--vendor-text); font-size:clamp(2rem,4vw,3.3rem); }
.vendor-pitches-page .vendor-count { padding:9px 15px; border:1px solid var(--vendor-border); border-radius:999px; background:var(--vendor-soft-bg); color:var(--vendor-text); font-weight:700; }

.vendor-pitches-page .pitch-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.vendor-pitches-page .pitch-card { overflow:hidden; border:1px solid var(--vendor-border); border-radius:20px; background:var(--vendor-card-bg); box-shadow:0 12px 32px rgba(7,17,29,.12); color:var(--vendor-text); }
.vendor-pitches-page .pitch-card>img,.vendor-pitches-page .pitch-card-placeholder { width:100%; height:190px; object-fit:cover; }
.vendor-pitches-page .pitch-card-placeholder { display:grid; place-items:center; background:linear-gradient(145deg,#eaf1ff,#e7f6f3); color:var(--vendor-blue); font-size:3rem; }
html[data-theme="dark"] body.vendor-pitches-page .pitch-card-placeholder { background:linear-gradient(145deg,#1a3458,#173d3b); color:#8db9ff; }
.vendor-pitches-page .pitch-card-body { padding:23px; }
html[data-theme] body.vendor-pitches-page .pitch-card h3 { margin:5px 0 12px; color:var(--vendor-text); }
html[data-theme] body.vendor-pitches-page .pitch-card p,html[data-theme] body.vendor-pitches-page .pitch-card small { color:var(--vendor-muted); }
.vendor-pitches-page .pitch-tags { display:flex; flex-wrap:wrap; gap:7px; margin:17px 0; }
.vendor-pitches-page .pitch-tags span { padding:6px 10px; border:1px solid var(--vendor-border); border-radius:999px; background:var(--vendor-soft-bg); color:var(--vendor-text); font-size:.82rem; }
.vendor-pitches-page .pitch-card-footer { display:flex; align-items:center; justify-content:space-between; padding-top:16px; border-top:1px solid var(--vendor-border); }

.vendor-pitches-page .vendor-empty,.vendor-pitches-page .vendor-auth-notice { grid-column:1/-1; padding:30px; border:1px dashed var(--vendor-border); border-radius:16px; background:var(--vendor-card-bg); color:var(--vendor-text); text-align:center; }
html[data-theme] body.vendor-pitches-page .vendor-empty h3 { color:var(--vendor-text); }
html[data-theme] body.vendor-pitches-page .vendor-empty p { color:var(--vendor-muted); }
.vendor-pitches-page .vendor-auth-notice a { color:#1684ff; font-weight:700; }

.vendor-pitches-page .vendor-entitlement { display:flex; justify-content:space-between; gap:12px; margin-bottom:22px; padding:20px 24px; border:1px solid rgba(255,255,255,.18); border-radius:16px; background:linear-gradient(110deg,#0f766e,#1f5fdb); box-shadow:0 14px 34px rgba(31,95,219,.16); color:#fff; }
.vendor-pitches-page .vendor-entitlement strong { color:#fff; }
.vendor-pitches-page .vendor-entitlement span { color:#dfece7; }
.vendor-pitches-page .vendor-form { display:grid; gap:22px; }
.vendor-pitches-page .vendor-form>section { padding:26px; border:1px solid var(--vendor-border); border-radius:18px; background:var(--vendor-card-bg); color:var(--vendor-text); }
html[data-theme] body.vendor-pitches-page .vendor-form h3 { margin:0 0 18px; color:var(--vendor-green); }
html[data-theme] body.vendor-pitches-page .vendor-form p { color:var(--vendor-muted); }
.vendor-pitches-page .vendor-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
html[data-theme] body.vendor-pitches-page .vendor-form label,html[data-theme] body.vendor-pitches-page .pitch-dialog label { color:var(--vendor-text); font-weight:700; }
.vendor-pitches-page .vendor-form .form-control { margin-top:7px; }
html[data-theme] body.vendor-pitches-page :is(.vendor-form,.pitch-dialog) :is(.form-control,input:not([type="checkbox"]):not([type="radio"]),select,textarea) { border-color:var(--vendor-field-border); background:var(--vendor-field-bg); color:var(--vendor-text); }
html[data-theme] body.vendor-pitches-page :is(.vendor-form,.pitch-dialog) :is(input,textarea)::placeholder { color:var(--vendor-placeholder); opacity:1; }
.vendor-pitches-page .vendor-wide { grid-column:1/-1; }
.vendor-pitches-page .vendor-check-grid { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:18px; }
.vendor-pitches-page .vendor-check-grid label { display:flex; gap:9px; align-items:center; padding:12px 14px; border:1px solid var(--vendor-border); border-radius:10px; background:var(--vendor-soft-bg); }
.vendor-pitches-page .vendor-check-grid input { accent-color:var(--vendor-blue); }
.vendor-pitches-page .vendor-submit { display:flex; flex-wrap:wrap; align-items:center; gap:14px; }
.vendor-pitches-page #vendorStatus,.vendor-pitches-page #pitchStatus { color:var(--vendor-text); font-weight:600; }
.vendor-pitches-page .vendor-image-preview { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.vendor-pitches-page .vendor-image-preview img { width:100px; height:80px; border:1px solid var(--vendor-border); border-radius:10px; object-fit:cover; }

.vendor-pitches-page .pitch-dialog { width:min(560px,calc(100% - 30px)); padding:0; border:1px solid var(--vendor-border); border-radius:20px; background:var(--vendor-card-bg); box-shadow:0 30px 90px rgba(0,0,0,.45); color:var(--vendor-text); }
.vendor-pitches-page .pitch-dialog::backdrop { background:rgba(7,27,23,.72); }
.vendor-pitches-page .pitch-dialog form { display:grid; gap:17px; padding:30px; }
html[data-theme] body.vendor-pitches-page .pitch-dialog h2 { color:var(--vendor-text); }
.vendor-pitches-page .pitch-dialog-close { position:absolute; top:12px; right:15px; border:0; background:transparent; color:var(--vendor-text); font-size:2rem; }
.vendor-pitches-page .pitch-dialog .form-control { margin-top:7px; }

@media(max-width:991px) {
  .vendor-pitches-page .pitch-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .vendor-pitches-page .vendor-hero-grid { grid-template-columns:1fr; }
}
@media(max-width:640px) {
  .vendor-pitches-page .vendor-hero { padding:52px 0; }
  .vendor-pitches-page .pitch-grid,.vendor-pitches-page .vendor-form-grid { grid-template-columns:1fr; }
  .vendor-pitches-page .vendor-wide { grid-column:auto; }
  .vendor-pitches-page .vendor-section { padding:50px 0; }
  .vendor-pitches-page .vendor-section-heading,.vendor-pitches-page .vendor-entitlement { align-items:flex-start; flex-direction:column; }
}