/* =================================================================
   STATUS TOKENS — dark theme defaults (apply in both themes)
   ================================================================= */
:root{
  --vr-status-success-bg:    rgba(16,185,129,0.12);
  --vr-status-success-border:rgba(16,185,129,0.90);
  --vr-status-success-text:  #6ee7b7;

  --vr-status-warning-bg:    rgba(245,158,11,0.14);
  --vr-status-warning-border:rgba(245,158,11,0.95);
  --vr-status-warning-text:  #fed7aa;

  --vr-status-primary-bg:    rgba(108,99,255,0.18);
  --vr-status-primary-border:rgba(129,140,248,0.90);
  --vr-status-primary-text:  #e5edff;

  --vr-status-info-bg:       rgba(56,189,248,0.18);
  --vr-status-info-border:   rgba(56,189,248,0.90);
  --vr-status-info-text:     #bae6fd;

  --vr-status-danger-bg:     rgba(248,113,113,0.18);
  --vr-status-danger-border: rgba(248,113,113,0.95);
  --vr-status-danger-text:   #fecaca;

  --vr-status-muted-bg:      rgba(148,163,184,0.10);
  --vr-status-muted-border:  rgba(148,163,184,0.85);
  --vr-status-muted-text:    #e5e7eb;
}

/* Light theme: boost border saturation so they read on white */
:root[data-theme="light"]{
  --vr-status-success-border:rgba(16,185,129,0.95);
  --vr-status-warning-border:rgba(245,158,11,1.00);
  --vr-status-danger-border: rgba(239,68,68,0.95);
  --vr-status-info-border:   rgba(56,189,248,0.95);
  --vr-status-primary-border:rgba(108,99,255,0.95);
  --vr-status-muted-border:  rgba(148,163,184,0.90);
}


/* =================================================================
   BASE PILL / BADGE
   ================================================================= */
.vr-status-badge,
.vr-status-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0.25rem 0.8rem;
  border-radius:999px;
  font-size:0.75rem;
  font-weight:600;
  border-width:1px;
  border-style:solid;
  white-space:nowrap;
}

/* Trim container */
.vr-status-trim{
  position:relative;
  overflow:hidden;
}
.vr-status-trim::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  border-width:2px;
  border-style:solid;
  border-color:transparent;
  pointer-events:none;
}


/* =================================================================
   ACCENT CLASSES — shared base (dark theme)
   ================================================================= */
.vr-status-accent-success{
  background:var(--vr-status-success-bg);
  border-color:var(--vr-status-success-border);
  color:var(--vr-status-success-text);
}
.vr-status-accent-warning{
  background:var(--vr-status-warning-bg);
  border-color:var(--vr-status-warning-border);
  color:var(--vr-status-warning-text);
}
.vr-status-accent-primary{
  background:var(--vr-status-primary-bg);
  border-color:var(--vr-status-primary-border);
  color:var(--vr-status-primary-text);
}
.vr-status-accent-info{
  background:var(--vr-status-info-bg);
  border-color:var(--vr-status-info-border);
  color:var(--vr-status-info-text);
}
.vr-status-accent-danger{
  background:var(--vr-status-danger-bg);
  border-color:var(--vr-status-danger-border);
  color:var(--vr-status-danger-text);
}
.vr-status-accent-muted{
  background:var(--vr-status-muted-bg);
  border-color:var(--vr-status-muted-border);
  color:var(--vr-status-muted-text);
}

/* Trim borders */
.vr-status-trim-success::before{ border-color:var(--vr-status-success-border); }
.vr-status-trim-warning::before{ border-color:var(--vr-status-warning-border); }
.vr-status-trim-primary::before{ border-color:var(--vr-status-primary-border); }
.vr-status-trim-info::before{    border-color:var(--vr-status-info-border); }
.vr-status-trim-danger::before{  border-color:var(--vr-status-danger-border); }
.vr-status-trim-muted::before{   border-color:var(--vr-status-muted-border); }


/* =================================================================
   LIGHT THEME — PILLS & BADGES
   ================================================================= */
:root[data-theme="light"] .vr-status-badge,
:root[data-theme="light"] .vr-status-pill{
  background:#111827 !important;
  color:#e5e7eb !important;
  font-weight:600;
}

