.service-card{flex-wrap:wrap}.service-card>.status-timeline{flex:0 0 100%;min-width:0;max-width:100%}.status-timeline{margin-top:18px;min-width:0}.timeline-heading,.timeline-axis{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted,#79676b)}.timeline-heading{margin-bottom:10px;font-weight:600}.timeline-bars{display:flex;gap:3px;width:100%;height:34px}.timeline-bar{display:block;flex:1;min-width:0;background:#d7dce1;border-radius:2px;cursor:help}.timeline-bar[data-state=operational]{background:#239c75}.timeline-bar[data-state=degraded]{background:#df9a28}.timeline-bar[data-state=unreachable]{background:#d54b59}.timeline-bar[data-state=blocked]{background:#9271bb}.timeline-bar[data-state=empty]{background:repeating-linear-gradient(135deg,#e1e5e9,#e1e5e9 3px,#f1f3f5 3px,#f1f3f5 6px)}.timeline-bar:hover,.timeline-bar:focus{outline:2px solid #352326;outline-offset:2px}.timeline-axis{margin-top:7px}.status-timeline .timeline-note{font-size:10px;line-height:1.5;color:var(--muted,#79676b);margin:9px 0 0;min-height:30px}.lookup-summary .status-timeline{border-top:1px solid var(--line,#eadfe1);padding-top:22px;margin-top:24px}.lookup-summary .timeline-bars{height:42px}@media(max-width:600px){.timeline-bars{gap:2px}.lookup-summary .timeline-bars{gap:1px}}

.timeline-bar[data-state=partial]{background:#df9a28}.timeline-bar[data-state=unavailable]{background:#d54b59}.timeline-bar[data-state=blocked]{background:#d7dce1}.service-card>.card-source-note{flex:0 0 100%;font-size:12px;line-height:1.5;color:var(--muted,#79676b);margin:8px 0 0}

.timeline-track{position:relative}.timeline-hint{position:absolute;left:0;right:0;bottom:calc(100% + 8px);z-index:20;box-sizing:border-box;padding:9px 12px;border-radius:6px;background:#26313d;color:#fff;font-size:12px;font-weight:400;line-height:1.5;box-shadow:0 3px 12px #0003;pointer-events:none;transition:none;animation:none}.timeline-hint[hidden]{display:none}

.service-card>.card-status-details{flex:0 0 100%;min-width:0;max-width:100%;order:2}.service-card .card-affected{color:#b42336;font-size:14px;font-weight:700;line-height:1.5;margin:0;overflow-wrap:anywhere}.service-card .card-sources{color:var(--muted);font-size:11px;font-weight:400;line-height:1.5;margin:5px 0 0}.service-card>.status-timeline{order:3}.status-timeline .timeline-note:empty{display:none}

.component-status-line{display:flex;align-items:flex-start;gap:8px;font-size:14px;font-weight:700;line-height:1.5;overflow-wrap:anywhere}.component-status-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;margin-top:1px;border-radius:50%;font-size:14px;font-weight:800;line-height:1}.status-line-issue{color:#b42336}.status-line-issue .component-status-icon{background:#facc15;color:#563c00}.status-line-ok{color:#247052}.status-line-ok .component-status-icon{background:#dcfce7;color:#15803d}.status-line-unknown{color:#79676b}.status-line-unknown .component-status-icon{background:#eee9eb;color:#62575b}.status-source-line{display:block;margin-top:6px;color:var(--muted,#79676b);font-size:11px;font-weight:400;line-height:1.5}.lookup-summary .component-status-line{font-size:16px}.lookup-summary .status-source-line{font-size:12px}

.timeline-hint,.status-timeline .timeline-note{white-space:pre-line;overflow-wrap:anywhere}