/* MVDB Board Actions (external CSS file to avoid CSP inline-style blocks) */
.mvdb-scope{background:#0e3a66;}
.mvdb-scope .wrap{max-width:1160px;margin:0 auto;padding:24px}
.mvdb-scope .hero{background:#0e3a66;color:#fff;border-bottom:6px solid #b00020}
.mvdb-scope .hero h1{color:#fff;margin:0 0 8px;font-size:40px;line-height:1.15}
.mvdb-scope .hero p{margin:0;opacity:.9;color:#fff}
.mvdb-scope .pill{display:inline-block;margin-top:16px;background:#fff;color:#0e3a66;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.35);font-weight:600}

/* Controls (server-side form) */
.mvdb-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:20px 0}
.mvdb-controls label{font-weight:600;color:#e6edf5}
.mvdb-controls input,.mvdb-controls select{padding:8px 10px;border:1px solid #e3e6ea;border-radius:6px;background:#fff}

.mvdb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mvdb-card{background:#fff;border:1.5px solid #e3e6ea;border-radius:12px;padding:16px;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.mvdb-card h3{color:#0e3a66;font-size:20px;margin:0 0 8px}
.mvdb-meta{color:#5c6b80;font-size:13px;font-weight:600;margin-bottom:8px}
.mvdb-violations{margin:8px 0 14px;padding-left:18px}
.mvdb-badge{display:inline-block;background:#b00020;color:#fff;font-weight:700;border-radius:999px;padding:6px 12px;font-size:12px}
.mvdb-appeal{display:block;margin-top:6px;color:#5c6b80;font-size:12px}

.mvdb-footer{margin:28px 0 48px;color:#e6edf5;text-align:center}
.mvdb-footer a{color:#cfe2ff;text-decoration:underline}

@media (max-width:1024px){ .mvdb-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:640px){ .mvdb-grid{grid-template-columns:1fr} .mvdb-scope .hero h1{font-size:28px} }

/* Scroll container: cap height and allow vertical scrolling */
.mvdb-grid-scroll {
  max-height: 820px;   /* adjust to taste */
  overflow-y: auto;
  padding-right: 8px;
  border-radius: 12px;
}
.mvdb-grid-scroll::-webkit-scrollbar { width: 10px; }
.mvdb-grid-scroll::-webkit-scrollbar-thumb { background:#cbd4dd; border-radius: 10px; }

/* === MVDB: Gold accent update === */
/* 1) Define your gold (adjust if you have a brand hex) */
:root{
  --mvdb-navy: #0e3a66;
  --mvdb-gold: #C9A227; /* Gold */
}

/* 2) Hero accent bar (was red) → gold */
.mvdb-scope .hero{
  border-bottom-color: var(--mvdb-gold);
}

/* 3) Pill styles (e.g., “Server-rendered • CSP-safe”) → gold */
.mvdb-scope .pill{
  background: var(--mvdb-gold);
  color: #0e3a66;              /* navy text for strong contrast on gold */
  border-color: rgba(255,255,255,.25);
}

/* 4) (Optional) Card “penalty” badges → gold
   If you want to keep the penalty badges red, comment this block out. */
.mvdb-badge{
  background: var(--mvdb-gold);
  color: #fff;                 /* white text reads well on gold here */
}