:root[data-theme="light"] .vr-status-badge.vr-status-accent-success,
:root[data-theme="light"] .vr-status-pill.vr-status-accent-success{
  background:linear-gradient(to left, rgba(16,185,129,.55) 0%, #111827 55%) !important;
  border-color:var(--vr-status-success-border) !important;
  color:#6ee7b7 !important;
}
:root[data-theme="light"] .vr-status-badge.vr-status-accent-warning,
:root[data-theme="light"] .vr-status-pill.vr-status-accent-warning{
  background:linear-gradient(to left, rgba(245,158,11,.60) 0%, #111827 55%) !important;
  border-color:var(--vr-status-warning-border) !important;
  color:#fde68a !important;
}
:root[data-theme="light"] .vr-status-badge.vr-status-accent-danger,
:root[data-theme="light"] .vr-status-pill.vr-status-accent-danger{
  background:linear-gradient(to left, rgba(239,68,68,.60) 0%, #111827 55%) !important;
  border-color:var(--vr-status-danger-border) !important;
  color:#fecaca !important;
}
:root[data-theme="light"] .vr-status-badge.vr-status-accent-info,
:root[data-theme="light"] .vr-status-pill.vr-status-accent-info{
  background:linear-gradient(to left, rgba(56,189,248,.55) 0%, #111827 55%) !important;
  border-color:var(--vr-status-info-border) !important;
  color:#bae6fd !important;
}
:root[data-theme="light"] .vr-status-badge.vr-status-accent-primary,
:root[data-theme="light"] .vr-status-pill.vr-status-accent-primary{
  background:linear-gradient(to left, rgba(108,99,255,.60) 0%, #111827 55%) !important;
  border-color:var(--vr-status-primary-border) !important;
  color:#c7d2fe !important;
}
:root[data-theme="light"] .vr-status-badge.vr-status-accent-muted,
:root[data-theme="light"] .vr-status-pill.vr-status-accent-muted{
  background:linear-gradient(to left, rgba(148,163,184,.45) 0%, #111827 55%) !important;
  border-color:var(--vr-status-muted-border) !important;
  color:#e2e8f0 !important;
}


/* =================================================================
   LIGHT THEME — STATUS GUIDE CARDS
   ================================================================= */
:root[data-theme="light"] .vr-status-list-card,
:root[data-theme="light"] .vr-status-list > a,
:root[data-theme="light"] .vr-status-list > div{
  background:#ffffff !important;
  color:var(--vr-text) !important;
  box-shadow:0 10px 28px rgba(15,23,42,.09) !important;
}

:root[data-theme="light"] .vr-status-list-card.vr-status-trim-success{
  box-shadow:0 0 0 2px var(--vr-status-success-border),0 14px 32px rgba(16,185,129,.15) !important;
}
:root[data-theme="light"] .vr-status-list-card.vr-status-trim-warning{
  box-shadow:0 0 0 2px var(--vr-status-warning-border),0 14px 32px rgba(245,158,11,.15) !important;
}
:root[data-theme="light"] .vr-status-list-card.vr-status-trim-danger{
  box-shadow:0 0 0 2px var(--vr-status-danger-border),0 14px 32px rgba(239,68,68,.15) !important;
}
:root[data-theme="light"] .vr-status-list-card.vr-status-trim-info{
  box-shadow:0 0 0 2px var(--vr-status-info-border),0 14px 32px rgba(56,189,248,.15) !important;
}
:root[data-theme="light"] .vr-status-list-card.vr-status-trim-primary{
  box-shadow:0 0 0 2px var(--vr-status-primary-border),0 14px 32px rgba(108,99,255,.15) !important;
}
:root[data-theme="light"] .vr-status-list-card.vr-status-trim-muted{
  box-shadow:0 0 0 2px var(--vr-status-muted-border),0 14px 32px rgba(15,23,42,.10) !important;
}

:root[data-theme="light"] .vr-status-list-card .vr-status-list-body,
:root[data-theme="light"] .vr-status-list-card p{
  color:var(--vr-muted) !important;
}
:root[data-theme="light"] .vr-status-list-card h3{
  color:var(--vr-text) !important;
}
:root[data-theme="light"] .vr-status-list-card a:not(.vr-status-badge):not(.vr-status-pill){
  color:var(--vr-accent) !important;
}


/* =================================================================
   STATUS PAGE LAYOUT
   ================================================================= */
.vr-status-page{ gap:2rem; }
.vr-status-hero{ display:flex; flex-direction:column; gap:1.5rem; }
.vr-status-explainer{ display:flex; flex-direction:column; gap:1.25rem; }
.vr-status-explainer-header{ display:flex; gap:1rem; align-items:center; }
.vr-status-explainer-badge{ flex:0 0 auto; }
.vr-status-notes{
  margin:0; padding-left:1.1rem;
  display:flex; flex-direction:column; gap:.35rem; font-size:.9rem;
}
.vr-status-notes li{ color:var(--vr-muted); }
.vr-status-help{ margin-top:.75rem; font-size:.85rem; color:var(--vr-muted); }
.vr-status-list-header{ margin-bottom:.75rem; }
.vr-status-list{
  margin-top:1.25rem;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:1.75rem;
}
@media(min-width:900px){ .vr-status-list{ gap:2rem; } }

.vr-status-list-card[data-active="true"]{ outline:2px solid var(--vr-accent); outline-offset:2px; }
.vr-status-list-card-header{ display:flex; justify-content:space-between; align-items:center; gap:.75rem; }
.vr-status-list-badge{ flex:0 0 auto; }
.vr-status-list-body{ margin-top:.45rem; font-size:.9rem; color:var(--vr-muted); }
.vr-status-list-link{ margin-top:.4rem; font-size:.8rem; }
.vr-status-list-link a{ text-decoration:underline; }
.vr-status-badge-link{ text-decoration:none; }
.vr-status-badge-link .vr-status-badge{ pointer-events:none; }

.vr-status-list-card,
.vr-status-list a.vr-status-list-card,
.vr-status-list .status-card,
.vr-status-list a.status-card,
.vr-status-list .vr-status-card,
.vr-status-list a.vr-status-card,
.vr-status-list > a,
.vr-status-list > div{
  border-radius:18px !important;
  padding:22px !important;
  overflow:hidden;
  backdrop-filter:blur(12px);
}
@media(min-width:900px){
  .vr-status-list-card,
  .vr-status-list a.vr-status-list-card,
  .vr-status-list .status-card,
  .vr-status-list a.status-card,
  .vr-status-list .vr-status-card,
  .vr-status-list a.vr-status-card,
  .vr-status-list > a,
  .vr-status-list > div{ padding:26px !important; }
}

.vr-status-list-card h3,
.vr-status-list .status-title{ margin-top:0; margin-bottom:.75rem; }
.vr-status-list-card .status-pill,
.vr-status-list .status-pill{ margin:.5rem 0 1.1rem 0; }
.vr-status-list-card p,
.vr-status-list .status-desc{ margin:.75rem 0 1rem 0; line-height:1.5; }


/* =================================================================
   FROSTED GLASS INTERACTIVE PILL
   ================================================================= */
.vr-status-badge--clickable,
.vr-status-pill--clickable{
  cursor:pointer;
  position:relative;
  overflow:hidden;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(255,255,255,0.15),rgba(255,255,255,0.03));
  border:1px solid rgba(255,255,255,0.28);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  text-shadow:0 1px 2px rgba(0,0,0,0.45);
  transition:transform 160ms cubic-bezier(.22,.61,.36,1),
    box-shadow 180ms ease,background-color 160ms ease,
    border-color 160ms ease,color 160ms ease,opacity 140ms ease;
}

.vr-status-badge--clickable.vr-status-accent-success,
.vr-status-pill--clickable.vr-status-accent-success{
  background:linear-gradient(135deg,rgba(0,196,179,.55),rgba(0,196,179,.12));
}
.vr-status-badge--clickable.vr-status-accent-warning,
.vr-status-pill--clickable.vr-status-accent-warning{
  background:linear-gradient(135deg,rgba(255,184,0,.55),rgba(255,184,0,.10));
}
.vr-status-badge--clickable.vr-status-accent-danger,
.vr-status-pill--clickable.vr-status-accent-danger{
  background:linear-gradient(135deg,rgba(255,75,75,.65),rgba(255,75,75,.18));
}
.vr-status-badge--clickable.vr-status-accent-primary,
.vr-status-pill--clickable.vr-status-accent-primary{
  background:linear-gradient(135deg,rgba(108,99,255,.55),rgba(108,99,255,.14));
}
.vr-status-badge--clickable.vr-status-accent-info,
.vr-status-pill--clickable.vr-status-accent-info{
  background:linear-gradient(135deg,rgba(56,189,248,.55),rgba(56,189,248,.14));
}
.vr-status-badge--clickable.vr-status-accent-muted,
.vr-status-pill--clickable.vr-status-accent-muted{
  background:linear-gradient(135deg,rgba(148,163,184,.45),rgba(15,23,42,.55));
}

.vr-status-badge--clickable:hover,
.vr-status-pill--clickable:hover{
  transform:translateY(-2px) scale(1.04);
  box-shadow:0 6px 16px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.18),0 0 18px rgba(255,255,255,.25);
  opacity:.98;
}
.vr-status-badge--clickable:active,
.vr-status-pill--clickable:active{
  transform:translateY(0) scale(.97);
  box-shadow:0 2px 6px rgba(0,0,0,.35) inset,0 0 8px rgba(0,0,0,.35);
  opacity:.92;
}
.vr-status-badge--clickable:focus-visible,
.vr-status-pill--clickable:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(0,196,179,.65),0 3px 12px rgba(0,0,0,.4),0 0 18px rgba(0,196,179,.75);
  transform:translateY(-1px) scale(1.03);
}


/* =================================================================
   MOBILE FIX
   ================================================================= */
@media(max-width:640px){
  .vr-status-explainer-header{ flex-wrap:nowrap; }
  .vr-status-explainer-badge{ flex-shrink:0; min-width:auto; display:inline-flex; }
}


/* =================================================================
   PREMIUM STAMP — Full Provenance Verified
   Green body (Expert Verified palette) + gold border halo.
   Single slow shimmer sweep. Quiet glow breathe. Nothing more.
   ================================================================= */

/* Slow single shimmer — like light catching a signet ring */
@keyframes vr-premium-shimmer{
  0%        { transform:translateX(-180%) skewX(-15deg); opacity:0; }
  15%       { opacity:1; }
  50%, 100% { transform:translateX(180%) skewX(-15deg); opacity:0; }
}

/* Very soft gold glow breathe on the border */
@keyframes vr-premium-breathe{
  0%,100%{ box-shadow:
    0 0 0 1px rgba(255,184,0,.15) inset,
    0 0  8px rgba(255,184,0,.10),
    0 0 16px rgba(16,185,129,.08); }
  50%    { box-shadow:
    0 0 0 1px rgba(255,184,0,.25) inset,
    0 0 14px rgba(255,184,0,.18),
    0 0 24px rgba(16,185,129,.12); }
}

/* Card trim: gold ring only, no extra noise */
.vr-status-premium.vr-status-trim::before,
.vr-status-trim.vr-status-premium::before{
  border-color:rgba(255,184,0,.75) !important;
}

/* The pill */
.vr-status-badge.vr-status-premium{
  background:linear-gradient(135deg,
    rgba(16,185,129,.50) 0%,
    rgba(16,185,129,.15) 60%,
    rgba(0,196,179,.22) 100%
  ) !important;
  border-color:rgba(255,184,0,.80) !important;
  border-width:2px;
  color:#6ee7b7 !important;
  position:relative;
  overflow:hidden;
  animation:vr-premium-breathe 4s ease-in-out infinite;
}

/* Single gold shimmer sweep — fires every ~6 s, takes 1.2 s to cross */
.vr-status-badge.vr-status-premium::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:999px;
  pointer-events:none;
  background:linear-gradient(105deg,
    transparent 30%,
    rgba(255,220,100,.22) 46%,
    rgba(255,255,255,.14) 50%,
    rgba(255,220,100,.18) 54%,
    transparent 70%
  );
  animation:vr-premium-shimmer 6s ease-in-out infinite;
}

/* Light theme: same treatment, slightly richer green base */
:root[data-theme="light"] .vr-status-badge.vr-status-premium{
  background:linear-gradient(to left,
    rgba(16,185,129,.55) 0%,
    #0d1f16 55%
  ) !important;
  color:#6ee7b7 !important;
  border-color:rgba(255,184,0,.85) !important;
}