/* =========================================================
   matchen-met-vacatures.css
   - ✅ Top row: exact 50/50 + gelijke hoogte (zoals onderste blokken)
   - ✅ Coach kaart stap 1 iets lager
   - ✅ Resultaten button toegevoegd (in HTML/JS)
   - ✅ Fase + Laatste parse pills verwijderd (HTML/JS)
   - ✅ FIX: GEEN height:100% op cards in flex-col (layout bug)
========================================================= */

:root{
  --mmv-bg: #fafafa;
  --mmv-card: #ffffff;
  --mmv-border: rgba(0,0,0,.08);
  --mmv-text:#101014;
  --mmv-muted: rgba(16,16,20,.62);
  --mmv-soft: rgba(0,0,0,.04);
  --mmv-radius: 18px;
  --mmv-shadow: 0 10px 30px rgba(0,0,0,.06);

  --mmv-accent: #f05a28;
  --mmv-accent-dark: #e44f20;

  --mmv-ok: #16a34a;
  --mmv-warn: #f59e0b;
  --mmv-bad: #ef4444;

  --mmv-green-ink: rgba(9, 88, 40, .98);
  --mmv-green-bg: rgba(22,163,74,.10);

  --mmv-hover: rgba(240,90,40,.10);
}

body{
  background: var(--mmv-bg);
  color: var(--mmv-text);
}

/* -------------------------
   Normaliseer bold (minder zwaar)
------------------------- */
.rc-mmv-stepTitle,
.rc-mmv-sectionTitle,
.rc-mmv-matchTitle{
  font-weight: 700;
}
.rc-mmv-coachText b,
.rc-mmv-matchScore{
  font-weight: 700;
}
.rc-mmv-h2{
  font-weight: 700;
}

/* ✅ Card header hover -> oranje */
.rc-mmv-card:hover .rc-mmv-h2{
  color: var(--mmv-accent);
}

/* =========================================================
   Hero
========================================================= */
.rc-mmv-hero{ margin-bottom: 10px; }
.rc-mmv-title{
  margin: 10px 0 10px;
  font-size: clamp(28px, 3.2vw, 44px);
  letter-spacing: -0.02em;
  color: var(--mmv-text);
}
.rc-mmv-lead{
  margin: 0;
  color: rgba(16,16,20,.70);
  font-size: 16px;
  max-width: 72ch;
  line-height: 1.55;
}

/* =========================================================
   Cards
========================================================= */
.rc-mmv-card{
  background: var(--mmv-card);
  border: 1px solid var(--mmv-border);
  border-radius: var(--mmv-radius);
  box-shadow: var(--mmv-shadow);
  padding: 16px;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.rc-mmv-card:hover{
  border-color: rgba(240,90,40,.20);
  box-shadow: 0 12px 34px rgba(0,0,0,.07);
}
.rc-mmv-cardHead{ margin-bottom: 12px; }
.rc-mmv-cardHeadTight{ margin-bottom: 10px; }
.rc-mmv-h2{
  margin: 0 0 4px;
  font-size: 18px;
  letter-spacing: -0.01em;
  color: var(--mmv-text);
}
.rc-mmv-muted{
  margin: 0;
  color: var(--mmv-muted);
  font-size: 13px;
  line-height: 1.45;
}

/* =========================================================
   ✅ Top row: exact 50/50 + gelijke hoogte
========================================================= */
.rc-mmv-topRow{
  display:grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); /* ✅ exact 50/50 */
  gap: 14px;
  align-items: stretch; /* ✅ gelijke hoogte */
  margin-bottom: 14px;
}
.rc-mmv-topRow > .rc-mmv-card{ min-width: 0; height: 100%; }

/* Dashboard: maak hem net zo “hoog” en stabiel */
.rc-mmv-dashboard{
  display:flex;
  flex-direction:column;
  height: 100%;
}
.rc-mmv-dashboard .rc-mmv-pills{
  display:flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 6px;
  flex: 1 1 auto;
  align-content:flex-start;
}
.rc-mmv-dashboardActions{
  display:flex;
  gap: 10px;
  margin-top: 12px;
}

