.sb-summary{justify-content:space-between;gap:calc(16px * var(--density, 1));flex-wrap:wrap;padding:var(--space-panel)}.sb-summary,.sb-summary-main{display:flex;align-items:center}.sb-summary-main{gap:calc(12px * var(--density, 1));min-width:0}.sb-summary-main strong{display:block;font:var(--type-card-title);color:var(--text)}.sb-summary-main small{display:block;margin-top:calc(2px * var(--density, 1));font:var(--type-caption);color:var(--muted)}.sb-summary.down{border-color:color-mix(in srgb,var(--negative) 45%,var(--line))}.sb-summary.degraded{border-color:color-mix(in srgb,var(--caution) 45%,var(--line))}.sb-refresh{display:flex;align-items:center;gap:calc(12px * var(--density, 1));font:var(--type-caption)}.sb-refresh .button{display:inline-flex;align-items:center;gap:calc(6px * var(--density, 1))}.sb-dot{display:inline-block;width:8px;height:8px;flex:none;border-radius:50%;background:var(--faint)}.sb-summary-main>.sb-dot{width:12px;height:12px}.sb-dot.operational{background:var(--positive)}.sb-dot.degraded{background:var(--caution)}.sb-dot.down{background:var(--negative)}.sb-pill{display:inline-flex;align-items:center;gap:calc(6px * var(--density, 1));white-space:nowrap;font:var(--type-label)}.sb-pill.operational{color:var(--positive)}.sb-pill.degraded{color:var(--caution)}.sb-pill.down{color:var(--negative)}.sb-pill.unknown{color:var(--muted)}.sb-overall{display:flex;flex-direction:column;gap:calc(8px * var(--density, 1));padding:var(--space-panel)}.sb-overall-head{display:flex;justify-content:space-between;align-items:baseline;font:var(--type-label);color:var(--muted)}.sb-overall-head strong{font:var(--type-number-hero);color:var(--text)}.sb-overall .sb-bars{height:36px}.sb-axis{display:flex;justify-content:space-between;font:var(--type-chart-axis);color:var(--faint)}.sb-legend{display:flex;flex-wrap:wrap;gap:calc(6px * var(--density, 1)) calc(16px * var(--density, 1));font:var(--type-caption);color:var(--muted)}.sb-legend span{display:inline-flex;align-items:center;gap:calc(6px * var(--density, 1))}.sb-legend .sb-bar{display:inline-block;width:8px;height:12px;flex:none}.sb-bars{display:flex;align-items:stretch;gap:calc(2px * var(--density, 1));height:22px;min-width:120px}.sb-bar{flex:1 1;min-width:2px;border-radius:2px;background:var(--raised)}.sb-bar.up{background:var(--positive)}.sb-bar.partial{background:var(--caution)}.sb-bar.down{background:var(--negative)}.sb-bar.empty{background:var(--raised)}.sb-incidents td,.sb-incidents th,.sb-table td,.sb-table th{white-space:nowrap}.sb-table .sb-group th{padding-top:calc(14px * var(--density, 1));font:var(--type-label);color:var(--muted);text-transform:none;background:transparent}.sb-service{display:flex;flex-direction:column;min-width:180px;max-width:280px}.sb-service small{font:var(--type-caption);color:var(--muted);white-space:normal}.sb-history-col{width:240px;min-width:200px}.sb-error{max-width:320px;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.sb-skeleton-wrap{padding:var(--space-panel)}.sb-skeleton{display:block;width:100%;height:320px}.sb-note{margin:0;border:0;border-top:1px solid var(--line);border-radius:0}@media (max-width:640px){.sb-refresh{width:100%;justify-content:space-between}.sb-refresh .button{min-height:calc(44px * var(--density, 1))}}