.g-status-widget{--status-positive:#9fdbbb;--status-warning:#e8ca87;--status-negative:#f19599;--status-neutral:#aeb4c3;--status-line:#ffffff20;font-family:'Kanit',Arial,sans-serif;font-weight:300;color:#eceeea}
.g-status-trigger{position:fixed;z-index:220;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));display:inline-flex;align-items:center;gap:10px;max-width:calc(100vw - 36px);min-height:42px;padding:10px 14px;border:1px solid #ffffff26;border-radius:999px;background:#11131beF;color:#d6dae4;box-shadow:0 8px 28px #0005;backdrop-filter:blur(16px);font-size:11px;font-weight:400;line-height:1.3;letter-spacing:.015em;transition:background .2s,border-color .2s,transform .2s}
.g-status-trigger:hover{background:#1a1d29;border-color:#b497ff70;transform:translateY(-2px)}
.g-status-trigger:focus-visible,.g-status-dialog button:focus-visible,.g-status-dialog a:focus-visible{outline:2px solid #b9a0f6;outline-offset:4px}
.g-status-dot{display:block;flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:var(--status-neutral)}
[data-state=operational]>.g-status-dot{background:var(--status-positive);box-shadow:0 0 0 4px #9fdbbb12}
[data-state=degraded]>.g-status-dot{background:var(--status-warning)}
[data-state=unavailable]>.g-status-dot{background:var(--status-negative)}
.g-status-trigger-arrow{margin-left:4px;font:17px/1 Arial,sans-serif;color:#9297a8}
.g-status-dialog{position:fixed;inset:auto auto max(72px,calc(env(safe-area-inset-bottom) + 64px)) max(18px,env(safe-area-inset-left));width:min(480px,calc(100vw - 36px));max-width:none;max-height:min(720px,calc(100dvh - 110px));margin:0;padding:0;overflow:auto;overscroll-behavior:contain;border:1px solid #ffffff2b;border-radius:18px;background:#101219;color:#eceeea;box-shadow:0 24px 100px #0009;color-scheme:dark;scrollbar-width:thin;scrollbar-color:#424451 #101219}
.g-status-dialog:not([open]){display:none}
.g-status-dialog[open]{animation:g-status-enter .22s cubic-bezier(.2,.7,.2,1)}
.g-status-dialog::backdrop{background:#07080e66;backdrop-filter:blur(2px)}
.g-status-header{display:flex;gap:20px;justify-content:space-between;padding:26px 25px 20px;border-bottom:1px solid var(--status-line)}
.g-status-eyebrow{margin:0 0 13px;font:400 9px/1.3 'Kanit',Arial,sans-serif;letter-spacing:.16em;color:#a998d3}
.experience-site .g-status-title,.g-status-title{margin:0 0 9px;font:400 29px/1.15 'Kanit',Arial,sans-serif;letter-spacing:-.035em}
.g-status-intro{margin:0;color:#8f97a7;font-size:12px;line-height:1.55}
.g-status-close{flex:0 0 34px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #ffffff25;border-radius:50%;background:transparent;color:#a5adbd;font:26px/1 Arial,sans-serif;transition:color .2s,border-color .2s}
.g-status-close:hover{color:#fff;border-color:#b497ff}
.g-status-overview{display:flex;gap:12px;align-items:center;margin:20px 25px 0;padding:15px 16px;border:1px solid #ffffff16;border-radius:10px;background:#171a23}
.g-status-overview-label{margin:0;font-size:13px;font-weight:400;line-height:1.45}
.g-status-overview[data-state=operational]{border-color:#9fdbbb28;background:#9fdbbb08}
.g-status-overview[data-state=unavailable]{border-color:#f1959933;background:#f1959909}
.g-status-overview[data-state=degraded]{border-color:#e8ca8733;background:#e8ca8709}
.g-status-notice{margin:12px 25px 0;color:#a7aebc;font-size:11px;line-height:1.6}
.g-status-notice[hidden]{display:none}
.g-status-services{padding:0 25px 6px}
.g-status-category{padding-top:24px}
.experience-site .g-status-category-title,.g-status-category-title{margin:0 0 10px;font:400 9px/1.4 'Kanit',Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#7f889a}
.g-status-list{margin:0;padding:0;list-style:none}
.g-status-row{display:flex;gap:11px;align-items:center;padding:13px 0;border-top:1px solid #ffffff0e}
.g-status-row>.g-status-dot{flex-basis:6px;width:6px;height:6px}
.g-status-detail{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.g-status-name{width:fit-content;max-width:100%;font-size:12px;line-height:1.4;font-weight:400;color:#dee1e7;overflow-wrap:anywhere}
a.g-status-name:hover{color:#c4b1f2}
a.g-status-name:after{content:'↗';display:inline-block;margin-left:7px;font:12px/1 Arial,sans-serif;color:#737e91}
.g-status-meta{font-size:9px;line-height:1.5;color:#758094;font-variant-numeric:tabular-nums}
.g-status-message{display:block;max-width:100%;font-size:10px;line-height:1.55;color:#929cad;overflow-wrap:anywhere}
.g-status-row-label{flex:0 0 auto;max-width:128px;padding-left:8px;font-size:10px;line-height:1.4;text-align:right;color:#929bad}
.g-status-row[data-state=operational] .g-status-row-label{color:var(--status-positive)}
.g-status-row[data-state=degraded] .g-status-row-label{color:var(--status-warning)}
.g-status-row[data-state=unavailable] .g-status-row-label{color:var(--status-negative)}
.g-status-empty{margin:22px 0 12px;color:#8791a3;font-size:12px}
.g-status-footer{display:flex;gap:15px;align-items:center;justify-content:space-between;margin:15px 25px 0;padding-top:18px;border-top:1px solid var(--status-line)}
.g-status-last{margin:0;color:#8791a3;font-size:10px;line-height:1.5;font-variant-numeric:tabular-nums}
.g-status-refresh{flex:0 0 auto;padding:8px 11px;min-height:34px;border:1px solid #8b7ab156;border-radius:6px;background:#b497ff0b;color:#c5b8e4;font-size:10px;font-weight:400;line-height:1.4}
.g-status-refresh:hover:enabled{border-color:#b497ff;background:#b497ff1b}
.g-status-refresh:disabled{opacity:.65;cursor:wait}
.g-status-source{margin:11px 25px 20px;color:#626f83;font-size:9px;line-height:1.6}
@keyframes g-status-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:600px){.g-status-trigger{left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));max-width:calc(100vw - 24px);padding:9px 12px;min-height:38px;font-size:10px;gap:9px}.g-status-dialog{inset:auto auto max(62px,calc(env(safe-area-inset-bottom) + 54px)) max(12px,env(safe-area-inset-left));width:calc(100vw - 24px);max-height:calc(100dvh - 92px);border-radius:14px}.g-status-header{padding:22px 20px 18px}.g-status-overview{margin:17px 20px 0;padding:13px 14px}.g-status-notice{margin-inline:20px}.g-status-services{padding-inline:20px}.g-status-footer{margin-inline:20px}.g-status-source{margin-inline:20px}.g-status-row{gap:9px}.g-status-row-label{max-width:108px;font-size:9px}.g-status-name{font-size:11px}.g-status-meta{font-size:8px}.experience-site .g-status-title,.g-status-title{font-size:26px}}
@media(prefers-reduced-motion:reduce){.g-status-dialog[open]{animation:none}.g-status-trigger,.g-status-close{transition:none}.g-status-trigger:hover{transform:none}.g-status-dialog::backdrop{backdrop-filter:none}}
@media print{.g-status-widget{display:none!important}}

.g-status-coverage{margin:12px 25px 0;color:#b5bdce;font-size:10px;line-height:1.6}.g-status-coverage[hidden]{display:none}@media(max-width:600px){.g-status-coverage{margin-inline:20px;font-size:9px}}