/* =========================================================
   ✅ How / Steps (compacter)
========================================================= */
.rc-mmv-how{ position: relative; overflow: visible; }
.rc-mmv-steps{
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 8px;
}
.rc-mmv-step{
  list-style: decimal;
  display:flex;
  gap: 12px;
  align-items:flex-start;
  padding: 10px;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.06);
  background: rgba(0,0,0,.015);
}
.rc-mmv-stepIcon{
  width: 38px;
  height: 38px;
  border-radius: 14px;
  border: 1px solid rgba(240,90,40,.18);
  background: rgba(240,90,40,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 18px;
  flex: 0 0 38px;
}
.rc-mmv-stepText{
  color: rgba(16,16,20,.70);
  font-size: 13px;
  line-height: 1.45;
}

/* =========================================================
   ✅ Pills (dashboard)
========================================================= */
.rc-mmv-pill{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(0,0,0,.02);
  color: rgba(16,16,20,.82);
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}
.rc-mmv-pillOk{
  border-color: rgba(22,163,74,.25);
  background: rgba(22,163,74,.10);
  color: rgba(9,88,40,.98);
}
.rc-mmv-pillWarn{
  border-color: rgba(245,158,11,.25);
  background: rgba(245,158,11,.12);
  color: rgba(120,60,0,.95);
}
.rc-mmv-pillInfo{
  border-color: rgba(240,90,40,.25);
  background: rgba(240,90,40,.10);
  color: rgba(120,40,10,.98);
}
.rc-mmv-pillSoft{
  border-color: rgba(0,0,0,.08);
  background: rgba(0,0,0,.02);
  color: rgba(16,16,20,.80);
}

/* =========================================================
   Buttons mini (dashboard)
========================================================= */
.rc-mmv-btnMini{
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.10);
  background: #fff;
  color: var(--mmv-text);
  padding: 9px 10px;
  font-size: 12px;
  cursor: pointer;
  transition: transform .06s ease, background .15s ease, border-color .15s ease, filter .15s ease;
}
.rc-mmv-btnMini:active{ transform: translateY(1px); }

.rc-mmv-btnMiniSuccess{
  border-color: rgba(22,163,74,.28);
  background: rgba(22,163,74,.10);
}
.rc-mmv-btnMiniSuccess:hover{
  border-color: rgba(22,163,74,.40);
  background: rgba(22,163,74,.14);
}

.rc-mmv-btnMiniDanger{
  border-color: rgba(239,68,68,.28);
  background: rgba(239,68,68,.08);
}
.rc-mmv-btnMiniDanger:hover{
  border-color: rgba(239,68,68,.40);
  background: rgba(239,68,68,.12);
}

.rc-mmv-btnMiniPrimary{
  border-color: rgba(240,90,40,.28);
  background: rgba(240,90,40,.08);
}
.rc-mmv-btnMiniPrimary:hover{
  background: rgba(240,90,40,.12);
  border-color: rgba(240,90,40,.35);
}

.rc-mmv-btnMiniLightGreen{
  border-color: rgba(34,197,94,.28) !important;
  background: rgba(34,197,94,.10) !important;
}
.rc-mmv-btnMiniLightGreen:hover{
  border-color: rgba(34,197,94,.40) !important;
  background: rgba(34,197,94,.14) !important;
}

/* =========================================================
   Form
========================================================= */
.rc-mmv-label{
  display:block;
  font-size: 12px;
  color: rgba(16,16,20,.72);
  margin-bottom: 6px;
}

.rc-mmv-reqStar{
  color: var(--mmv-accent);
  font-weight: 700;
  margin-left: 4px;
}

.rc-mmv-input,
.rc-mmv-select,
.rc-mmv-textarea{
  width:100%;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 12px;
  padding: 11px 12px;
  font-family: inherit;
  font-size: 14px;
  background:#fff;
  color: var(--mmv-text);
  outline:none;
}
.rc-mmv-textarea{ resize: vertical; min-height: 96px; }
.rc-mmv-input:focus,
.rc-mmv-select:focus,
.rc-mmv-textarea:focus{
  border-color: rgba(240,90,40,.35);
  box-shadow: 0 0 0 4px rgba(240,90,40,.12);
}

.rc-mmv-actions{
  display:flex;
  gap: 10px;
  align-items:center;
  margin-top: 10px;
}
.rc-mmv-row{ margin-top: 10px; }

.rc-mmv-consent{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(0,0,0,.02);
  font-size: 13px;
  color: rgba(16,16,20,.70);
}
.rc-mmv-consentStrong{
  border-color: rgba(240,90,40,.18);
  background: rgba(240,90,40,.05);
}
.rc-mmv-consent input{ margin-top: 3px; }
.rc-mmv-consent a{ color: var(--mmv-accent); text-decoration:none; }
.rc-mmv-consent a:hover{ text-decoration:underline; }

.rc-mmv-fieldHint{
  margin-top: 8px;
  font-size: 12px;
  color: rgba(16,16,20,.55);
}

/* Buttons */
.rc-mmv-btnPrimary{
  border-radius: 12px;
  font-family: inherit;
  cursor: pointer;
  transition: transform .06s ease, background .15s ease, border-color .15s ease, filter .15s ease;
  user-select:none;
}
.rc-mmv-btnPrimary:active{ transform: translateY(1px); }

.rc-mmv-btnPrimary{
  border: 1px solid rgba(240,90,40,.30);
  background: linear-gradient(180deg, var(--mmv-accent), var(--mmv-accent-dark));
  color: #fff;
  padding: 11px 14px;
  font-size: 13px;
  font-weight: 600;
}
.rc-mmv-btnPrimary:hover{ filter: brightness(1.02); }

/* Progress */
.rc-mmv-progress{
  margin-top: 12px;
  display:flex;
  flex-direction:column;
  gap: 8px;
}
.rc-mmv-progressBar{
  height: 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.06);
  overflow:hidden;
}
.rc-mmv-progressFill{
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, rgba(240,90,40,.75), rgba(240,90,40,1));
  border-radius: 999px;
  transition: width .2s ease;
}
.rc-mmv-progressText{
  font-size: 12px;
  color: rgba(16,16,20,.62);
}

/* =========================================================
   Tabs
========================================================= */
.rc-mmv-tabs{
  display:flex;
  gap: 10px;
  padding: 8px;
  background: rgba(0,0,0,.02);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 14px;
  margin-bottom: 12px;
}
.rc-mmv-tab{
  border: 1px solid transparent;
  background: transparent;
  color: rgba(16,16,20,.75);
  padding: 10px 12px;
  border-radius: 12px;
  font-size: 13px;
  cursor:pointer;
}
.rc-mmv-tab.is-active{
  background: #fff;
  border-color: rgba(240,90,40,.22);
  color: var(--mmv-text);
  box-shadow: 0 8px 18px rgba(0,0,0,.05);
}

/* ✅ Pane spacing (consistent) */
.rc-mmv-pane{ margin-top: 12px; }

/* =========================================================
   Rij 2: 2 kolommen (exact 50/50 + gelijk split als topRow)
========================================================= */
.rc-mmv-mainRow{
  display:grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 14px;
  align-items: start; /* ✅ cards volgen hun content; geen geforceerde 100% hoogte */
}

.rc-mmv-col{
  display:flex;
  flex-direction:column;
  gap: 14px;
  min-width: 0;
}

/* ❌ VERWIJDERD: dit brak de layout in flex-kolom
.rc-mmv-mainRow > .rc-mmv-col > .rc-mmv-card{ height: 100%; }
*/

