/* Kriswebb driftstatus — grön/gul/röd status. Neutral styling; branding sätts i
   sidinnehållet. JS (kriswebb-outages.js) sätter is-green/is-yellow/is-red.
   Dold som default: syns först när JS bekräftat giltig data via en statusklass,
   annars (ingen outages.json, hämtningsfel) förblir widgeten borta. */

.kriswebb-outages {
    display: none;
    align-items: center;
    gap: 0.6em;
    padding: 0.5em 1em;
    border-radius: 999px;
    font-weight: 600;
    line-height: 1.3;
    border: 1px solid currentColor;
}

.kriswebb-outages::before {
    content: "";
    flex: 0 0 auto;
    width: 0.75em;
    height: 0.75em;
    border-radius: 50%;
    background: currentColor;
}

.kriswebb-outages.is-green,
.kriswebb-outages.is-yellow,
.kriswebb-outages.is-red {
    display: inline-flex;
}

.kriswebb-outages__text {
    margin: 0;
}

.kriswebb-outages.is-green {
    color: #1a7f37;
    background: #eaf6ee;
}

.kriswebb-outages.is-yellow {
    color: #8a6100;
    background: #fbf3e0;
}

.kriswebb-outages.is-red {
    color: #b42318;
    background: #fbeae8;
}