.rdvfp {
  --rdvfp-accent: #98516f;
  --rdvfp-ink: #494151;
  --rdvfp-track: #f0e9ed;
  --rdvfp-icon-bg: #f7f2f5;
  box-sizing: border-box;
  width: calc(100% - 32px);
  max-width: 1280px;
  margin: 10px auto;
  color: var(--rdvfp-ink);
  text-align: left;
  font-family: inherit;
  clear: both;
}
.rdvfp *, .rdvfp *::before, .rdvfp *::after { box-sizing: border-box; }
.rdvfp[hidden] { display: none !important; }
.rdvfp .rdvfp__card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border: 1px solid #eae5e9;
  border-radius: 10px;
  background: #fff;
  box-shadow: none;
  position: relative;
}
.rdvfp .rdvfp__icon {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 9px;
  background: var(--rdvfp-icon-bg);
  color: var(--rdvfp-accent);
}
.rdvfp .rdvfp__icon svg { width: 22px; height: 22px; }
.rdvfp .rdvfp__body { flex: 1 1 auto; min-width: 0; }
.rdvfp .rdvfp__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.rdvfp .rdvfp__headline { margin: 0; color: var(--rdvfp-ink); font-size: 15px; font-weight: 500; line-height: 1.4; }
.rdvfp .rdvfp__headline strong { color: var(--rdvfp-accent); font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; }
.rdvfp .rdvfp__badge { display: none; }
.rdvfp .rdvfp__detail { color: #756b7a; font-size: 11px; line-height: 1.4; margin: 3px 0 8px; }
.rdvfp .rdvfp__track { height: 4px; border-radius: 10px; background: var(--rdvfp-track); overflow: hidden; }
.rdvfp .rdvfp__fill { width: 0; height: 100%; border-radius: inherit; background: #bc819f; transition: width .65s cubic-bezier(.2,.65,.2,1); }
.rdvfp .rdvfp__meta { display: flex; justify-content: space-between; gap: 10px; margin-top: 5px; font-size: 10px; line-height: 1.4; color: #756b7a; font-variant-numeric: tabular-nums; }
.rdvfp .rdvfp__meta span:last-child { text-align: right; }
.rdvfp .rdvfp__tick, .rdvfp .rdvfp__warning-symbol { display: none; }
.rdvfp .rdvfp__sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.rdvfp[data-status="success"], .rdvfp[data-status="eligible"] { --rdvfp-accent: #39765e; --rdvfp-icon-bg: #eff6f1; --rdvfp-track: #e8f0eb; }
.rdvfp[data-status="success"] .rdvfp__card, .rdvfp[data-status="eligible"] .rdvfp__card { background: #fff; border-color: #dbe6df; }
.rdvfp[data-status="success"] .rdvfp__fill, .rdvfp[data-status="eligible"] .rdvfp__fill { background: #7da58e; }
.rdvfp[data-status="success"] .rdvfp__truck, .rdvfp[data-status="eligible"] .rdvfp__truck { display: none; }
.rdvfp[data-status="success"] .rdvfp__tick, .rdvfp[data-status="eligible"] .rdvfp__tick { display: block; }
.rdvfp[data-status="warning"] { --rdvfp-accent: #ae2438; --rdvfp-icon-bg: #fde0e5; --rdvfp-track: #f8d9df; --rdvfp-ink: #8d1b2d; }
.rdvfp[data-status="warning"] .rdvfp__card { border: 2px solid #d04458; background: #fff3f5; }
.rdvfp[data-status="warning"] .rdvfp__headline { font-weight: 700; }
.rdvfp[data-status="warning"] .rdvfp__detail { color: #922339; font-size: 12px; font-weight: 600; }
.rdvfp[data-status="warning"] .rdvfp__fill { background: #cf4158; }
.rdvfp[data-status="warning"] .rdvfp__truck { display: none; }
.rdvfp[data-status="warning"] .rdvfp__warning-symbol { display: block; font-size: 26px; font-weight: 800; line-height: 1; }
@media (max-width: 700px) {
  .rdvfp { width: calc(100% - 24px); margin: 8px auto; }
  .rdvfp .rdvfp__card { padding: 11px 12px; gap: 9px; align-items: flex-start; border-radius: 9px; }
  .rdvfp .rdvfp__icon { flex-basis: 28px; width: 28px; height: 28px; border-radius: 7px; }
  .rdvfp .rdvfp__icon svg { width: 20px; height: 20px; }
  .rdvfp .rdvfp__top { display: block; }
  .rdvfp .rdvfp__headline { font-size: 14px; line-height: 1.4; }
  .rdvfp .rdvfp__badge { display: none; }
  .rdvfp .rdvfp__detail { font-size: 11px; margin-top: 3px; }
  .rdvfp .rdvfp__meta { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .rdvfp .rdvfp__fill { transition: none; }
}
