/* Wilhelm Systemstatus — scoped to avoid collisions with Schmidt.Network and Gutenberg. */
.wss-dashboard{--wss-green:#34d399;--wss-red:#fb7185;--wss-yellow:#fbbf24;--wss-cyan:#55d5fa;--wss-border:#2d4059;color:#eef5ff;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;margin:0 0 30px}
.wss-status-page .content-area{max-width:1160px}
.wss-status-page .content-area>article>h1{margin-bottom:28px}
.wss-head{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:22px}
.wss-head h2{font:850 clamp(1.6rem,3.4vw,2.7rem)/1.15 system-ui,sans-serif;letter-spacing:-.04em;margin:7px 0 8px!important;color:#f2f7ff}
.wss-head p{margin:0;color:#a9bbce}
.wss-eyebrow{font:750 11px/1.5 system-ui,sans-serif;letter-spacing:.15em;color:#4dd3f2}
.wss-refreshed{font:650 12px/1.3 system-ui,sans-serif;border:1px solid #2b5f6f;color:#91e3f7;border-radius:30px;padding:8px 13px;white-space:nowrap;background:#113044}
.wss-overall{display:flex;gap:17px;align-items:center;padding:26px 27px;border:1px solid #236d52;background:linear-gradient(125deg,#102e2a,#0e262c);border-radius:17px;margin-bottom:20px}
.wss-overall.wss-down{border-color:#984657;background:linear-gradient(115deg,#381b2c,#201a2d)}
.wss-overall.wss-maintenance{border-color:#997334;background:linear-gradient(115deg,#322815,#2a2430)}
.wss-overall.wss-pending,.wss-overall.wss-unknown{border-color:#39516b;background:#142338}
.wss-overall-icon{height:48px;width:48px;display:grid;place-items:center;flex-shrink:0;border-radius:14px;color:#06251b;background:#34d399;font-weight:900;font-size:27px;line-height:1}
.wss-down .wss-overall-icon{background:#fb7185;color:#341019}
.wss-maintenance .wss-overall-icon{background:#fbbf24;color:#392209}
.wss-unknown .wss-overall-icon,.wss-pending .wss-overall-icon{background:#94b9ce;color:#142437}
.wss-overall strong{display:block;font-size:1.3rem;line-height:1.4}
.wss-overall p{margin:3px 0 0;color:#c4d2dc}
.wss-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:27px}
.wss-stat{background:#132137;border:1px solid #2c405a;border-radius:13px;padding:18px 21px;display:flex;flex-direction:column}
.wss-stat span{color:#a7b9d0;font-size:.87rem}
.wss-stat strong{color:#e8f9ff;font-size:2.05rem;font-weight:830;line-height:1.3;font-variant-numeric:tabular-nums}
.wss-stat:nth-child(2) strong{color:#fb8798}
.wss-stat:nth-child(3) strong{color:#ffcf6a}
.wss-group{margin:32px 0 0}
.wss-group h3{color:#f0f6ff;font:790 1.4rem/1.3 system-ui,sans-serif;letter-spacing:-.02em;margin:0 0 15px!important}
.wss-monitor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.wss-monitor{border:1px solid #2c4059;background:#121e32;border-radius:16px;padding:20px 22px;min-width:0;transition:border-color .2s,transform .2s}
.wss-monitor:hover{border-color:#4a8098;transform:translateY(-2px)}
.wss-monitor-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;margin-bottom:21px}
.wss-monitor-heading strong{font-weight:740;line-height:1.4;overflow-wrap:anywhere}
.wss-pill{font:750 .72rem/1 system-ui,sans-serif;white-space:nowrap;border-radius:999px;padding:7px 10px;display:inline-block;border:1px solid #416678;background:#12364a;color:#91d9f5}
.wss-pill.wss-up,.wss-pill.wss-ok{border-color:#1f6955;background:#103b35;color:#74efbc}
.wss-pill.wss-down{border-color:#843748;background:#4d2231;color:#ffabb6}
.wss-pill.wss-maintenance{border-color:#80632d;background:#3d311f;color:#ffd877}
/* Keep all history bars in the monitor card, no matter how many samples are returned.
   Equal implicit grid columns avoid flex min-content expansion in narrow theme layouts. */

/* Explicit state colors outrank the neutral bar style. */



.wss-monitor-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 12px;font-size:.77rem;color:#98adc5}
.wss-notice{border:1px solid #385876;background:#172940;border-radius:12px;padding:18px 20px;margin:12px 0}
.wss-notice.wss-down{border-color:#87465a;background:#331d2c}
.wss-notice.wss-maintenance{border-color:#80632d;background:#352a1c}
.wss-dashboard .wss-notice.wss-resolved,.wss-dashboard .wss-notice.wss-announcement{border-color:#287b61;background:#15372e;color:#d3ffe9}
.wss-notice strong{display:block;color:#eff6ff}
.wss-notice p,.wss-maintenance-list > .wss-maintenance p{margin:5px 0 0;color:#d4dfea;white-space:pre-wrap}
/* v2.1.1: Scope notice padding; the .wss-maintenance state class is also used
   on thin history segments and must never inherit the notice padding. */
.wss-maintenance-list{display:grid;gap:12px}
.wss-maintenance-list > .wss-maintenance{display:flex;gap:15px;align-items:flex-start;background:#142238;border:1px solid #304561;border-radius:13px;padding:16px 20px}
.wss-empty{background:#142338;border:1px solid #36516d;color:#bcd0de;padding:18px 22px;border-radius:12px}
.wss-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:20px;font-size:.8rem;color:#8fa5bd}
.wss-footer a{color:#69def7}
.wss-site-banner{color:#fff;font:600 14px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif;border-top:1px solid #763c49;border-bottom:1px solid #9e4b5e;background:linear-gradient(95deg,#4c1727,#321e30)}
.wss-site-banner.wss-maintenance{border-color:#99712b;background:linear-gradient(95deg,#493216,#302a1d)}
.wss-site-banner.wss-pending{border-color:#3e7997;background:linear-gradient(95deg,#103d50,#142e45)}
.wss-site-banner.wss-resolved,.wss-site-banner.wss-announcement{border-color:#267857;background:linear-gradient(95deg,#123b2b,#162d28);color:#e2ffed}
.wss-site-banner[hidden]{display:none!important}
.wss-banner-inner{width:min(calc(100% - 40px),1160px);margin:0 auto;display:flex;align-items:center;gap:14px;min-height:54px;padding:9px 0}
.wss-banner-label{color:#ffcfdb;background:#692637;border:1px solid #b9566c;border-radius:8px;font:850 11px/1.3 system-ui,sans-serif;letter-spacing:.07em;padding:6px 9px;white-space:nowrap}
.wss-maintenance .wss-banner-label{background:#62421c;border-color:#b78d43;color:#ffdd97}
.wss-pending .wss-banner-label{background:#12536c;border-color:#317c98;color:#b3edfa}
.wss-site-banner.wss-resolved .wss-banner-label,.wss-site-banner.wss-announcement .wss-banner-label{background:#15533b;border-color:#348f6b;color:#b2f9d8}
.wss-banner-message{flex:1;min-width:0;overflow-wrap:anywhere}
.wss-banner-inner>a{flex-shrink:0;color:#fff!important;text-decoration:underline;text-underline-offset:3px;font-size:.83rem}
.wss-banner-inner>a:hover{color:#b3e9f8!important}
@media(max-width:790px){.wss-monitor-grid{grid-template-columns:1fr}.wss-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.wss-head{flex-direction:column;gap:9px}}
@media(max-width:520px){.wss-overall{padding:18px;gap:12px}.wss-overall-icon{height:40px;width:40px}.wss-monitor{padding:17px}.wss-summary{gap:9px}.wss-stat{padding:13px}.wss-banner-inner{width:calc(100% - 30px);flex-wrap:wrap;gap:5px 10px}.wss-banner-message{flex:1 1 60%}.wss-banner-inner>a{margin-left:auto}.wss-maintenance-list > .wss-maintenance{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){.wss-monitor{transition:none!important}.wss-monitor:hover{transform:none}}

/* 1.1.0: Update the status chip from the same Uptime-Kuma status as the site alert.
   An unverified/failed request is deliberately grey rather than green. */
.site-header .header-quick-status a:not(.wss-header-status-link) {
  color:#dae1e9;background:#283442;border-color:#657488;
}
.site-header a.wss-header-status-link {
  --wss-ink:#dae1e9;
  --wss-bg:#283442;
  --wss-stroke:#657488;
  color:var(--wss-ink)!important;
  background:var(--wss-bg)!important;
  border:1px solid var(--wss-stroke)!important;
  border-radius:999px;
  text-decoration:none;
}
.site-header a.wss-header-status-link[data-wss-state="ok"],
.site-header a.wss-header-status-link[data-wss-state="up"] {
  --wss-ink:#a7efd0;--wss-bg:#153f32;--wss-stroke:#347b61;
}
.site-header a.wss-header-status-link[data-wss-state="maintenance"] {
  --wss-ink:#ffe29a;--wss-bg:#493819;--wss-stroke:#b18728;
}
.site-header a.wss-header-status-link[data-wss-state="down"] {
  --wss-ink:#ffbfcb;--wss-bg:#4b202d;--wss-stroke:#bf485b;
}
.site-header a.wss-header-status-link[data-wss-state="pending"] {
  --wss-ink:#bce7ff;--wss-bg:#163b56;--wss-stroke:#4984ab;
}
.site-header a.wss-header-status-link:hover,
.site-header a.wss-header-status-link:focus-visible {
  color:var(--wss-ink)!important;
  filter:brightness(1.2);
}

/* v2.0.0: one clear, isolated history renderer. Old wss-bar overrides removed. */
.wss-dashboard .wss-monitor .wss-history-track{
  display:flex;
  flex-flow:row nowrap;
  align-items:flex-end;
  gap:5px;
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:hidden;
  box-sizing:border-box;
  height:32px;
  margin:0 0 12px;
}
.wss-dashboard .wss-monitor .wss-history-track > .wss-history-segment{
  display:block;
  flex:1 1 0%;
  min-width:0;
  width:0;
  max-width:none;
  box-sizing:border-box;
  height:17px;
  border-radius:5px;
  background:#365268;
}
.wss-dashboard .wss-monitor .wss-history-track > .wss-history-segment.wss-up{background:#36c99b;height:28px}
.wss-dashboard .wss-monitor .wss-history-track > .wss-history-segment.wss-down{background:#fb7185;height:28px}
.wss-dashboard .wss-monitor .wss-history-track > .wss-history-segment.wss-maintenance{background:#eab956;height:28px}
.wss-dashboard .wss-monitor .wss-history-track > .wss-history-segment.wss-pending{background:#69a8da;height:24px}
@media(max-width:790px){
  .wss-dashboard .wss-monitor .wss-history-track > .wss-history-segment:nth-child(-n+11){display:none}
}
@media(max-width:520px){
  .wss-dashboard .wss-monitor .wss-history-track{gap:4px}
  .wss-dashboard .wss-monitor .wss-history-track > .wss-history-segment:nth-child(-n+20){display:none}
}
/* 2.1: Entire monitor card is a link only when the URL has been publicized by Kuma
   or explicitly configured by the WordPress administrator. */
.wss-dashboard a.wss-monitor--linked{
  display:block;
  color:inherit;
  text-decoration:none!important;
  cursor:pointer;
}
.wss-dashboard a.wss-monitor--linked:hover{
  border-color:#55c5e8;
  background:#17283e;
  text-decoration:none!important;
}
.wss-dashboard a.wss-monitor--linked:focus-visible{
  outline:2px solid #63d9ff;
  outline-offset:3px;
  border-color:#63d9ff;
  text-decoration:none!important;
}
.wss-dashboard a.wss-monitor--linked .wss-monitor-heading strong::after{
  content:" ↗";
  color:#69def7;
  font-size:.95em;
}