/* Public Weblygo status dashboard. Shared selectors also support refreshed older tabs. */
:root {
    color-scheme: light;
    --status-bg: #f6f7fb;
    --status-surface: #fff;
    --status-text: #20283f;
    --status-muted: #637089;
    --status-border: #e3e5ef;
    --status-border-soft: #eef0f6;
    --status-purple: #7254d6;
    --status-font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
body.public-status { margin: 0; min-height: 100vh; background: radial-gradient(1000px 440px at 12% 0, #ece8fa 0, transparent 72%), var(--status-bg); color: var(--status-text); font: 400 15px/1.55 var(--status-font); -webkit-font-smoothing: antialiased; }
.public-status [hidden] { display: none !important; }
.public-status a { color: var(--status-purple); text-underline-offset: 4px; }
.public-status :is(a, button, [tabindex]):focus-visible { outline: 3px solid #a48ce8; outline-offset: 5px; }
.public-status svg { display: block; width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.status-container { width: min(1420px, calc(100% - 64px)); margin-inline: auto; }
.status-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 94px; border-bottom: 1px solid #e1deed; }
.public-status .status-brand { display: inline-flex; align-items: center; gap: 11px; color: var(--status-text); text-decoration: none; font-size: 24px; font-weight: 750; letter-spacing: -.8px; line-height: 1; }
.status-brand__mark { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid #8060d6; border-radius: 13px; background: linear-gradient(145deg, #9073e4, #6a46c4); color: #fff; font-size: 24px; font-weight: 800; letter-spacing: -2px; box-shadow: 0 4px 12px #7254d61a, inset 0 1px #ffffff30; }
.status-brand small { display: block; margin-top: 6px; color: #75688e; font-size: 11px; font-weight: 550; letter-spacing: .1em; text-transform: uppercase; }
.public-status .status-website { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 9px 13px; border: 1px solid #ded9ec; border-radius: 10px; background: #ffffffb8; color: #584973; font-size: 13px; font-weight: 600; text-decoration: none; }
.status-website:hover { border-color: #bba6e1; background: #fff; text-decoration: none; }
.status-website svg { width: 17px; height: 17px; }
.status-skip { position: fixed; top: 10px; left: 12px; z-index: 10; padding: 10px 18px; border-radius: 8px; background: #fff; transform: translateY(-160%); }
.status-skip:focus { transform: translateY(0); }
.status-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.status-main { padding-block: 34px 30px; outline: none; }
.status-overview { display: block; grid-template-columns: none; gap: 0; margin: 0 0 28px; }
.status-intro { max-width: 960px; margin: 0 0 24px; }
.status-eyebrow { display: inline-flex; align-items: center; gap: 8px; color: #7a5cad; font-size: 11px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.status-intro .status-eyebrow::before { display: block; width: 18px; height: 2px; border-radius: 1px; background: #a38acb; content: ""; }
.status-intro h1, .status-unavailable h1 { margin: 9px 0 11px; font-size: clamp(32px, 3.2vw, 40px); font-weight: 750; line-height: 1.15; letter-spacing: -1.15px; overflow-wrap: anywhere; }
.status-intro p { margin: 0; max-width: 850px; color: var(--status-muted); font-size: 15px; line-height: 1.65; white-space: pre-line; overflow-wrap: anywhere; }
.status-summary { position: relative; overflow: hidden; border: 1px solid var(--state-line, #dce2eb); border-radius: 17px; background: var(--status-surface); box-shadow: 0 4px 20px #25314b05; }
.status-summary::before { position: absolute; top: 20px; bottom: 20px; left: 0; width: 4px; border-radius: 0 3px 3px 0; background: var(--state-text, #637189); content: ""; }
.status-summary__top { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.status-summary__body { display: flex; flex: 1 1 auto; align-items: center; gap: 18px; min-width: 0; padding: 24px 26px; }
.status-summary__icon { display: grid; place-items: center; width: 56px; height: 56px; flex: 0 0 56px; border: 1px solid var(--state-line, #dce2eb); border-radius: 16px; color: var(--state-text, #637189); background: var(--state-bg, #f0f3f8); }
.status-summary__icon svg { width: 28px; height: 28px; stroke-width: 1.8; }
.status-summary__icon path { display: none; }
.status-summary[data-status-state="operational"] .status-symbol-check,
.status-summary[data-status-state="degraded"] .status-symbol-warning,
.status-summary[data-status-state="outage"] .status-symbol-outage,
.status-summary[data-status-state="maintenance"] .status-symbol-maintenance,
.status-summary[data-status-state="unknown"] .status-symbol-unknown { display: block; }
.status-summary__copy { min-width: 0; }
.status-summary__eyebrow { display: block; margin-bottom: 5px; color: #748095; font-size: 11px; font-weight: 650; letter-spacing: .06em; text-transform: uppercase; }
.status-summary h2 { margin: 0; color: var(--status-text); font-size: 24px; font-weight: 700; letter-spacing: -.5px; line-height: 1.25; }
.status-summary p { max-width: 850px; margin: 7px 0 0; color: var(--status-muted); font-size: 14px; line-height: 1.55; }
.status-summary__updated { flex: 0 0 auto; min-width: 190px; padding: 0 28px; margin-block: 24px; border-left: 1px solid var(--status-border-soft); text-align: right; }
.status-summary__updated > span { display: block; color: var(--status-muted); font-size: 11px; }
.status-summary__updated time { display: block; font-variant-numeric: tabular-nums; }
.status-summary__updated strong { display: block; margin-top: 5px; color: #47546c; font-size: 20px; font-weight: 600; line-height: 1.3; letter-spacing: -.3px; }
.status-summary__updated small { display: block; margin-top: 3px; color: #7a8599; font-size: 11px; }
[data-status-state="operational"] { --state-text: #087e65; --state-bg: #e8f7f0; --state-line: #cce9db; }
[data-status-state="degraded"] { --state-text: #96620e; --state-bg: #fff5e3; --state-line: #efdcb2; }
[data-status-state="outage"] { --state-text: #b73449; --state-bg: #fff0f3; --state-line: #f0cdd3; }
[data-status-state="maintenance"] { --state-text: #6550b5; --state-bg: #f1edfc; --state-line: #ddd3f4; }
[data-status-state="unknown"] { --state-text: #637189; --state-bg: #f0f3f8; --state-line: #dce2eb; }
.status-counts { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin: 0; padding: 13px 26px; border-top: 1px solid var(--status-border-soft); background: #fbfcfd; font-size: 12px; }
.status-counts > div { display: inline-flex; align-items: center; gap: 7px; padding: 5px 10px; border: 1px solid #e8ebf1; border-radius: 7px; background: #fff; }
.status-counts dt { display: inline-flex; align-items: center; gap: 6px; color: var(--status-muted); }
.status-counts dd { order: -1; margin: 0; color: #38465e; font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; }
.status-counts .status-counts__total { padding-right: 10px; border: 1px solid #e4def0; background: #f6f3fc; }
.status-counts .status-counts__total :is(dt, dd) { color: #7254a3; }
.status-counts .status-dot { width: 6px; height: 6px; }
.status-dot { display: inline-block; width: 6px; height: 6px; flex: 0 0 auto; border-radius: 50%; background: var(--state-text, #637189); }
.status-announcement { display: flex; align-items: flex-start; gap: 13px; padding: 20px 24px; margin: 0 0 26px; border: 1px solid #e1d7f2; border-radius: 15px; background: #f3effa; }
.status-announcement > svg { flex: 0 0 18px; width: 18px; height: 18px; margin-top: 1px; color: #7254bd; }
.status-announcement > div { min-width: 0; }
.status-announcement h2 { margin: 0 0 5px; font-size: 14px; font-weight: 700; color: #493c69; }
.status-announcement p { margin: 0; color: #625674; font-size: 14px; line-height: 1.65; white-space: pre-wrap; overflow-wrap: anywhere; }

.status-monitoring { overflow: hidden; border: 1px solid var(--status-border); border-radius: 18px; background: var(--status-surface); box-shadow: 0 5px 24px #26324b05; }
.status-monitoring__heading { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 24px; padding: 25px 26px; }
.status-monitoring__heading-copy { display: flex; align-items: center; gap: 14px; min-width: 0; }
.status-monitoring__heading-copy > div { min-width: 0; }
.status-section-icon { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 44px; border: 1px solid #e9e1f4; border-radius: 13px; background: #f5f0fc; color: #8b69bd; }
.status-section-icon svg { width: 23px; height: 23px; stroke-width: 1.65; }
.status-monitoring__title { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.status-monitoring h2 { margin: 0; font-size: 20px; font-weight: 700; letter-spacing: -.35px; }
.status-monitoring__heading p { margin: 7px 0 0; color: var(--status-muted); font-size: 13px; line-height: 1.6; }
.status-period { display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; border: 1px solid #e6def0; border-radius: 7px; background: #f9f6fd; color: #806294; font-size: 11px; font-weight: 550; white-space: nowrap; }
.status-period svg { width: 13px; height: 13px; stroke-width: 1.65; }
.status-monitoring__meta { display: flex; flex: 0 0 auto; flex-direction: column; align-items: flex-end; gap: 9px; }
.status-legend { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 11px; margin: 0; padding: 0; list-style: none; color: #66748c; font-size: 12px; }
.status-legend li { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.status-legend li > span { display: block; width: 7px; height: 7px; border-radius: 2px; background: var(--history-color, #dbe0e9); }
.status-refresh-state { display: inline-flex; align-items: center; gap: 7px; color: #7b8498; font-size: 11px; }
.status-refresh-state > span { display: block; width: 5px; height: 5px; border-radius: 50%; background: #9a89b9; }
.status-groups { display: block; gap: 0; }
.status-group { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.status-group + .status-group { border-top: 1px solid var(--status-border); }
.status-group__heading { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 12px 24px; border-block: 1px solid #ece8f2; background: #f8f6fc; }
.status-group + .status-group .status-group__heading { border-top: 0; }
.status-group__heading h3 { margin: 0; color: #66507e; font-size: 13px; font-weight: 650; letter-spacing: .01em; overflow-wrap: anywhere; }
.status-group__heading > span { padding: 2px 7px; border: 1px solid #e7e0ef; border-radius: 5px; background: #fff; color: #8b7a9d; font-size: 11px; white-space: nowrap; }
.status-table-wrap { overflow-x: auto; padding: 0; background: transparent; scrollbar-width: thin; }
.status-table-wrap:focus-visible { outline-offset: -3px; }
.status-table { table-layout: fixed; width: 100%; min-width: 1140px; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; }
.status-col-name { width: 14%; }
.status-col-state { width: 15%; }
.status-col-history { width: 30%; }
.status-col-metric { width: 10%; }
.status-col-checked { width: 11%; }
.status-table--without-latency { min-width: 880px; }
.status-table--without-latency .status-col-name, .status-table--without-latency .status-col-state { width: 18%; }
.status-table--without-latency .status-col-history { width: 42%; }
.status-table--without-latency .status-col-metric { width: 11%; }
.status-table--without-checked-at:not(.status-table--without-latency) { min-width: 1060px; }
.status-table--without-checked-at:not(.status-table--without-latency) .status-col-history { width: 41%; }
.status-table--without-latency.status-table--without-checked-at { min-width: 720px; }
.status-table--without-latency.status-table--without-checked-at .status-col-name,
.status-table--without-latency.status-table--without-checked-at .status-col-state { width: 20%; }
.status-table--without-latency.status-table--without-checked-at .status-col-history { width: 48%; }
.status-table--without-latency.status-table--without-checked-at .status-col-metric { width: 12%; }
.status-table thead th { padding: 14px 18px; border-block: 1px solid var(--status-border-soft); background: #fbfcfe; color: #6b768c; font-size: 13px; font-weight: 600; line-height: 1.6; text-align: left; white-space: nowrap; }
.status-group__heading + .status-table-wrap .status-table thead th { border-top: 0; }
.status-table tbody :is(th, td) { height: 84px; padding: 19px 18px; border-bottom: 1px solid var(--status-border-soft); color: #46546d; font-size: 14px; font-weight: 400; line-height: 1.55; text-align: left; vertical-align: middle; }
.status-table tbody tr:last-child > :is(th, td) { border-bottom: 0; }
.status-table tbody tr:hover { background: #fcfbff; }
.status-table .status-cell--name strong { color: #293751; font-size: 14px; font-weight: 650; overflow-wrap: anywhere; }
.status-cell--checks > span { color: #36455f; font-weight: 650; }
.status-cell--metric, .status-cell--checked { white-space: nowrap; }
.status-cell--checked small { display: block; margin-top: 2px; color: #8390a3; font-size: 10px; }
.status-badge { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 0; max-width: 100%; padding: 6px 9px; border: 1px solid var(--state-line); border-radius: 7px; background: var(--state-bg); color: var(--state-text); font-size: 12.5px; font-weight: 650; white-space: nowrap; }
.status-timeline { display: flex; width: 100%; height: 27px; gap: 2px; padding: 3px; border: 1px solid #e9edf3; border-radius: 6px; background: #f8fafc; }
.status-timeline__bin { display: block; flex: 1 1 0; min-width: 1px; height: 100%; border-radius: 2px; background: var(--history-color, #dbe0e9); cursor: help; }
.status-timeline__bin:hover { filter: brightness(.86); }
[data-history-state="operational"] { --history-color: #52bc96; }
[data-history-state="degraded"] { --history-color: #e4b766; }
[data-history-state="outage"] { --history-color: #dc8294; }
[data-history-state="unknown"] { --history-color: #dbe0e9; }
.status-timeline--empty { border-radius: 6px; background: #edf1f6; }
.status-history-count { display: block; margin-top: 6px; color: #7c889c; font-size: 12px; line-height: 1.35; }
.status-monitoring__foot { display: flex; flex-direction: column; gap: 6px; padding: 17px 23px; border-top: 1px solid var(--status-border-soft); background: #fbfcfe; color: #718097; font-size: 12px; line-height: 1.65; }
.status-monitoring__foot p { margin: 0; }
.status-monitoring__foot > span { color: #7c8ba0; }
.status-monitoring__foot time { font-variant-numeric: tabular-nums; }

.status-empty { padding: 48px 24px; border: 0; border-top: 1px solid var(--status-border-soft); border-radius: 0; background: transparent; text-align: center; }
.status-empty__icon { display: grid; place-items: center; width: 48px; height: 48px; margin: 0 auto 16px; border-radius: 12px; background: #f0edf8; color: #8171a9; }
.status-empty__icon svg { width: 25px; height: 25px; }
.status-empty h3 { margin: 0 0 8px; font-size: 17px; font-weight: 650; }
.status-empty p { max-width: 440px; margin: 0 auto; color: var(--status-muted); font-size: 14px; }
.status-data-note { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; gap: 8px 18px; margin-top: 19px; color: #7a8699; font-size: 11px; }
.status-data-note time { font-variant-numeric: tabular-nums; }
.status-refresh-notice, .status-noscript { margin: 0 0 18px; padding: 13px 17px; border: 1px solid #e8dbbe; border-radius: 10px; background: #fff8e9; color: #866119; font-size: 13px; }
.status-noscript { margin-top: 20px; }
.status-refresh-notice a { color: inherit; font-weight: 650; }
.status-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 28px; padding-top: 22px; border-top: 1px solid var(--status-border); color: #7a879b; font-size: 12px; }
.status-footer a { color: #66748b; text-decoration: none; }
.status-footer a:hover { text-decoration: underline; }
.status-unavailable { max-width: 620px; margin: 50px auto 80px; text-align: center; }
.status-unavailable .status-empty__icon { width: 60px; height: 60px; margin-bottom: 28px; border-radius: 16px; }
.status-unavailable h1 { font-size: clamp(28px, 4vw, 36px); margin-block: 12px 18px; }
.status-unavailable p { color: var(--status-muted); font-size: 15px; }
.public-status .status-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; margin-top: 15px; padding: 11px 17px; border-radius: 9px; background: var(--status-purple); color: #fff; font-size: 14px; font-weight: 600; text-decoration: none; }
.status-button:hover { background: #6244c3; }
@media (max-width: 1050px) {
    .status-overview { display: block; grid-template-columns: none; gap: 0; }
    .status-intro { max-width: none; }
    .status-summary__body { padding-block: 23px; }
    .status-monitoring__heading { align-items: flex-start; flex-direction: column; gap: 14px; }
    .status-monitoring__meta { flex-direction: row; align-items: center; flex-wrap: wrap; justify-content: space-between; width: 100%; gap: 8px 16px; }
    .status-legend { justify-content: flex-start; }
}
@media (max-width: 820px) {
    .status-container { width: calc(100% - 32px); }
    .status-header { min-height: 78px; }
    .status-main { padding-top: 26px; }
    .status-overview { margin-bottom: 24px; }
    .status-intro { margin: 0 0 21px; }
    .status-intro h1 { font-size: 31px; letter-spacing: -.8px; }
    .status-intro p { font-size: 14px; }
    .status-summary__top { align-items: stretch; flex-direction: column; gap: 0; }
    .status-summary__body { align-items: flex-start; gap: 14px; padding: 21px 19px; }
    .status-summary__icon { width: 46px; height: 46px; flex-basis: 46px; border-radius: 13px; }
    .status-summary__icon svg { width: 24px; height: 24px; }
    .status-summary h2 { font-size: 20px; }
    .status-summary__eyebrow { font-size: 10px; }
    .status-summary p { font-size: 13px; }
    .status-summary__updated { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 8px 14px; flex-wrap: wrap; min-width: 0; padding: 12px 19px; margin: 0; border: 0; border-top: 1px solid var(--status-border-soft); text-align: left; }
    .status-summary__updated time { display: flex; align-items: baseline; gap: 7px; }
    .status-summary__updated strong { margin: 0; font-size: 14px; }
    .status-summary__updated small { margin: 0; font-size: 10px; }
    .status-counts { padding: 12px 19px; gap: 7px; font-size: 11px; }
    .status-counts > div { padding: 4px 8px; }
    .status-counts dd { font-size: 12px; }
    .status-counts .status-counts__total { padding-right: 8px; }
    .status-monitoring__heading { padding: 22px 19px; }
    .status-monitoring__heading-copy { align-items: flex-start; gap: 11px; }
    .status-section-icon { width: 36px; height: 36px; flex-basis: 36px; border-radius: 10px; }
    .status-section-icon svg { width: 20px; height: 20px; }
    .status-monitoring h2 { font-size: 18px; }
    .status-monitoring__title { gap: 7px 9px; }
    .status-period { font-size: 10px; padding: 4px 7px; }
    .status-monitoring__heading p { font-size: 12px; }
    .status-monitoring__meta { flex-direction: column; align-items: flex-start; gap: 8px; }
    .status-legend { gap: 8px 10px; }
    .status-group__heading { padding-inline: 19px; }
    .status-table-wrap { overflow: visible; padding: 12px; background: #f8f9fc; }
    .status-table, .status-table--without-latency, .status-table--without-checked-at:not(.status-table--without-latency), .status-table--without-latency.status-table--without-checked-at { display: block; min-width: 0; table-layout: auto; }
    .status-table colgroup { display: none; }
    .status-table thead { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
    .status-table tbody { display: grid; width: 100%; gap: 12px; }
    .status-table tbody tr { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); align-items: start; gap: 18px 12px; padding: 18px; border: 1px solid #e6e8f0; border-radius: 12px; background: #fff; box-shadow: 0 2px 5px #25314b03; }
    .status-table tbody tr:last-child { border-bottom: 1px solid #e6e8f0; }
    .status-table tbody :is(th, td) { display: block; height: auto; min-width: 0; padding: 0; border-bottom: 0; font-size: 13px; }
    .status-table .status-cell--name { grid-column: 1 / span 3; align-self: center; }
    .status-table .status-cell--name strong { font-size: 14px; }
    .status-table .status-cell--state { grid-column: 4 / span 3; justify-self: end; align-self: center; }
    .status-table .status-cell--history { grid-column: 1 / -1; }
    .status-cell--history::before, .status-cell--metric::before, .status-cell--checked::before { display: block; margin-bottom: 6px; color: #7b899e; font-size: 11px; font-weight: 400; content: attr(data-label); }
    .status-timeline { height: 28px; }
    .status-history-count { margin-top: 6px; font-size: 11px; }
    .status-cell--metric { grid-column: span 2; white-space: normal; overflow-wrap: anywhere; }
    .status-table .status-cell--checked { display: flex; grid-column: 1 / -1; justify-content: space-between; align-items: center; gap: 10px; padding-top: 11px; border-top: 1px solid var(--status-border-soft); }
    .status-cell--checked::before { margin-bottom: 0; }
    .status-cell--checked small { display: inline; margin-left: 6px; }
    .status-table--without-latency .status-cell--checks { grid-column: span 3; }
    .status-table--without-latency .status-cell--checked { display: block; grid-column: span 3; padding-top: 0; border-top: 0; }
    .status-table--without-latency .status-cell--checked::before { margin-bottom: 5px; }
    .status-table--without-latency .status-cell--checked small { display: block; margin-left: 0; }
    .status-monitoring__foot { padding: 16px 19px; font-size: 11px; }
    .status-data-note { flex-direction: column; gap: 5px; }
    .status-footer { align-items: flex-start; font-size: 11px; }
    .status-unavailable { margin-block: 35px 50px; }
}
@media (max-width: 380px) {
    .status-container { width: calc(100% - 24px); }
    .public-status .status-website { font-size: 12px; }
    .status-monitoring__heading, .status-table tbody tr { padding-inline: 15px; }
    .status-table-wrap { padding: 8px; }
    .status-badge { padding: 6px 7px; font-size: 11px; }
    .status-legend { gap: 7px; font-size: 10px; }
    .status-footer { flex-direction: column; gap: 7px; }
}
@media (prefers-reduced-motion: reduce) {
    .public-status *, .public-status *::before, .public-status *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

.status-grouplinks{display:flex;gap:9px;flex-wrap:wrap;align-items:center;padding-top:8px;padding-bottom:15px}.status-grouplinks a{display:inline-flex;align-items:center;border:1px solid #e0dcf2;background:#fff;color:#5b4c8c;font-size:13px;font-weight:750;text-decoration:none;border-radius:9px;padding:8px 13px}.status-grouplinks a:hover{background:#f1edff}.status-grouplinks a.is-active{background:#7254d6;color:#fff;border-color:#7254d6}