/* The Systems room: cream glass, forest light, and truthful live indicators. */
.inf-systems{--is-ink:#243f35;--is-muted:#768279;--is-green:#2e9a63;--is-red:#cc655f;--is-amber:#ae8438;--is-gray:#93a09a;max-width:1320px;margin:0 auto;color:var(--is-ink)}
.is-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.is-page-head{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:9px 1px 28px}
.is-eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:600;letter-spacing:2px;color:#84917b;margin-bottom:17px}
.is-eyebrow>span{height:6px;width:6px;border-radius:50%;background:#78916a;box-shadow:0 0 0 4px #dfe8d756}
.is-page-head h1{font-size:clamp(30px,3vw,43px);line-height:1.16;letter-spacing:-1.8px;font-weight:550}
.is-page-head h1 em{font-style:normal;color:#718467}
.is-page-head p{font-size:11px;line-height:1.9;color:#82907d;margin-top:15px}
.is-head-controls{display:flex;align-items:flex-end;flex-direction:column;gap:15px;padding-top:12px}
.is-admin-label{font-size:9px;color:#8b9884;display:flex;align-items:center;gap:6px}
.is-admin-label .is-icon{width:13px;height:13px}
.is-refresh{display:flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:11px 19px;border-radius:12px;background:linear-gradient(145deg,#365e49,#234934);color:#f6faed;border:1px solid #234b39;box-shadow:inset 0 1px #ffffff25,0 5px 12px #2d5c3610;font-size:11px;font-weight:500;transition:box-shadow .2s,transform .2s}
.is-refresh:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px #ffffff25,0 8px 18px #2d5c3623}
.is-refresh .is-icon{height:15px;width:15px}
.is-refresh:disabled{opacity:.7}
.is-auto{display:flex;align-items:center;gap:8px;cursor:pointer;position:relative;font-size:10px;color:#6b7c64}
.is-auto input{position:absolute;width:32px;height:22px;opacity:0;margin:0;z-index:1;cursor:pointer}
.is-auto small{display:block;font-size:8px;margin-top:3px;color:#96a08d}
.is-switch{height:18px;width:31px;border-radius:20px;background:#d9dfd4;box-shadow:inset 0 1px 2px #2e513312;position:relative;transition:background .2s}
.is-switch:after{content:'';position:absolute;left:3px;top:3px;width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #0002;transition:transform .2s}
.is-auto input:checked+.is-switch{background:#6e8d5d}.is-auto input:checked+.is-switch:after{transform:translateX(13px)}.is-auto input:focus-visible+.is-switch{outline:3px solid #94b789;outline-offset:4px}
.is-overview{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:322px;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 85% 2%,#496956 0,transparent 57%),radial-gradient(ellipse at 2% 95%,#294c3d 0,transparent 65%),#193f33;color:#f0f5e7;border:1px solid #3f6653;box-shadow:inset 0 1px #ffffff35,0 14px 34px #2e513213}
.is-overview:after{content:'';position:absolute;inset:5px;pointer-events:none;border:1px solid #edffdc10;border-radius:19px}
.is-overview-copy{padding:30px 33px 24px;position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start}
.is-light{color:#a8c095;font-size:8px;letter-spacing:2.3px;margin-bottom:16px}
.is-overview h2{font-size:29px;line-height:1.2;letter-spacing:-1px;font-weight:500}
.is-overview-copy>p{font-size:10px;line-height:1.9;color:#adc3ad;max-width:275px;margin-top:13px}
.is-totals{display:flex;align-items:center;gap:28px;margin:25px 0 24px}
.is-totals>div{min-width:67px}
.is-totals b{display:block;font:500 31px/1.1 Manrope,var(--font);letter-spacing:-1px;font-variant-numeric:tabular-nums;color:#f1f8e7}
.is-totals span{display:flex;align-items:center;gap:5px;font-size:8px;white-space:nowrap;color:#abc1a4;margin-top:7px}
.is-total-dot,.is-legend i{display:inline-block;width:5px;height:5px;border-radius:50%;flex-shrink:0}
.is-dot-online{background:#79ba79}.is-dot-offline{background:#d67c6c}.is-dot-unknown{background:#a3afa0}
.is-overview-foot{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;border-top:1px solid #cfdec11a;padding-top:14px;color:#9bb396;gap:20px;font-size:8px;letter-spacing:.1px}
.is-overview-caption{display:flex;align-items:center;gap:6px}.is-overview-caption .is-icon{width:12px;height:12px}
.is-network{height:320px;min-width:0;width:100%;max-width:500px;align-self:center;justify-self:center;position:relative;isolation:isolate}
.is-network-grid{position:absolute;inset:0;background-image:radial-gradient(#e4f6ca32 .6px,transparent .8px);background-size:16px 16px;opacity:.5;mask-image:radial-gradient(ellipse,#000 10%,transparent 69%)}
.is-ring{position:absolute;left:50%;top:50%;border:1px solid #d4e9b922;border-radius:50%;transform:translate(-50%,-50%) rotate(-22deg);pointer-events:none}
.is-ring-one{height:204px;width:306px;box-shadow:0 0 0 26px #d2e6ba02,inset 0 0 32px #c6f6a005}.is-ring-two{height:266px;width:266px;transform:translate(-50%,-50%) rotate(30deg);border-style:dashed;border-color:#d7e9bd19}
.is-orb-halo{position:absolute;left:50%;top:50%;width:213px;height:213px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#dbf4b91a,transparent 65%);filter:blur(5px)}
.is-orb{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:135px;height:135px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle at 28% 20%,#ffffefef,transparent 48%),radial-gradient(circle at 66% 67%,#9ebd8e,transparent 65%),linear-gradient(137deg,#f4f9d8,#afc79e 65%,#5d855c);color:#264b37;border:1px solid #e6f3cfa1;box-shadow:inset 2px 3px 9px #fffff1ba,inset -8px -10px 20px #183e3c28,0 0 0 9px #f0f9db04,0 0 45px #ccebb223,10px 17px 35px #0c2c293d;animation:is-orb-breathe 7s ease-in-out infinite}
.is-orb:after{content:'';position:absolute;inset:6px;border-radius:50%;border:1px solid #ffffff32;border-right-color:#ffffff0a;border-bottom-color:#ffffff0a;transform:rotate(-15deg)}
.is-orb>span{font-family:Georgia,serif;font-size:49px;line-height:.95;margin-top:-4px;letter-spacing:-3px}.is-orb b{font:650 12px Manrope,var(--font);letter-spacing:2px;margin-top:7px}.is-orb small{font-size:5px;letter-spacing:1.6px;margin-top:5px;color:#64835b}
.is-satellite{position:absolute;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:65px;transform:translate(-50%,-50%)}
.is-satellite-icon{position:relative;display:grid;place-items:center;width:38px;height:38px;border:1px solid #e6f4d12c;background:linear-gradient(130deg,#e4f4c719,#b7d89b09);box-shadow:inset 0 1px #ffffff22,0 5px 12px #18352614;border-radius:12px;backdrop-filter:blur(8px);color:#cbdec0}
.is-satellite-icon .is-icon{width:18px;height:18px}.is-satellite-icon i{width:6px;height:6px;position:absolute;right:-2px;top:-2px;border-radius:50%;border:2px solid #345a45;box-sizing:content-box;background:var(--is-gray)}
.is-satellite.is-online i{background:#8aca8f;box-shadow:0 0 10px #a4f4a254}.is-satellite.is-offline i{background:#eb9388;box-shadow:0 0 10px #fa8c7d40}.is-satellite.is-degraded i{background:#dcb56b}
.is-satellite b{font-weight:400;color:#a9c39d;font-size:8px;letter-spacing:.2px;white-space:nowrap}
.is-satellite-0{left:50%;top:12%}.is-satellite-1{left:78%;top:31%}.is-satellite-2{left:79%;top:71%}.is-satellite-3{left:50%;top:90%}.is-satellite-4{left:21%;top:71%}.is-satellite-5{left:22%;top:31%}
.is-control-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 3px 27px;font-size:9px;color:#8b9783}
.is-control-message{display:flex;align-items:center;gap:7px;line-height:1.7;min-width:0}.is-control-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#b2bca7}.is-control-warning{color:#a28661}.is-control-warning .is-control-dot{background:#b99972}.is-checking{animation:is-check-pulse 1.5s ease-in-out infinite}
.is-timestamp{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:8px}.is-timestamp b{font-weight:500;color:#647859;font-variant-numeric:tabular-nums}.is-timestamp small{font-size:8px;color:#a2ab96}
.is-services-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 1px 19px}.is-services-heading h2{font-size:16px;letter-spacing:-.4px;font-weight:600}.is-services-heading p{font-size:10px;color:#929d89;margin-top:6px;line-height:1.7}
.is-legend{display:flex;align-items:center;gap:13px;font-size:8px;color:#8c9885}.is-legend span{display:flex;align-items:center;gap:5px;white-space:nowrap}
.is-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:start}
.is-card{position:relative;min-width:0;border:1px solid #e0e7d9;border-radius:19px;overflow:hidden;background:linear-gradient(140deg,#ffffffed,#fcfdf8c4);box-shadow:0 5px 20px #314d2f04,inset 0 1px #fff;transition:box-shadow .2s,border-color .2s}
.is-card:hover{border-color:#d3ddca;box-shadow:0 10px 28px #314d2f09}
.is-card-top{padding:21px 21px 0;display:flex;align-items:center;justify-content:space-between;gap:9px}
.is-provider-mark{height:38px;width:38px;display:grid;place-items:center;border:1px solid #e3e9d9;border-radius:12px;background:linear-gradient(145deg,#f7faef,#edf3e4);color:#748d61;box-shadow:inset 0 1px #fff}
.is-provider-mark .is-icon{width:21px;height:21px}.is-mark-inf-os{color:#f1f8e7;background:linear-gradient(145deg,#456a50,#2d543e);border-color:#365a43}.is-mark-domain{color:#927e50;background:linear-gradient(145deg,#fcf8e9,#f2efdf);border-color:#ece6d3}.is-mark-cloudflare{color:#c28c4b;background:linear-gradient(145deg,#fdf6e8,#f7eddc);border-color:#f0e5d1}.is-mark-hetzner{color:#a37b72;background:linear-gradient(145deg,#fbf3ec,#f5e9e3);border-color:#eaded6}.is-mark-database{color:#638b87;background:linear-gradient(145deg,#f0f7f2,#e8f0e9);border-color:#dfeae0}
.is-status{display:inline-flex;align-items:center;gap:5px;font-size:8px;line-height:1.4;padding:5px 7px;border-radius:20px;max-width:calc(100% - 44px);color:#87958a;background:#f0f3ed;border:1px solid #e8ede3}.is-status i{width:5px;height:5px;border-radius:50%;flex-shrink:0;background:currentColor}.is-status.is-online{background:#eef6e8;color:#5c8c58;border-color:#e1ecd8}.is-status.is-online i{box-shadow:0 0 0 3px #73a95b0c}.is-status.is-offline{background:#fbefea;color:#b8675b;border-color:#f0ddd5}.is-status.is-degraded{background:#faf5e7;color:#a88a4d;border-color:#eee5ce}
.is-card-heading{padding:20px 21px 0}.is-card-kicker{font-size:7px;letter-spacing:1.2px;text-transform:uppercase;color:#9ca58e;display:flex;justify-content:space-between;gap:10px}.is-card-kicker span{font-variant-numeric:tabular-nums;letter-spacing:1px;color:#bbc3b2}.is-card-heading h3{font-size:19px;font-weight:600;letter-spacing:-.6px;margin-top:8px}.is-card-heading p{font-size:10px;line-height:1.8;color:#8c9884;margin-top:8px;min-height:36px}
.is-endpoint{margin:18px 21px 0;border:1px solid #e9eddf;background:#f7f9f2aa;border-radius:9px;padding:11px 12px;min-width:0;min-height:59px}.is-endpoint>span{display:block;font-size:6px;letter-spacing:1.3px;color:#a1ab90;margin-bottom:6px}.is-endpoint b{display:block;font-size:9px;font-weight:500;line-height:1.65;color:#637856;overflow-wrap:anywhere}
.is-card-state{display:flex;align-items:flex-start;gap:8px;padding:15px 21px 19px;min-height:80px}.is-card-state p{font-size:9px;line-height:1.8;color:#8e9a85;overflow-wrap:anywhere}.is-state-line{width:3px;min-width:3px;height:21px;display:block;border-radius:3px;background:#d6ddd1;margin-top:3px}.is-state-line.is-online{background:#abc89a}.is-state-line.is-offline{background:#dba397}.is-state-line.is-degraded{background:#d9c087}
.is-details{border-top:1px solid #e9eddf}.is-details summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 21px;font-size:9px;color:#708362;cursor:pointer;background:#f8faf4a6}.is-details summary::-webkit-details-marker{display:none}.is-details summary>span{font-size:16px;font-weight:400;line-height:1;color:#99aa8c;transition:transform .2s}.is-details[open] summary>span{transform:rotate(45deg)}.is-details summary:focus-visible{outline:2px solid #9bbfa8;outline-offset:-4px;border-radius:7px}
.is-detail-content{padding:0 21px 16px;background:#f8faf4a6}.is-detail-content dl{margin:0;padding:1px 0 8px}.is-detail-content dl>div{display:grid;grid-template-columns:minmax(65px,.7fr) minmax(0,1.3fr);gap:12px;padding:9px 0;border-bottom:1px solid #e7ecdf}.is-detail-content dt{font-size:8px;color:#96a187;line-height:1.7}.is-detail-content dd{font-size:9px;color:#687e59;margin:0;line-height:1.7;text-align:right;overflow-wrap:anywhere;white-space:pre-line}.is-check-metric{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-top:8px;font-size:8px;line-height:1.6;color:#a0aa91}.is-check-metric b{font-weight:400;color:#829273;font-variant-numeric:tabular-nums;text-align:right}.is-links{display:flex;flex-direction:column;gap:10px;margin-top:17px}.is-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#63804e;text-decoration:none;font-size:9px;line-height:1.5}.is-links a:hover{text-decoration:underline;text-underline-offset:3px}.is-links .is-icon{width:12px;height:12px}.is-no-facts{font-size:9px;color:#9ba58f;line-height:1.8;padding-top:4px}
.is-footer{margin-top:25px;display:flex;align-items:center;gap:6px;font-size:8px;color:#9da78e;line-height:1.8}.is-footer>.is-icon{height:12px;width:12px}.is-footer-brand{margin-left:auto;white-space:nowrap;font-size:7px;letter-spacing:1.3px;color:#a5ae97}
@keyframes is-orb-breathe{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-52%) scale(1.025)}}
@keyframes is-check-pulse{0%,100%{opacity:.35}50%{opacity:1}}
@media(min-width:1500px){.is-page-head{padding-bottom:32px}.is-overview{min-height:344px}.is-overview-copy{padding:34px 38px 27px}.is-network{height:344px}.is-overview h2{font-size:33px}.is-totals{gap:39px}.is-card-heading p{min-height:36px}.is-card-state{min-height:77px}}
@media(max-width:1180px){.is-card-grid{gap:12px}.is-card-top,.is-card-heading{padding-left:17px;padding-right:17px}.is-endpoint{margin-left:17px;margin-right:17px}.is-card-state,.is-details summary{padding-left:17px;padding-right:17px}.is-detail-content{padding-left:17px;padding-right:17px}.is-status{font-size:7px;padding:5px 6px}.is-totals{gap:20px}.is-overview-copy{padding-left:27px;padding-right:20px}.is-legend{gap:9px;font-size:7px}.is-card-heading h3{font-size:17px}}
@media(max-width:1010px){.is-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.is-status{font-size:8px}.is-overview{grid-template-columns:1fr 1fr}.is-network{height:315px}.is-orb{height:117px;width:117px}.is-ring-one{width:254px;height:185px}.is-ring-two{width:237px;height:237px}.is-satellite-1{left:81%}.is-satellite-2{left:82%}.is-satellite-4{left:18%}.is-satellite-5{left:19%}.is-overview h2{font-size:25px}.is-overview-copy>p{font-size:9px}.is-overview-foot{font-size:7px;gap:5px}.is-services-heading{align-items:flex-start}.is-legend{flex-wrap:wrap;justify-content:flex-end;max-width:160px;row-gap:7px}.is-control-bar{align-items:flex-start}.is-timestamp{flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:140px}.is-timestamp small{width:100%;text-align:right}.is-totals{gap:15px}.is-totals>div{min-width:61px}.is-totals span{font-size:7px}}
@media(max-width:760px){.is-page-head{padding-top:0;gap:15px}.is-page-head h1{font-size:33px;letter-spacing:-1.5px}.is-page-head p{font-size:10px}.is-head-controls{padding-top:0}.is-admin-label{font-size:8px}.is-refresh{font-size:10px;min-height:39px;padding:10px 14px}.is-overview{min-height:300px}.is-overview-copy{padding:25px 0 22px 24px}.is-overview h2{font-size:25px}.is-network{height:295px}.is-overview-foot{font-size:7px}.is-totals{gap:21px}.is-card-heading p{min-height:36px}.is-footer-brand{display:none}.is-card-state{min-height:80px}.is-control-bar{font-size:8px;padding-bottom:24px}.is-services-heading p{font-size:9px}}
@media(max-width:560px){.is-page-head{align-items:flex-start;flex-wrap:wrap;padding-bottom:22px;gap:20px}.is-page-head h1{font-size:34px;letter-spacing:-1.7px}.is-page-head p br{display:none}.is-page-head p{max-width:300px;margin-top:12px}.is-eyebrow{margin-bottom:13px;font-size:8px}.is-head-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;align-items:center}.is-admin-label{grid-column:1/-1;order:3;font-size:8px;justify-content:center}.is-refresh{justify-self:start;min-width:150px}.is-auto{justify-self:end;font-size:9px;gap:7px}.is-auto small{font-size:7px}.is-overview{display:flex;flex-direction:column;min-height:0;border-radius:21px}.is-overview-copy{padding:25px 24px 0;width:100%}.is-overview h2{font-size:27px}.is-overview h2 br{display:none}.is-overview-copy>p{font-size:10px;max-width:270px;line-height:1.8;margin-top:10px}.is-light{font-size:7px;margin-bottom:12px}.is-totals{gap:0;justify-content:space-between;width:100%;margin:22px 0 0}.is-totals>div{min-width:0}.is-totals b{font-size:28px}.is-totals span{font-size:8px}.is-overview-foot{display:none}.is-network{height:292px;width:100%;max-width:365px;margin-top:0;flex-shrink:0}.is-ring-one{width:268px;height:192px}.is-ring-two{width:239px;height:239px}.is-satellite-1{left:80%}.is-satellite-2{left:80%}.is-satellite-4{left:20%}.is-satellite-5{left:20%}.is-orb{width:122px;height:122px}.is-satellite-0{top:13%}.is-satellite-3{top:88%}.is-control-bar{display:flex;flex-direction:column;gap:9px;padding:13px 2px 24px}.is-timestamp{max-width:none;flex-wrap:nowrap;font-size:8px;padding-left:12px}.is-timestamp small{width:auto}.is-services-heading{flex-direction:column;gap:12px;margin-bottom:15px}.is-services-heading h2{font-size:16px}.is-legend{max-width:none;font-size:8px;gap:13px;justify-content:flex-start}.is-card-grid{grid-template-columns:1fr;gap:14px}.is-card-top{padding:20px 21px 0}.is-card-heading{padding:18px 21px 0}.is-card-heading h3{font-size:20px}.is-card-heading p{min-height:0;font-size:11px}.is-card-kicker{font-size:8px}.is-endpoint{margin:17px 21px 0;min-height:60px}.is-endpoint b{font-size:10px}.is-card-state{padding:14px 21px 18px;min-height:0}.is-card-state p{font-size:10px}.is-status{font-size:9px;padding:5px 8px}.is-details summary{padding:14px 21px;font-size:10px}.is-detail-content{padding:0 21px 18px}.is-detail-content dt,.is-check-metric{font-size:9px}.is-detail-content dd,.is-links a{font-size:10px}.is-footer{font-size:8px;align-items:flex-start;margin-top:20px}.is-footer>.is-icon{margin-top:1px}.is-card{border-radius:17px}}
@media(prefers-reduced-motion:reduce){.inf-systems *,.inf-systems *:after{animation:none!important;transition:none!important}}