.cloud-status{--cloud-accent:var(--brand,var(--blue,var(--purple,#1a73e8)));position:relative;display:inline-flex}.cloud-status-trigger{min-height:42px;padding:0 13px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap}.cloud-status-trigger:hover{border-color:color-mix(in srgb,var(--cloud-accent) 55%,var(--line));background:color-mix(in srgb,var(--surface) 82%,var(--cloud-accent))}.cloud-status-dot{width:9px;height:9px;border-radius:50%;background:#a97a19;box-shadow:0 0 0 4px color-mix(in srgb,#a97a19 16%,transparent)}.cloud-status-trigger[data-state=live] .cloud-status-dot{background:#22a06b;box-shadow:0 0 0 4px color-mix(in srgb,#22a06b 18%,transparent)}.cloud-status-trigger[data-state=unavailable] .cloud-status-dot{background:#8b9290;box-shadow:none}.cloud-status-copy{font-size:11px;font-weight:750}.cloud-status-panel{position:absolute;top:calc(100% + 12px);right:0;z-index:40;width:min(370px,calc(100vw - 28px));padding:17px;background:var(--bg-elevated,var(--panel,#fff));color:var(--text);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow,0 24px 70px rgba(0,0,0,.18));opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-7px) scale(.985);transform-origin:top right;transition:opacity .16s ease,transform .16s ease,visibility .16s}.cloud-status.is-open .cloud-status-panel,.cloud-status:hover .cloud-status-panel,.cloud-status:focus-within .cloud-status-panel{opacity:1;visibility:visible;pointer-events:auto;transform:none}.cloud-status-panel:before{content:"";position:absolute;right:24px;top:-6px;width:11px;height:11px;background:inherit;border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}.cloud-status-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}.cloud-status-head span{display:flex;flex-direction:column}.cloud-status-head strong{font-size:13px}.cloud-status-head small,.cloud-status-note{color:var(--text-soft,var(--muted));font-size:9px}.cloud-status-live{padding:4px 7px;color:#147a50;background:color-mix(in srgb,#22a06b 14%,transparent);border-radius:999px;font-size:8px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.cloud-status-services{max-height:min(55vh,420px);overflow:auto;list-style:none;margin:12px 0;padding:0;display:grid;gap:7px}.cloud-status-services li{padding:9px 10px;display:grid;grid-template-columns:minmax(110px,.8fr) 1.2fr;gap:10px;background:var(--surface);border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:10px}.cloud-status-services b{font-size:9px}.cloud-status-services span{color:var(--text-soft,var(--muted));font-size:8px;line-height:1.4}.cloud-status-note{display:block;padding-top:2px}.cloud-status-note a{color:var(--cloud-accent);font-size:inherit;font-weight:750}.cloud-status-trigger:focus-visible{outline:3px solid var(--cloud-accent);outline-offset:3px}@media(max-width:760px){.cloud-status-trigger{min-height:40px;padding:0 10px}.cloud-status-copy{font-size:10px}.cloud-status-panel{position:fixed;top:78px;right:9px;width:calc(100vw - 18px)}.cloud-status-panel:before{display:none}.cloud-status-services li{grid-template-columns:1fr}.cloud-status-services span{font-size:9px}}@media(prefers-reduced-motion:reduce){.cloud-status-panel{transition:none}}