component-groups{display:block}component-groups .placeholder{padding:1rem;color:#6b7280;font-size:.875rem}component-groups .group{border:1px solid #e5e7eb;border-radius:.75rem;margin-bottom:.5rem;overflow:hidden;background:#fff}component-groups .group__details summary{list-style:none;cursor:pointer}component-groups .group__details summary::-webkit-details-marker{display:none}component-groups .group__details[open] .group__chevron{transform:rotate(180deg)}component-groups .group__summary{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;user-select:none}component-groups .group__summary:hover{background:#f9fafb}component-groups .group__summary-left{display:flex;align-items:center;gap:.75rem}component-groups .group__summary-right{display:flex;align-items:center;gap:.75rem}component-groups .group__chevron{color:#9ca3af;font-size:.75rem;transition:transform .3s ease}component-groups .group__name{font-weight:600;color:#111827;font-size:.9375rem}component-groups .group__content{border-top:1px solid #f3f4f6}component-groups .dot{width:.625rem;height:.625rem;border-radius:9999px;flex-shrink:0}component-groups .dot--small{width:.5rem;height:.5rem}component-groups .dot--operational{background:#10b981}component-groups .dot--degraded{background:#f59e0b}component-groups .dot--down{background:#ef4444}component-groups .label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}component-groups .label--small{font-size:.6875rem}component-groups .label--operational{color:#059669}component-groups .label--degraded{color:#d97706}component-groups .label--down{color:#dc2626}component-groups .point{padding:.75rem 1rem 1rem;border-bottom:1px solid #f9fafb}component-groups .point:last-child{border-bottom:none}component-groups .point__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.625rem}component-groups .point__header-left{display:flex;align-items:center;gap:.5rem}component-groups .point__name{font-size:.8125rem;font-weight:500;color:#374151}component-groups .bars{display:flex;gap:2px;height:1.75rem;align-items:flex-end}component-groups .bars__wrapper{flex:1;height:100%;display:flex;align-items:flex-end}component-groups .bars__bar{width:100%;background:#10b981;border-radius:1px 1px 0 0;min-height:2px}component-groups .bars__bar--skeleton{background:#d1d5db;animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}component-groups .bars__labels{display:flex;justify-content:space-between;font-size:.625rem;color:#9ca3af;margin-top:.25rem}component-groups .bars__labels--dim{opacity:.5}incidents-feed{display:block;margin-top:2.5rem}incidents-feed .heading{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:1rem}incidents-feed .info{color:#6b7280;font-size:.875rem}incidents-feed .timeline{border-left:2px solid #e5e7eb;margin-left:.5rem}incidents-feed .item{display:flex;gap:.75rem;padding-bottom:1.25rem;position:relative}incidents-feed .item__marker{flex-shrink:0;width:1.25rem;display:flex;justify-content:center;margin-left:-.625rem;padding-top:.125rem}incidents-feed .item__dot{width:.625rem;height:.625rem;border-radius:9999px;display:block}incidents-feed .item__content{flex:1}incidents-feed .item__header{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}incidents-feed .item__status{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}incidents-feed .item__time{font-size:.75rem;color:#6b7280}incidents-feed .item__name{color:#374151;font-size:.875rem}incidents-feed .item__point{font-weight:600;color:#6b7280}incidents-feed .item__resolved{color:#6b7280;font-size:.75rem;margin-top:.125rem}status-overview{display:block}status-overview .banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:.75rem;font-size:1.125rem;font-weight:600;margin-bottom:1.5rem}status-overview .banner--ok{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}status-overview .banner--down{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}status-overview .banner--degraded{background:#fffbeb;color:#92400e;border:1px solid #fde68a}status-overview .banner--checking{background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}status-overview .banner--error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}status-overview .banner__icon{font-size:1.5rem}