.vvds-status--normal{--vvds-bg:var(--vvds-normal);--vvds-fg:var(--vvds-text-normal)}
.vvds-status--forstyrrelse{--vvds-bg:var(--vvds-forstyrrelse);--vvds-fg:var(--vvds-text-active)}
.vvds-status--brud{--vvds-bg:var(--vvds-brud);--vvds-fg:var(--vvds-text-active)}
.vvds-status--planlagt{--vvds-bg:var(--vvds-planlagt);--vvds-fg:#fff}
.vvds-status--kritisk{--vvds-bg:var(--vvds-kritisk);--vvds-fg:#fff}

/* Statusbar: kompakt og fuld bredde, også i Elementor shortcode-widgets. */
.vvds-bar-wrap{display:block;width:100%;max-width:none;margin:0;padding:0;align-self:stretch;flex:1 1 100%}
.vvds-bar{display:flex;width:100%;max-width:none;min-height:38px;margin:0;padding:0;background:var(--vvds-bg);color:var(--vvds-fg);font:inherit;text-align:center;font-weight:700;line-height:1;align-items:stretch}
.vvds-bar__link,.vvds-bar__text{display:flex;width:100%;min-height:38px;margin:0;padding:0 16px;color:inherit;text-decoration:none;align-items:center;justify-content:center;gap:14px;box-sizing:border-box}
.vvds-bar__title{font-weight:700}
.vvds-bar__cta{font-size:.9em;font-weight:700;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.vvds-bar__link:hover .vvds-bar__cta,.vvds-bar__link:focus .vvds-bar__cta{text-decoration-thickness:2px}
.vvds-bar__link:hover,.vvds-bar__link:focus{color:inherit}
.vvds-bar-sentinel{display:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important}

/* Elementor kan ellers lade shortcode-widgetten få indholdsbredden. */
.elementor-widget-shortcode:has(.vvds-bar-wrap),
.elementor-widget-shortcode:has(.vvds-bar-wrap) > .elementor-widget-container{width:100%!important;max-width:none!important;align-self:stretch!important;flex:1 1 100%!important;margin:0!important;padding:0!important}
.elementor-widget-shortcode:has(.vvds-bar-wrap) .elementor-shortcode{display:block;width:100%;max-width:none;margin:0;padding:0}

.vvds-card{color:#071b3a}
.vvds-card__label{display:inline-flex;align-items:center;background:var(--vvds-bg);color:var(--vvds-fg);padding:7px 12px;border-radius:8px;font-size:.78em;font-weight:700;text-transform:uppercase;letter-spacing:.02em;margin-bottom:12px}
.vvds-card__title{font-weight:700;margin-bottom:7px}
.vvds-card__message{line-height:1.5;margin-bottom:14px}
.vvds-card__link{display:inline-flex;gap:7px;align-items:center;color:inherit;font-weight:700;text-decoration:none}
.vvds-card__link:hover,.vvds-card__link:focus{text-decoration:underline}

.vvds-history{display:grid;gap:16px}
.vvds-history__item{border:1px solid #e4e8ee;border-left:6px solid var(--vvds-bg);border-radius:12px;padding:18px;background:#fff;color:#071b3a}
.vvds-history__item h3{margin:.35em 0}
.vvds-history__item p{margin:.5em 0}
.vvds-history__meta{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;font-size:.82em;color:#5d6878}
.vvds-history__meta span{font-weight:700;color:#071b3a}

@media (max-width:680px){
.vvds-bar,.vvds-bar__link,.vvds-bar__text{min-height:36px}
.vvds-bar__link,.vvds-bar__text{padding:6px 12px;gap:7px;flex-wrap:wrap;line-height:1.2}
.vvds-bar__cta{font-size:.82em}
.vvds-history__item{padding:15px}
}