.vscard{width:min(480px,100%);min-width:0}.vscard .mail-card__meta{flex:1 1 0;min-width:0}.vscard .mail-card__head{row-gap:var(--space-3);flex-wrap:wrap}.vscard .mail-card__title{overflow-wrap:anywhere;min-width:0}.vscard__badge{align-items:center;gap:var(--space-2);display:inline-flex}.vscard__dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--color-active-orange)}.vscard__progress{height:var(--space-1);border-radius:var(--radius-full);background:var(--tint-grey-12);margin-bottom:var(--space-5);overflow:hidden}.vscard__bar{background:linear-gradient(90deg, var(--color-active-orange), var(--color-gentle-orange));transform-origin:0;width:100%;height:100%;display:block}.vscard__list{gap:var(--space-3);display:grid}.vscard__row .from{font-size:var(--text-xs);white-space:normal}.vscard__row .subject{white-space:normal}.vscard__level{white-space:nowrap;font-family:var(--font-display);font-weight:var(--fw-extrabold);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--border-dark);color:var(--fg-muted);background:var(--tint-grey-06);flex:none;margin-left:auto}.vscard__level--hoog{color:var(--fg-accent);border-color:var(--tint-orange-35);background:var(--tint-orange-10)}.vscard__level--kritiek{color:var(--fg-on-orange);border-color:var(--color-active-orange);background:var(--color-active-orange);box-shadow:0 0 0 var(--space-1) var(--tint-orange-16)}.vscard__row--kritiek{border-color:var(--tint-orange-35);background:var(--tint-orange-06)}.vscard__row--kritiek .ic{color:var(--fg-accent)}.vscard__report{align-items:center;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border-dark);font-size:var(--text-xs);color:var(--fg-muted);display:flex}.vscard__report .ic{color:var(--accent-primary);flex:none}.vscard__report strong{color:var(--fg-on-dark)}.vscard.is-live .vscard__row,.vscard.is-live .vscard__report{opacity:0;transform:translateY(var(--space-2));transition:opacity .4s ease-out,transform .4s ease-out}.vscard.is-live .vscard__row.is-in,.vscard.is-live .vscard__report.is-in{opacity:1;transform:none}.vscard.is-live .vscard__bar{transition:opacity .4s ease-out}.vscard.is-scanning .vscard__dot{animation:1.6s ease-in-out infinite vscard-pulse}.vscard.is-fading .vscard__bar,.vscard.is-fading .vscard__row.is-in,.vscard.is-fading .vscard__report.is-in{opacity:0;transform:none}@keyframes vscard-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.7)}}