/* De fyra lägena från js/status.js: skelett (dröjer), tomt, fel och inaktuellt. Samma utseende i alla vyer. */
.st-msg { margin: 0; color: var(--text-2); font-size: var(--fs-sm); line-height: 1.45; }
.st-empty { display: grid; gap: 6px; justify-items: start; }
.st-empty p { margin: 0; font-size: var(--fs-sm); line-height: 1.45; }
.st-empty .st-gain { color: var(--muted); }
.st-err { display: grid; gap: 8px; justify-items: start; padding: 10px 12px; border-radius: var(--r-md); background: var(--surface-2); border-left: 3px solid var(--bad); }
.st-err p { margin: 0; font-size: var(--fs-sm); line-height: 1.45; color: var(--fg); }
.st-err.compact { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; padding: 6px 10px; }
/* Försök igen ser likadan ut på undersidorna, som inte har appens .btn */
.st-retry { font: var(--fw-bold) var(--fs-sm) var(--font); border: 1.5px solid var(--line); background: var(--panel); color: var(--fg); border-radius: var(--r-md); padding: 7px 12px; min-height: 36px; cursor: pointer; }
.st-retry:hover { border-color: var(--accent); }
/* Inaktuellt: grått och lugnt, aldrig grönt */
.st-stale { margin: 0; color: var(--muted); font-size: var(--fs-xs); }
.st-stale::before { content: ''; display: inline-block; width: 8px; height: 8px; margin-right: 6px; border-radius: 50%; background: var(--muted); vertical-align: 0; }
.is-stale { filter: grayscale(1); opacity: .72; }
.st-upd { white-space: nowrap; }
/* Försök igen mitt i en rad text (grafens statusrad, raden om källorna) */
.st-link { font: inherit; font-weight: var(--fw-bold); background: none; border: 0; padding: 0; color: var(--accent); text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }