.overview-page{--overview-signal:#69aeff;--overview-healthy:#4fd18b;--overview-warning:#f1c75b;--overview-critical:#f36b6b;flex-direction:column;gap:16px;display:flex}.overview-page>*{animation:.42s cubic-bezier(.2,.75,.25,1) both overviewReveal}.overview-page>:nth-child(2){animation-delay:50ms}.overview-page>:nth-child(3){animation-delay:90ms}.overview-page>:nth-child(4){animation-delay:.13s}.overview-page>:nth-child(5){animation-delay:.17s}@keyframes overviewReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.overview-status{--status-color:var(--accent);--status-soft:var(--accent-soft);border:1px solid color-mix(in oklch, var(--status-color) 34%, var(--line-1));border-radius:var(--radius-md);background:linear-gradient(105deg, color-mix(in oklch, var(--status-color) 10%, transparent), transparent 45%), var(--bg-1);contain:layout paint;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:14px 18px;display:grid}.overview-status-ok{--status-color:#5bbe62}@supports (color:lab(0% 0 0)){.overview-status-ok{--status-color:lab(69.4608% -44.8835 37.1852)}}.overview-status-degraded,.overview-status-checking{--status-color:#ecaa0b}@supports (color:lab(0% 0 0)){.overview-status-degraded,.overview-status-checking{--status-color:lab(74.4754% 17.3326 75.9449)}}.overview-status-down{--status-color:var(--sev-error)}.overview-status-main{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.overview-status-icon{width:40px;height:40px;color:var(--status-color);background:color-mix(in oklch, var(--status-color) 14%, transparent);border-radius:var(--radius-full);justify-content:center;align-items:center;display:inline-flex}.overview-status-checking .overview-status-icon svg{animation:1.2s linear infinite spin}.overview-status-copy{min-width:0}.overview-status-title{color:var(--fg-1);font-size:16px;font-weight:600}.overview-status-detail{color:var(--fg-3);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12px;overflow:hidden}.overview-freshness{color:var(--fg-3);white-space:nowrap;font-size:11px}.overview-toolbar{justify-content:flex-end;align-items:center;gap:10px;display:flex}.overview-window{border-radius:var(--radius-full);background:var(--bg-2);border:1px solid var(--line-1);align-items:center;gap:3px;padding:3px;display:inline-flex}.overview-window-btn{border-radius:var(--radius-full);min-width:44px;height:28px;color:var(--fg-3);font:500 11px var(--font-ui);cursor:pointer;background:0 0;border:0;padding:0 10px}.overview-window-btn[data-active=true]{color:var(--on-accent-container);background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--accent) 30%, transparent)}.overview-window-btn:focus-visible,.overview-context-action:focus-visible,.overview-card-action:focus-visible,.overview-kpi-link:focus-visible,.overview-incident-row:focus-visible,.overview-anomaly-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.overview-context-action,.overview-card-action{color:var(--accent);border-radius:var(--radius-full);align-items:center;gap:6px;font-size:12px;font-weight:500;text-decoration:none;display:inline-flex}.overview-context-action{min-height:32px;color:var(--fg-1);border:1px solid color-mix(in oklch, var(--status-color) 40%, var(--line-1));background:color-mix(in oklch, var(--status-color) 10%, var(--bg-2));padding:0 12px}.overview-context-action:hover,.overview-card-action:hover{color:var(--accent);border-color:var(--line-2)}.overview-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.overview-kpi-link{min-width:0;color:inherit;border-radius:var(--radius-md);text-decoration:none;display:block}.overview-kpi-link .kpi{height:100%;transition:border-color .16s,background-color .16s}.overview-kpi-link:hover .kpi{border-color:var(--line-strong);background:color-mix(in oklch, var(--bg-1) 92%, var(--accent))}.overview-kpi-link:first-child .kpi:before{background:var(--sev-error)}.overview-primary-grid{grid-template-columns:minmax(0,1.7fr) minmax(340px,.85fr);align-items:stretch;gap:16px;display:grid}.overview-activity,.overview-recent{flex-direction:column;height:420px;display:flex}.overview-card{min-width:0}.overview-card .card-header{align-items:flex-start}.overview-card .card-header>div:first-child{min-width:0}.overview-card-subtitle{color:var(--fg-3);margin:4px 0 0;font-size:11px;line-height:1.35}.overview-card-action{white-space:nowrap;color:var(--accent);min-height:28px;margin-left:auto}.overview-chart-body{flex:1;min-height:0;padding-top:0;display:flex}.overview-list{min-height:0}.overview-recent .overview-list{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;flex:1;overflow-y:auto}.overview-incident-row,.overview-anomaly-row{min-width:0;color:inherit;border-top:1px solid var(--line-1);padding:13px 18px;text-decoration:none;transition:background-color .14s;display:block}.overview-incident-row:hover,.overview-anomaly-row[href]:hover{background:var(--bg-2)}.overview-row-topline{align-items:center;gap:8px;min-width:0;display:flex}.overview-row-id{min-width:0;color:var(--accent);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.overview-row-time{color:var(--fg-3);font:10px var(--font-mono);white-space:nowrap;margin-left:auto}.overview-row-title{color:var(--fg-1);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:7px;font-size:12.5px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.overview-row-meta{color:var(--fg-3);flex-wrap:wrap;align-items:center;gap:7px 12px;margin-top:8px;font-size:10.5px;display:flex}.overview-row-meta>span:not(.dom){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.overview-row-skeleton{border-top:1px solid var(--line-1);gap:8px;padding:15px 18px;display:grid}.overview-row-skeleton .skeleton:first-child{width:44%;height:16px}.overview-row-skeleton .skeleton:nth-child(2){width:88%;height:13px}.overview-row-skeleton .skeleton:nth-child(3){width:62%;height:11px}.overview-message{min-height:150px;color:var(--fg-3);text-align:left;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.overview-message>span{color:var(--accent)}.overview-message-error>span{color:var(--sev-error)}.overview-message strong{color:var(--fg-2);font-size:13px;display:block}.overview-message p{max-width:340px;margin:4px 0 0;font-size:11px;line-height:1.4}.overview-pipeline .card-body{padding:8px 20px 20px}.overview-pipeline-flow{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr) 72px minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.overview-stage{--overview-stage-color:var(--accent);border-radius:var(--radius-sm);border:1px solid var(--line-1);background:linear-gradient(145deg, color-mix(in oklch, var(--overview-stage-color) 7%, transparent), transparent 52%), var(--bg-2);min-width:0;box-shadow:inset 0 2px 0 var(--overview-stage-color);padding:18px;position:relative}.overview-stage-heading{align-items:center;gap:10px;display:flex}.overview-stage-number{width:28px;height:28px;color:var(--bg-0);background:var(--overview-stage-color);font:600 12px var(--font-mono);border-radius:9px;flex:none;justify-content:center;align-items:center;display:inline-flex}.overview-stage-name{color:var(--fg-1);font-size:12.5px;font-weight:600}.overview-stage-status,.overview-connection{color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:5px;margin-top:3px;font-size:9.5px;display:inline-flex}.overview-stage-status span,.overview-connection span{background:var(--sev-error);border-radius:50%;width:6px;height:6px}.overview-stage-status.ok span,.overview-connection.connected span{background:#5bbe62;background:lab(69.4608% -44.8835 37.1852);box-shadow:0 0 0 3px #5bbe6226;box-shadow:0 0 0 3px lab(69.4608% -44.8835 37.1852/.15)}.overview-stage-throughput{border-radius:var(--radius-full);background:var(--bg-3);height:7px;margin-top:18px;position:relative;overflow:hidden}.overview-stage-throughput span{border-radius:inherit;transform-origin:0;position:absolute;inset:0 auto 0 0}.overview-throughput-input{background:color-mix(in oklch, var(--overview-stage-color) 18%, var(--bg-3));width:100%}.overview-throughput-output{background:var(--overview-stage-color);box-shadow:0 0 10px color-mix(in oklch, var(--overview-stage-color) 34%, transparent);animation:.62s cubic-bezier(.2,.8,.2,1) both overviewBarReveal}@keyframes overviewBarReveal{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.overview-stage-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 0;display:grid}.overview-stage-metrics div{min-width:0}.overview-stage-metrics dt{color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em;font-size:9.5px}.overview-stage-metrics dd{color:var(--fg-1);font:600 11px var(--font-mono);margin:3px 0 0}.overview-stage-skeleton{height:78px;margin-top:16px}.overview-stage-connector{color:var(--fg-3);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-content:center;align-items:center;gap:7px 2px;display:grid;position:relative}.overview-live-meta{align-items:center;gap:12px;margin-left:auto;display:flex}.overview-connection{margin-top:0}.overview-connection.reconnecting{color:var(--sev-error)}.overview-anomaly-row .overview-row-title{-webkit-line-clamp:1}@media (max-width:1180px){.overview-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-primary-grid{grid-template-columns:1fr}.overview-activity{height:380px}.overview-recent{height:420px}}@media (max-width:720px){.overview-page{gap:12px}.overview-status{grid-template-columns:1fr;gap:12px;padding:14px}.overview-status-main{grid-template-columns:auto minmax(0,1fr)}.overview-freshness{grid-column:2}.overview-status-detail{white-space:normal}.overview-toolbar{flex-direction:column;align-items:stretch}.overview-window,.overview-context-action{align-self:flex-start}.overview-kpis{grid-template-columns:1fr;gap:10px}.overview-primary-grid{gap:12px}.overview-activity{height:340px}.overview-card .card-header{align-items:center}.overview-card-subtitle{display:none}.overview-chart-body{min-height:240px}.overview-live-meta .overview-connection{display:none}.overview-incident-row,.overview-anomaly-row{padding:12px 14px}}@media (prefers-reduced-motion:reduce){.overview-status-checking .overview-status-icon svg{animation:none}.overview-page>*,.overview-throughput-output,.overview-connector-track i{animation:none!important}}.overview-connector-rate{color:var(--fg-3);font:9px var(--font-mono);letter-spacing:.04em;grid-column:1/-1;justify-self:center}.overview-connector-track{border-radius:var(--radius-full);background:color-mix(in oklch, var(--overview-signal) 24%, var(--line-1));height:2px;display:block;position:relative;overflow:hidden}.overview-connector-track i{background:var(--overview-signal);width:6px;height:6px;box-shadow:0 0 8px color-mix(in oklch, var(--overview-signal) 70%, transparent);opacity:0;border-radius:50%;position:absolute;top:50%;left:0;transform:translate(-100%,-50%)}.overview-pipeline[data-live=true] .overview-connector-track i{animation:2.8s cubic-bezier(.4,0,.2,1) infinite overviewPacket}.overview-pipeline[data-live=true] .overview-stage-connector:nth-of-type(4) .overview-connector-track i{animation-delay:.34s}@keyframes overviewPacket{0%{opacity:0;left:0}18%,82%{opacity:1}to{opacity:0;left:100%}}.overview-stage-connector svg{color:var(--overview-signal)}@media (max-width:900px){.overview-pipeline-flow{grid-template-columns:1fr;gap:0}.overview-stage-connector{flex-direction:column;gap:2px;height:48px;display:flex}.overview-connector-rate{position:absolute;top:50%;right:calc(50% + 14px);transform:translateY(-50%)}.overview-connector-track{width:2px;height:28px}.overview-connector-track i{top:0;left:50%;transform:translate(-50%,-100%)}.overview-stage-connector svg{transform:rotate(90deg)}.overview-pipeline[data-live=true] .overview-connector-track i{animation-name:overviewPacketVertical}}@keyframes overviewPacketVertical{0%{opacity:0;top:0}18%,82%{opacity:1}to{opacity:0;top:100%}}