.monitor-center{--monitor-line:#dce6e7;--monitor-muted:#5b707b;font-family:var(--font-sans);margin-top:44px}.monitor-center .overview-heading{margin-bottom:34px}.monitor-center .overview-heading h1{letter-spacing:-.6px;font-size:clamp(30px,3.6vw,40px);font-weight:800}.monitor-center .overview-heading p{color:var(--monitor-muted);font-size:14px}.monitor-workspace{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:32px;display:grid}.monitor-rail{border-inline-end:1px solid var(--monitor-line);gap:24px;min-width:0;padding-inline-end:28px;display:grid}.monitor-center .overview-summary{background:linear-gradient(135deg,#183d40,#142c3a 78%);border:0;border-radius:20px;min-height:0;display:block}.monitor-center .summary-content{padding:24px 24px 0;display:block}.monitor-center .summary-icon{border:0;border-radius:11px;width:38px;height:38px;margin-bottom:14px;padding:8px}.monitor-center .summary-label{font-size:11px;font-weight:500;display:block}.monitor-center .overview-summary h2{margin:4px 0 10px;font-size:24px;line-height:1.6}.monitor-center .overview-summary p{font-size:12px;line-height:1.9}.monitor-center .summary-details{border-inline-start:0;border-top:1px solid #c9e1e522;margin:20px 24px;padding:16px 0 0}.monitor-center .summary-details strong{font-size:12px;font-weight:600}.monitor-center .summary-details p{display:block}.monitor-center .summary-meta{background:#102732;border-top:0;gap:7px;padding:15px 24px;font-size:11px;display:grid}.monitor-center .summary-meta time{margin:0;display:block}.monitor-center .updates-panel{background:0 0;border:0;padding:0}.monitor-center .updates-panel h2{margin:0 0 16px;font-size:15px}.monitor-center .updates-panel .event-card{border:0;border-inline-start:1px solid var(--monitor-line);background:0 0;padding:0 16px 20px 0;position:relative}.monitor-center .updates-panel .event-card:before{content:"";inset-inline-start:-4px;background:#678781;border-radius:50%;width:7px;height:7px;position:absolute;top:7px}.monitor-center .updates-panel .event-card h3{margin:5px 0;font-size:13px}.monitor-center .updates-panel .event-type,.monitor-center .updates-panel .eyebrow{font-size:11px}.monitor-center .updates-panel .empty{text-align:start;border:0;padding:0;font-size:12px}.monitor-center .follow-card{border-color:var(--monitor-line);background:#edf4f1;border-radius:16px;padding:20px}.follow-card-icon{width:22px;height:22px;color:var(--green);fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.monitor-center .follow-card h2{margin:8px 0;font-size:16px}.monitor-center .follow-card p{color:#48645c;font-size:12px}.monitor-center .follow-card .primary-link{margin-top:14px;font-size:12px}.monitor-center .status-guide{color:var(--monitor-muted);background:0 0;border:0;border-radius:0;padding:0}.monitor-center .status-guide summary{min-height:44px}.monitor-center .overview-services{min-width:0;margin:0}.monitor-center .overview-section-title{margin:0 0 18px}.monitor-center .overview-section-title h2{font-size:19px}.services-subtitle{color:var(--monitor-muted);margin:3px 0 0;font-size:12px}.monitor-center .overview-section-title>span{border-color:var(--monitor-line);font-size:11px}.monitor-center .service-toolbar{background:0 0;border:0;border-radius:0;gap:14px;padding:0}.monitor-center .service-toolbar input,.monitor-center .service-toolbar select{border-color:var(--monitor-line);background:#fff;border-radius:10px;font-size:13px}.monitor-center .filter-result{margin:12px 0;font-size:11px}.monitor-center .service-list{background:0 0;border:0;gap:16px;display:grid}.monitor-center .overview-service{border:1px solid var(--monitor-line);background:#fff;border-radius:18px;justify-items:stretch;margin:0;padding:22px 24px 10px;transition:border-color .16s,box-shadow .16s;display:block}.monitor-center .overview-service:hover{border-color:#afc7c0;box-shadow:0 5px 20px #183b3607}.monitor-center .overview-service .service-card-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.monitor-center .overview-service h3{min-width:0;margin:0;font-size:16px;font-weight:650}.monitor-center .overview-service .badge{flex-shrink:0;max-width:45%;padding:4px 10px;font-size:11px;font-weight:500}.monitor-center .badge svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:13px;height:13px}.monitor-center .overview-service .service-history{min-height:82px;margin:18px 0 12px;display:block}.service-history-bars,.service-history-skeleton{direction:ltr;grid-template-columns:repeat(90,minmax(0,1fr));gap:2px;display:grid}.history-uptime{color:var(--monitor-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;margin-bottom:10px;font-size:11px;display:flex}.history-uptime-result{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.history-uptime-value{color:#203c3d;font-variant-numeric:tabular-nums;font-size:14px}.history-uptime-result small{font-size:10px}.service-history-bars{contain:inline-size;isolation:isolate;align-items:center;min-width:0;height:62px;display:flex;position:relative}.service-history-day{--day-color:#73838b;border-radius:var(--dock-radius,2px);color:#fff;background:0 0;border:0;flex:none;width:calc(1.11111% - 1.97778px);min-width:0;height:34px;padding:0;position:relative}.service-history-day:before{content:"";border-radius:inherit;background-color:var(--day-color);pointer-events:none;transition:background-color .2s,box-shadow .24s;position:absolute;inset:0}.service-history-day.healthy{--day-color:#439b87}.service-history-day.degraded{--day-color:#aa701e}.service-history-day.down{--day-color:#b64d56}.service-history-day.maintenance{--day-color:#626fa4}.service-history-day.not_applicable{--day-color:#e9eef0}.service-history-day[data-dock-active=true]{z-index:2}.service-history-day[data-dock-active=true]:before{background-color:color-mix(in srgb, var(--day-color) 78%, #102932);box-shadow:0 6px 16px #214b4326,inset 0 1px #fff9,inset 0 0 0 1px #ffffff4d}.service-history-day.not_applicable[data-dock-active=true]:before{background-color:#e7f0ee}.service-history-dock-date{z-index:1;color:#fff;pointer-events:none;opacity:var(--dock-date-opacity,0);direction:rtl;flex-direction:column;justify-content:center;align-items:center;gap:2px;line-height:1.2;transition:opacity .1s,color .18s;display:flex;position:absolute;inset:0;overflow:hidden}.service-history-dock-date strong{font-variant-numeric:tabular-nums;font-size:18px;font-weight:750}.service-history-dock-date>span{white-space:nowrap;font-size:9px;font-weight:600}.service-history-day.not_applicable .service-history-dock-date{color:#234a45}.service-history-tooltip{z-index:1000;box-sizing:border-box;color:#203c3d;width:270px;max-width:calc(100vw - 24px);font-family:var(--font-sans);text-align:right;transform-origin:bottom;opacity:1;background:#fcfefd;border:1px solid #dce7e5;border-radius:16px;padding:16px;font-size:12px;line-height:1.8;transition:opacity .22s,transform .24s cubic-bezier(.16,1,.3,1);position:fixed;transform:translateY(0)scale(1);box-shadow:0 12px 40px #163c3b26,0 2px 8px #163c3b12}.service-history-tooltip[data-moving=true]{transition:opacity .22s,transform .24s cubic-bezier(.16,1,.3,1),left .24s cubic-bezier(.16,1,.3,1),top .24s cubic-bezier(.16,1,.3,1)}.service-history-tooltip[data-closing=true]{opacity:0;pointer-events:none;transform:translateY(5px)scale(.98)}@starting-style{.service-history-tooltip{opacity:0;transform:translateY(10px)scale(.95)}}.service-history-tooltip time,.service-history-tooltip strong{display:block}.service-history-tooltip time{color:#657a7d}.service-history-tooltip strong{margin-top:3px;font-size:15px}.service-history-tooltip dl{border-top:1px solid #e5edeb;margin:10px 0;padding-top:8px}.service-history-tooltip dl>div{justify-content:space-between;gap:12px;margin-top:4px;display:flex}.service-history-tooltip dd{text-align:left;margin:0}.service-history-tooltip small{color:#657a7d;font-size:10px;display:block}.service-history-day[aria-pressed=true]:before{outline-offset:1px;outline:1px solid #173c39}body.liquid-glass .service-history-day:focus-visible{outline:none}.service-history-day:focus-visible:before{outline-offset:3px;outline:3px solid #146e59}.service-history-skeleton span{background:#e8eef0;border-radius:2px;height:34px}.unrecorded-history-bars{align-items:center;height:62px;display:grid}.history-date-range{color:var(--monitor-muted);direction:ltr;justify-content:space-between;margin-top:9px;font-size:11px;display:flex}.history-date-range span{direction:rtl}.monitor-center .overview-service .history-day-detail{color:#365e54;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;margin-top:6px;font-size:11px;display:flex}.history-day-detail>span{color:var(--monitor-muted)}.monitor-center .overview-service .history-caption,.monitor-center .overview-service .history-unavailable{color:var(--monitor-muted);margin-top:10px;font-size:12px}.monitor-center .overview-service .service-card-footer{border-top:1px solid #edf1f2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 16px;padding-top:8px;display:flex}.monitor-center .service-card-footer>p{color:var(--monitor-muted);font-size:11px}.monitor-center .service-actions{flex-flow:wrap;align-items:center;gap:16px;display:flex}.monitor-center .service-actions a{min-height:44px;font-size:12px}@media (max-width:850px){.monitor-workspace{grid-template-columns:minmax(0,1fr);gap:24px}.monitor-rail{display:contents}.monitor-center .overview-summary{order:-2;grid-template-columns:minmax(0,1fr) minmax(180px,.65fr);display:grid}.monitor-center .summary-content{padding-bottom:20px}.monitor-center .summary-details{border-top:0;align-self:center;padding:0}.monitor-center .summary-meta{display:flex}.monitor-center .summary-meta time{display:inline}.monitor-center .overview-services{order:-1}.monitor-center .follow-card .primary-link{display:inline-flex}}@media (max-width:650px){.monitor-center{margin-top:28px}.monitor-center .overview-heading{margin-bottom:24px}.monitor-center .overview-heading h1{font-size:29px}.monitor-center .overview-heading p{font-size:13px}.monitor-center .overview-summary{display:block}.monitor-center .summary-content{padding:22px 22px 0}.monitor-center .summary-icon{margin-bottom:8px}.monitor-center .summary-details{border-top:1px solid #c9e1e522;margin:16px 22px;padding-top:12px}.monitor-center .summary-meta{padding:14px 22px}.monitor-center .overview-service{padding:18px 16px 6px}.monitor-center .overview-service h3{font-size:15px}.monitor-center .overview-service .badge{gap:5px;max-width:48%;padding:4px 8px}.monitor-center .service-toolbar input,.monitor-center .service-toolbar select{font-size:16px}.monitor-center .overview-service .service-card-footer{display:block}.monitor-center .service-card-footer>p{margin-bottom:3px}}@media (max-width:450px){.service-history-bars,.service-history-skeleton{gap:1px}}.monitor-center.monitor-wide{max-width:none}.monitor-wide .monitor-workspace{grid-template-columns:minmax(0,1fr);gap:28px}.monitor-wide .overview-summary{order:initial;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) minmax(0,.85fr);align-items:center;display:grid}.monitor-wide .summary-content{align-items:center;gap:18px;padding:24px;display:flex}.monitor-wide .summary-icon{width:44px;height:44px;margin:0}.monitor-wide .overview-summary h2{margin:3px 0 6px}.monitor-wide .summary-details{border-top:0;border-inline-start:1px solid #c9e1e52e;margin:24px 0;padding:0 24px}.monitor-wide .summary-meta{grid-column:auto;align-content:center;align-self:stretch;gap:10px;padding:24px;display:grid}.monitor-wide .summary-meta time{margin-top:4px;display:block}.monitor-wide .overview-services{order:initial}.monitor-wide .monitor-information{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:24px;padding-top:12px;display:grid}.monitor-wide .monitor-information .updates-panel{padding:20px 0}.monitor-wide .monitor-information .status-guide{grid-column:1/-1}@media (max-width:950px){.monitor-wide .overview-summary{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.monitor-wide .summary-meta{grid-column:1/-1;padding:14px 24px;display:flex}.monitor-wide .summary-meta time{margin-inline-start:6px;display:inline}}@media (max-width:650px){.monitor-wide .overview-summary,.monitor-wide .monitor-information{grid-template-columns:minmax(0,1fr)}.monitor-wide .summary-content{gap:12px;padding:20px 20px 12px}.monitor-wide .summary-details{border-inline-start:0;border-top:1px solid #c9e1e52e;margin:0 20px 16px;padding:12px 0 0}.monitor-wide .summary-meta{padding:14px 20px}}@media (prefers-reduced-motion:reduce){.monitor-center .overview-service,.service-history-day:before,.service-history-dock-date{transition:none}.service-history-tooltip,.service-history-tooltip[data-moving=true]{transition:none;animation:none}}