/* =========================================================
   Sections
========================================================= */
.rc-mmv-section{ margin-top: 14px; }
.rc-mmv-sectionTitle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  font-size: 13px;
  color: rgba(16,16,20,.86);
  margin-bottom: 10px;
}
.rc-mmv-linkBtn{
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(0,0,0,.02);
  color: rgba(16,16,20,.85);
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 12px;
  cursor:pointer;
}
.rc-mmv-linkBtn:hover{
  background: rgba(240,90,40,.06);
  border-color: rgba(240,90,40,.22);
}

.rc-mmv-formGrid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}
.rc-mmv-fieldWide{ grid-column: 1 / -1; }

.rc-mmv-miniHint{
  margin-top: 12px;
  font-size: 12px;
  color: rgba(16,16,20,.55);
}

/* =========================================================
   Repeaters
========================================================= */
.rc-mmv-repeat{ display:flex; flex-direction:column; gap: 10px; }
.rc-mmv-repeatCard{
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  background: rgba(0,0,0,.015);
  padding: 12px;
}
.rc-mmv-repeatTop{
  display:flex;
  gap: 10px;
  align-items:center;
  margin-bottom: 10px;
}
.rc-mmv-repeatTitle{ font-weight: 600; }
.rc-mmv-iconBtn{
  width: 36px;
  height: 36px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.10);
  background:#fff;
  cursor:pointer;
}
.rc-mmv-iconBtn:hover{ border-color: rgba(240,90,40,.35); }
.rc-mmv-repeatGrid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
  margin-bottom: 10px;
}
.rc-mmv-hiddenTextarea{
  position:absolute;
  left:-9999px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}

/* =========================================================
   Matching filters + list
========================================================= */
.rc-mmv-filters{
  display:grid;
  grid-template-columns: 1fr 200px;
  gap: 10px;
  margin-top: 10px;
}
.rc-mmv-resultsMeta{
  margin-top: 10px;
  font-size: 12px;
  color: rgba(16,16,20,.62);
}

.rc-mmv-results{
  margin-top: 12px;
  display:flex;
  flex-direction:column;
  gap: 10px;
}

.rc-mmv-empty{
  margin-top: 14px;
  padding: 14px;
  border-radius: 14px;
  border: 1px dashed rgba(0,0,0,.12);
  color: rgba(16,16,20,.62);
  background: rgba(0,0,0,.02);
}
.rc-mmv-emptySoft{
  border-color: rgba(34,197,94,.25);
  background: rgba(34,197,94,.07);
}

.rc-mmv-inlineLink{
  color: var(--mmv-accent);
  text-decoration: none;
  font-weight: 600;
}
.rc-mmv-inlineLink:hover{ text-decoration: underline; }

/* =========================================================
   ✅ Match card
========================================================= */
.rc-mmv-matchCard{
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  background: #fff;
  padding: 12px;
  box-shadow: 0 10px 22px rgba(0,0,0,.05);
}
.rc-mmv-matchTop{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 12px;
}
.rc-mmv-matchTitle{
  font-size: 15px;
  color: var(--mmv-text);
  line-height: 1.25;
}
.rc-mmv-matchScore{
  flex-shrink: 0;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 12px;
  border: 1px solid rgba(240,90,40,.18);
  background: rgba(240,90,40,.08);
  color: rgba(16,16,20,.86);
}
.rc-mmv-matchMeta{
  margin-top: 6px;
  font-size: 12px;
  color: rgba(16,16,20,.62);
  display:flex;
  gap: 10px;
  flex-wrap:wrap;
}
.rc-mmv-matchTags{
  margin-top: 8px;
  display:flex;
  gap: 8px;
  flex-wrap:wrap;
}
.rc-mmv-matchActions{
  margin-top: 10px;
  display:flex;
  gap: 10px;
  justify-content:flex-end;
}
.rc-mmv-matchActions a{
  text-decoration:none;
}

