/* Container-Reihe (Badge links, Branding rechts) */
.bvpc-row{display:flex;align-items:center;gap:18px;margin-top:14px}
.bvpc-row--dark .bvpc-brand{opacity:.9}

/* Badge */
.bvpc-mini{
  --bvpc-ok-color:#16a34a;
  --bvpc-pending-color:#16a34a;
  --bvpc-ok-bg:rgba(22,163,74,.14);
  --bvpc-ok-border:rgba(22,163,74,.42);
  --bvpc-pend-bg:rgba(22,163,74,.12);
  --bvpc-pend-bor:rgba(22,163,74,.32);
  --bvpc-shimmer:rgba(22,163,74,.35);
  --bvpc-anim-ms:2600ms;

  display:inline-flex;align-items:center;border-radius:10px;padding:10px 14px 10px 12px;
  border:1px solid var(--bvpc-pend-bor); background:var(--bvpc-pend-bg);
  color:var(--bvpc-pending-color);
}
.bvpc-host{
  /* Default-Werte – werden durch Inline-Variablen aus dem Plugin überschrieben */
  --bvpc-font: 12px;
  --bvpc-icon: 18px;
  --bvpc-pad-y: 8px;
  --bvpc-pad-x: 12px;
  --bvpc-radius: 10px;
}

.bvpc-mini.is-ok{
  border-color:var(--bvpc-ok-border); background:var(--bvpc-ok-bg);
  color:var(--bvpc-ok-color);
}

/* Linke Seite */
.bvpc-mini__left{display:flex;align-items:center;gap:10px;min-height:22px}
.bvpc-ico{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px}
.bvpc-ico .bvpc-svg{width:20px;height:20px;display:block}
.bvpc-mini__text{font-weight:700;line-height:1.2}

/* Pending-Leiste */
.bvpc-mini__bar{display:inline-flex;width:96px;height:7px;border-radius:6px;background:rgba(255,255,255,.14);margin-left:6px;overflow:hidden;position:relative}
.bvpc-mini__bar:after{
  content:"";position:absolute;inset:0;transform:translateX(-100%);
  background:linear-gradient(90deg, transparent 0%, var(--bvpc-shimmer) 50%, transparent 100%);
  animation:bvpc-shimmer var(--bvpc-anim-ms) ease-in-out infinite;
}
.bvpc-mini.is-ok .bvpc-mini__bar{display:none}

/* Branding rechts */
.bvpc-brand{font-weight:700;text-decoration:none}
.bvpc-row--dark .bvpc-brand{color:#ff0a78}
.bvpc-row:not(.bvpc-row--dark) .bvpc-brand{color:#c50763}

/* SVG einfärben über currentColor */
.bvpc-mini .bvpc-svg{fill:currentColor}
.bvpc-mini .bvpc-svg path,
.bvpc-mini .bvpc-svg circle,
.bvpc-mini .bvpc-svg rect{fill:currentColor !important}

@keyframes bvpc-shimmer{
  0%{transform:translateX(-100%)}
  50%{transform:translateX(0)}
  100%{transform:translateX(100%)}
}