/* Marketplace Verifier v4.0.1 styles - navy theme, Divi-friendly */
/* Fixes: keep Approve/Reject/Delete within grid; better wrapping; safer min-widths */
:root {
  --mv-bg: #000070;
  --mv-card: #000070;
  --mv-muted: rgba(255,255,255,0.75);
  --mv-text: #ffffff;
  --mv-accent: #ffffff;
  --mv-accent-2: #e0e7ff;
  --mv-success: #16a34a;
  --mv-error: #dc2626;
  --mv-warning: #d97706;
  --mv-border: rgba(255,255,255,0.18);
}

.mv-theme { background: var(--mv-card) !important; color: var(--mv-text) !important; }
.mv-card {
  background: var(--mv-card);
  border: 1px solid var(--mv-border);
  border-radius: 1rem;
  box-shadow: 0 10px 25px rgba(0,0,0,0.35);
  padding: 1.25rem;
  margin: 1.5rem 0;
  color: var(--mv-text);
  overflow: hidden;
}
.mv-title { font-size: 1.5rem; margin: 0 0 1rem 0; color: var(--mv-text); }
.mv-subtitle { font-size: 1.25rem; margin: 0 0 .75rem 0; color: var(--mv-text); }
.mv-muted { color: var(--mv-muted); font-size: .9rem; }

.mv-form, .mv-form-inline { display: grid; gap: .8rem; }
.mv-form-inline textarea { width: 100%; }

.mv-form label { display: grid; gap: .4rem; font-weight: 600; color: var(--mv-text); }
.mv-form input[type="text"],
.mv-form input[type="email"],
.mv-form input[type="password"],
.mv-form input[type="file"],
.mv-form input[type="datetime-local"],
.mv-form textarea {
  width: 100%;
  padding: .75rem .85rem;
  border-radius: .75rem;
  border: 1px solid var(--mv-border);
  background: rgba(0,0,0,0.15);
  color: var(--mv-text); /* input text color white */
  outline: none;
}
/* White placeholders */
.mv-form input::placeholder,
.mv-form textarea::placeholder {
  color: rgba(255,255,255,0.9);
}
.mv-form input:focus, .mv-form textarea:focus {
  border-color: var(--mv-accent-2);
  box-shadow: 0 0 0 3px rgba(224,231,255,0.25);
}

.mv-btn {
  appearance: none;
  border: 0;
  padding: .75rem 1rem;
  border-radius: .75rem;
  background: linear-gradient(90deg, var(--mv-accent), var(--mv-accent-2));
  color: #000070;
  font-weight: 700;
  cursor: pointer;
  transition: transform .05s ease-in, opacity .2s ease;
  width: fit-content;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  white-space: normal; /* allow wrap to prevent overflow */
}
.mv-btn:hover { opacity: .95; }
.mv-btn:active { transform: translateY(1px); }

.mv-btn-secondary { background: transparent; border: 1px solid var(--mv-border); color: var(--mv-text); }

.mv-accept { background: linear-gradient(90deg, #22c55e, #bbf7d0); color: #052e12; }
.mv-reject { background: linear-gradient(90deg, #ef4444, #fecaca); color: #3b0d0d; }

.mv-alert {
  border-radius: .75rem;
  padding: .75rem 1rem;
  margin: .75rem 0;
  border: 1px solid var(--mv-border);
  background: rgba(255,255,255,0.1);
}
.mv-alert.mv-error { border-color: rgba(220,38,38,0.5); }
.mv-alert.mv-warning { border-color: rgba(217,119,6,0.5); }
.mv-alert.mv-info { border-color: rgba(59,130,246,0.5); }

.mv-table { width: 100%; display: grid; gap: .5rem; overflow-x: auto; }
.mv-row,
.mv-row > * { min-width: 0; } /* prevent overflow from long content */

.mv-row {
  display: grid;
  grid-template-columns: 70px 160px 1fr 140px 1.2fr 1fr 300px;
  gap: .75rem;
  align-items: start;
  padding: .75rem;
  border: 1px solid var(--mv-border);
  border-radius: .75rem;
  background: rgba(255,255,255,0.05);
  color: var(--mv-text);
}

/* Agents tab: safer widths so actions don't spill */
.mv-row.mv-row-agents {
  grid-template-columns: 60px 150px 1fr 120px minmax(280px, 1.6fr) minmax(200px, 0.9fr);
}
.mv-col-details { min-width: 280px; }

/* Submissions tab: balance columns and keep buttons visible */
.mv-row.mv-row-submissions {
  grid-template-columns: 70px 160px 1.1fr 120px 1.2fr 1fr 280px;
}

.mv-row-head { font-weight: 700; background: rgba(255,255,255,0.12); }
@media (max-width: 1400px) {
  .mv-row { grid-template-columns: 1fr; }
  .mv-row-head { display: none; }
}

.mv-badge {
  padding: .3rem .6rem;
  border-radius: 999px;
  font-size: .85rem;
  font-weight: 700;
  display: inline-block;
  border: 1px solid var(--mv-border);
  background: rgba(255,255,255,0.2);
}
.mv-badge.mv-pending { background: rgba(217,119,6,0.25); color: #fff; }
.mv-badge.mv-accepted { background: rgba(22,163,74,0.25); color: #fff; }
.mv-badge.mv-rejected { background: rgba(220,38,38,0.25); color: #fff; }

.mv-images { display: flex; flex-wrap: wrap; gap: .5rem; }
.mv-images img { width: 64px; height: 64px; object-fit: cover; border-radius: .5rem; border: 1px solid var(--mv-border); background:#000; }
.mv-actions { margin-top: .5rem; }

.mv-filters, .mv-tabs { display: flex; gap: .5rem; margin-bottom: .75rem; flex-wrap: wrap; }
.mv-chip {
  border: 1px solid var(--mv-border);
  border-radius: 999px;
  padding: .35rem .7rem;
  color: var(--mv-text);
  text-decoration: none;
  background: rgba(255,255,255,0.08);
}
.mv-chip.active { background: rgba(255,255,255,0.22); border-color: rgba(255,255,255,0.35); }

.mv-row-actions { display: flex; gap: .5rem; margin-top: .5rem; flex-wrap: wrap; }

/* Align labels and inputs nicely */
.mv-form label > input,
.mv-form label > textarea,
.mv-form input[type="file"] { margin-top: .2rem; }