/* ✅ Score badge kleur buckets */
.rc-mmv-matchScore.rc-mmv-score0{
  border-color: rgba(239,68,68,.30);
  background: rgba(239,68,68,.10);
  color: rgba(120,20,20,.92);
}
.rc-mmv-matchScore.rc-mmv-score35{
  border-color: rgba(245,158,11,.30);
  background: rgba(245,158,11,.12);
  color: rgba(120,60,0,.95);
}
.rc-mmv-matchScore.rc-mmv-score50{
  border-color: rgba(240,90,40,.28);
  background: rgba(240,90,40,.10);
  color: rgba(120,40,10,.98);
}
.rc-mmv-matchScore.rc-mmv-score60{
  border-color: rgba(34,197,94,.28);
  background: rgba(34,197,94,.10);
  color: rgba(9,88,40,.98);
}
.rc-mmv-matchScore.rc-mmv-score70{
  border-color: rgba(22,163,74,.30);
  background: rgba(22,163,74,.12);
  color: rgba(9,88,40,.98);
}
.rc-mmv-matchScore.rc-mmv-score80{
  border-color: rgba(9,88,40,.35);
  background: rgba(9,88,40,.10);
  color: rgba(9,88,40,.98);
}

/* ✅ Badge kleuren */
.rc-mmv-badge{
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(0,0,0,.02);
  color: rgba(16,16,20,.78);
}
.rc-mmv-badgeStatus{
  border-color: rgba(245,158,11,.25);
  background: rgba(245,158,11,.12);
  color: rgba(120,60,0,.95);
}
.rc-mmv-badgeHybrid,
.rc-mmv-badgeRemote{
  border-color: rgba(59,130,246,.22);
  background: rgba(59,130,246,.10);
  color: rgba(20,60,120,.95);
}
.rc-mmv-badgeZZP{
  border-color: rgba(168,85,247,.22);
  background: rgba(168,85,247,.10);
  color: rgba(70,20,120,.95);
}
.rc-mmv-badgeReason{
  border-color: rgba(34,197,94,.22);
  background: rgba(34,197,94,.10);
  color: rgba(9,88,40,.98);
}

/* =========================================================
   ✅ Coach kaarten INLINE
========================================================= */
.rc-mmv-hidden{ display:none !important; }

.rc-mmv-coachRow{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 12px;
}
.rc-mmv-coachRow .rc-mmv-coachLeft{
  flex: 1 1 auto;
  min-width: 0;
}
.rc-mmv-coachRow .rc-mmv-coachRight{
  flex: 0 0 auto;
}

/* ✅ stap 1 coach iets lager */
#coachCardUpload{ margin-top: 10px; }

@keyframes rc_mmv_pulse_num{
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.12); opacity: .45; }
}
@keyframes rc_mmv_glow{
  0%,100% { box-shadow: 0 14px 34px rgba(0,0,0,.14); }
  50% { box-shadow: 0 18px 44px rgba(240,90,40,.22); }
}

.rc-mmv-coachCard{
  width: min(340px, 38vw);
  min-width: 240px;
  background: rgba(255,255,255,.98);
  border: 1px solid rgba(255,120,60,.42);
  border-radius: 12px;
  padding: 10px 12px;
  color: rgba(16,16,20,.90);
  position: relative;
  display:flex;
  gap: 10px;
  align-items:flex-start;
  animation: rc_mmv_glow .85s ease-in-out infinite;
}

.rc-mmv-coachCard::before{
  content:"";
  position:absolute;
  left:-10px;
  top: 18px;
  border-width:10px;
  border-style:solid;
  border-color: transparent rgba(255,255,255,.98) transparent transparent;
  filter: drop-shadow(0 4px 8px rgba(0,0,0,.12));
}

.rc-mmv-coachNum{
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 800;
  font-size: 13px;
  border: 1px solid rgba(240,90,40,.25);
  background: rgba(240,90,40,.12);
  color: rgba(16,16,20,.92);
  box-shadow: 0 10px 22px rgba(0,0,0,.10);
  animation: rc_mmv_pulse_num .75s ease-in-out infinite;
  flex: 0 0 28px;
}
.rc-mmv-coachText{
  font-size: 13px;
  line-height: 1.35;
  color: rgba(16,16,20,.86);
}

/* Responsive coach */
@media (max-width: 640px){
  .rc-mmv-coachRow{ flex-direction: column; gap: 10px; }
  .rc-mmv-coachRow .rc-mmv-coachRight{ width: 100%; }
  .rc-mmv-coachCard{ width: 100%; min-width: 0; }
  .rc-mmv-coachCard::before{
    left: 18px;
    top: -10px;
    border-color: transparent transparent rgba(255,255,255,.98) transparent;
  }
}

/* =========================================================
   Responsive
========================================================= */
@media (max-width: 1060px){
  .rc-mmv-topRow{ grid-template-columns: 1fr; }
  .rc-mmv-mainRow{ grid-template-columns: 1fr; }
  .rc-mmv-matchActions{ justify-content:flex-start; }
}

@media (max-width: 640px){
  .rc-mmv-filters{ grid-template-columns: 1fr; }
  .rc-mmv-formGrid{ grid-template-columns: 1fr; }
  .rc-mmv-repeatGrid{ grid-template-columns: 1fr; }

  .rc-mmv-dashboardActions{ width:100%; }
  .rc-mmv-btnMini{ flex:1; }
}

/* =========================================================
   ✅ Save CTA (staat nu boven panes)
========================================================= */
.rc-mmv-saveCta{
  margin-top: 12px;
  margin-bottom: 12px; /* ✅ belangrijk nu hij boven de panes staat */
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(34,197,94,.06);
}
.rc-mmv-saveCtaTitle{ font-weight:800; margin-bottom:4px; }
.rc-mmv-saveCtaText{ font-size:13px; color:rgba(16,16,20,.72); line-height:1.35; }
.rc-mmv-saveCtaActions{ margin-top:10px; display:flex; gap:10px; flex-wrap:wrap; }
.rc-mmv-saveCtaHint{ margin-top:8px; font-size:12px; color:rgba(16,16,20,.62); }

/* ✅ Compacte confirm modal */
.rc-mmv-modalOverlay{
  position: fixed;
  inset: 0;
  background: rgba(10,10,14,.42);
  display: grid;
  place-items: center;
  padding: 16px;
  z-index: 9999;
}

.rc-mmv-modalCard{
  width: min(420px, 92vw);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 60px rgba(0,0,0,.18);
  padding: 16px 16px 14px;
  border: 1px solid rgba(16,16,20,.08);
}

.rc-mmv-modalHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  margin-bottom: 6px;
}

.rc-mmv-modalTitle{
  font-size: 16px;
  font-weight: 800;
  margin: 0;
  line-height: 1.2;
}

.rc-mmv-modalText{
  margin: 0;
  font-size: 13.5px;
  line-height: 1.45;
  color: rgba(16,16,20,.72);
}

.rc-mmv-modalActions{
  display:flex;
  justify-content:flex-end;
  gap: 10px;
  margin-top: 12px;
}

.rc-mmv-btnCompact{
  height: 40px;
  padding: 0 14px;
  border-radius: 12px;
  font-weight: 800;
}

/* ✅ Inline status onder progressbar */
#mmvInlineStatus{
  font-size: 14.5px;
  font-weight: 800;
  letter-spacing: .1px;
  color: #0b6b3a;           /* donker groen */
  min-height: 18px;
}

/* ✅ Knipperen wanneer ‘actief / succes’ */
.mmv-blink{
  animation: mmvBlink 1.1s infinite;
}
@keyframes mmvBlink{
  0%, 100%{ opacity: 1; }
  50%{ opacity: .28; }
}