:root{color-scheme:dark;--bg:#243542;--surface:#304451;--surface-2:#3a5360;--line:#526b79;--text:#f6fafb;--muted:#c5d3db;--soft:#afc2cd;--green:#67ddb0;--amber:#ffbd59;--red:#ff737c;--blue:#78c8e8}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 100% -10%,#3e5968 0,transparent 32%),var(--bg);color:var(--text);font:14px/1.45 Inter,"Segoe UI",Arial,sans-serif}
button{font:inherit}
button:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}
.shell{width:min(1440px,calc(100% - 64px));margin:auto}
.topbar{height:66px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:850;letter-spacing:.035em;white-space:nowrap}.brand strong{color:var(--green)}.brand-sep{margin:0 7px;color:#78939f}.brand-mark{display:grid;grid-template-columns:repeat(2,8px);gap:3px;transform:rotate(-12deg)}.brand-mark i{width:8px;height:8px;border-radius:2px;background:var(--green)}.brand-mark i:nth-child(2){opacity:.65}.brand-mark i:nth-child(3){opacity:.42}.topbar-right{display:flex;align-items:center;gap:18px}.topbar-caption{color:var(--muted);font-size:12px}.live-pill{display:flex;align-items:center;gap:8px;border:1px solid #4b796b;background:#294638;color:#a3f1ca;border-radius:30px;padding:7px 12px;font-size:11px;font-weight:750;white-space:nowrap}.pulse{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #67ddb027}
.intro{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:29px 0 22px}.eyebrow{font-size:10px;letter-spacing:.17em;color:var(--green);font-weight:850}.intro h1{font-size:clamp(28px,3vw,38px);line-height:1.1;letter-spacing:-.04em;margin:8px 0 6px}.heading-dot{color:var(--green)}.intro p{margin:0;color:var(--muted);font-size:13px}.intro-meta{text-align:right;display:flex;flex-direction:column;gap:2px;white-space:nowrap}.intro-meta span{font-size:10px;letter-spacing:.12em;font-weight:800;color:var(--soft)}.intro-meta strong{font-size:13px;font-variant-numeric:tabular-nums}.intro-meta small{font-size:10px;color:var(--muted)}
.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.summary-item{padding:16px 21px;min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--line)}.summary-item:last-child{border-right:0}.summary-item>span{font-size:10px;letter-spacing:.1em;color:var(--muted);font-weight:800}.summary-item>strong{font-size:26px;letter-spacing:-.035em;line-height:1.15;margin-top:6px;font-variant-numeric:tabular-nums}.summary-item>strong small{font-size:15px;color:#c4d1d7;letter-spacing:0}.summary-item>small{font-size:10px;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.monitor-panel{margin-top:20px;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 15px 45px #101c2620}.monitor-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 23px 17px}.monitor-head h2{font-size:22px;letter-spacing:-.025em;margin:3px 0 3px}.monitor-head p{color:var(--muted);font-size:11px;margin:0}.count{display:inline-block;color:#b3c3cb;font-size:12px;font-weight:750;border:1px solid var(--line);border-radius:6px;padding:1px 6px;vertical-align:3px;margin-left:5px;letter-spacing:0}.periods{display:flex;gap:3px;padding:3px;background:#293e4b;border:1px solid var(--line);border-radius:9px;white-space:nowrap}.periods button{border:0;background:transparent;border-radius:6px;color:var(--muted);padding:6px 10px;font-size:11px;cursor:pointer}.periods button:hover{color:var(--text)}.periods button.active{color:var(--text);background:#4f6877;box-shadow:0 1px 4px #10182066;font-weight:750}
.table-head,.row-main{display:grid;grid-template-columns:190px minmax(0,1fr) 88px 110px;column-gap:17px}.table-head{padding:8px 23px;background:#2c414e;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#c3d4dd;font-size:10px;letter-spacing:.12em;font-weight:800}.table-head span:nth-child(n+3){text-align:right}
.monitor-list{min-height:120px}.monitor-row{display:block;width:100%;border:0;border-left:3px solid transparent;border-bottom:1px solid var(--line);text-align:left;color:var(--text);background:transparent;padding:13px 20px 12px;cursor:pointer;transition:background .15s,border-color .15s}.monitor-row:last-child{border-bottom:0}.monitor-row:hover{background:#395260}.monitor-row.selected{background:#3b5664;border-left-color:var(--green)}.row-main{align-items:center}.row-identity{min-width:0;display:flex;flex-direction:column;align-items:start}.row-identity>strong{font-size:14px;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.row-url{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-top:1px}.row-status{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:750;margin-top:7px;color:var(--green)}.row-status.down{color:var(--red)}.row-status.partial,.row-status.pending{color:var(--amber)}.row-status.unknown{color:var(--muted)}
.timeline{min-width:0}.time-bars{height:37px;width:100%;display:flex;align-items:end;gap:2px}.time-bar{display:block;flex:1;min-width:1px;height:31px;border-radius:2px 2px 1px 1px;transition:filter .15s}.time-bar:hover{filter:brightness(1.3)}.time-bar.good{background:var(--green)}.time-bar.warn{background:var(--amber)}.time-bar.bad{background:var(--red)}.time-bar.empty{height:7px;background:#8eabb9;opacity:.85}.timeline-scale{display:flex;justify-content:space-between;color:#c0d1da;font-size:11px;margin-top:5px}.row-value{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.row-value strong{font-size:17px;line-height:1.1;letter-spacing:-.025em}.row-value small{font-size:10px;color:var(--muted);margin-left:3px}.row-value.uptime.up{color:var(--green)}.row-value.uptime.partial{color:var(--amber)}.row-value.uptime.down{color:var(--red)}.row-value.uptime.unknown{color:var(--muted)}.mobile-label{display:none}
.row-probes{display:flex;gap:7px;flex-wrap:wrap;padding-left:207px;margin-top:10px}.probe-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid #708c9d;border-radius:6px;background:#3e5b6a;font-size:11px;color:#f2f8fa;white-space:nowrap}.probe-chip b{font-size:11px;font-weight:800;margin-left:3px;font-variant-numeric:tabular-nums}.probe-chip.down{border-color:#91565c;background:#503941}.probe-chip.partial,.probe-chip.pending{border-color:#8c7144;background:#504638}.probe-chip.unknown{opacity:.85}.legend-dot{display:inline-block;flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:var(--green)}.legend-dot.down{background:var(--red)}.legend-dot.partial,.legend-dot.pending{background:var(--amber)}.legend-dot.unknown{background:#8da1ae}.monitor-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);background:#2c414e;padding:11px 23px;color:var(--muted);font-size:10px}.legend{display:flex;flex-wrap:wrap;gap:14px}.legend span{display:flex;align-items:center;gap:5px}.loading{padding:30px;text-align:center;color:var(--muted)}
.section-title{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:26px 0 12px}.section-title h2{font-size:23px;letter-spacing:-.025em;margin:3px 0 0}.section-hint{font-size:11px;color:var(--muted);padding-bottom:2px}.analysis-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,1fr);gap:14px}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,1fr);gap:14px;margin-top:14px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:21px 22px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.panel h3{font-size:17px;margin:0;letter-spacing:-.02em}.panel p{font-size:11px;color:var(--muted);margin:3px 0 0;overflow:hidden;text-overflow:ellipsis}.panel-unit{color:var(--soft);font-size:9px;font-weight:800;letter-spacing:.11em;padding-top:3px}.chart-wrap{display:flex;height:240px;margin-top:22px}.chart-axis{width:52px;flex:0 0 52px;display:flex;flex-direction:column;justify-content:space-between;padding:0 8px 20px 0;color:var(--soft);text-align:right;font-size:10px;font-variant-numeric:tabular-nums}.chart-body{position:relative;flex:1;min-width:0;border-bottom:1px solid #4a6070;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(50% - 1px),#3b515e calc(50% - 1px),#3b515e 50%)}.chart-body svg{width:100%;height:220px;overflow:visible}.chart-x{display:flex;justify-content:space-between;color:var(--soft);font-size:10px;margin-top:2px}.chart-empty{position:absolute;inset:0;display:grid;place-items:center;background:#304451a6;color:var(--muted);font-size:12px}.chart-empty[hidden]{display:none}
.detail-panel{display:flex;flex-direction:column}.status-badge{border-radius:20px;border:1px solid #518977;background:#2c5145;color:#a8f3cd;padding:5px 9px;white-space:nowrap;font-size:10px;font-weight:750}.status-badge.down{background:#553c44;border-color:#98616a;color:#ffc0c4}.status-badge.partial,.status-badge.pending{background:#554737;border-color:#94764c;color:#ffdb9a}.status-badge.unknown{background:#3c4e59;border-color:#637987;color:#c2d0d5}.probe-list{margin-top:17px}.probe-row{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:10px 0}.probe-row:first-child{border-top:0}.probe-symbol{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:7px;background:#315849;color:var(--green);font-size:14px;font-style:normal}.probe-symbol.down{background:#594048;color:var(--red)}.probe-symbol.partial,.probe-symbol.pending{background:#5a4b38;color:var(--amber)}.probe-symbol.unknown{background:#405260;color:var(--muted)}.probe-description{min-width:0;flex:1}.probe-description strong,.probe-description span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.probe-description strong{font-size:10px}.probe-description span{font-size:9px;color:var(--muted)}.probe-result{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.probe-result strong,.probe-result span{display:block}.probe-result strong{font-size:11px}.probe-result span{font-size:9px;color:var(--muted)}.detail-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:13px;border-top:1px solid var(--line);font-size:9px;letter-spacing:.07em;font-weight:750;color:var(--muted)}.detail-bottom strong{font-size:18px;letter-spacing:0;color:var(--text);font-variant-numeric:tabular-nums}
.availability-bars{height:95px;display:flex;align-items:end;gap:2px;margin-top:19px}.availability-bar{height:100%;flex:1;min-width:2px;border-radius:2px;background:var(--green)}.availability-bar.warn{background:var(--amber)}.availability-bar.bad{background:var(--red)}.availability-bar.empty{background:#839eac;opacity:.7}.availability-scale{display:flex;justify-content:space-between;color:var(--soft);font-size:10px;margin-top:7px}.incident-list{max-height:175px;overflow:auto;margin-top:13px}.incident{display:flex;gap:9px;padding:7px 0;border-top:1px solid var(--line)}.incident:first-child{border-top:0}.incident-icon{width:7px;height:7px;border-radius:50%;background:var(--red);flex:0 0 7px;margin-top:5px}.incident strong,.incident span{display:block}.incident strong{font-size:10px}.incident span{font-size:9px;color:var(--muted)}.empty-incidents{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px;padding:18px 0}.empty-incidents span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#315849;color:var(--green)}
footer{display:flex;justify-content:space-between;gap:20px;margin-top:30px;padding:24px 0;border-top:1px solid var(--line);font-size:10px;color:var(--soft)}.footer-sep{margin:0 6px;color:#65808c}
.route-panel{margin-top:14px}.route-panel .panel-head{align-items:center}.route-panel h2{font-size:22px;margin:3px 0 0;letter-spacing:-.025em}.route-port{font-size:10px;font-weight:850;letter-spacing:.08em;color:#a8e4ca;background:#315749;border:1px solid #5a947b;border-radius:7px;padding:7px 10px;white-space:nowrap}.route-probes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:21px}.route-probe{display:flex;flex-direction:column;gap:3px;min-width:0;min-height:61px;padding:10px 12px;text-align:left;cursor:pointer;color:var(--text);background:#344b59;border:1px solid var(--line);border-radius:9px}.route-probe:hover{background:#3b5766}.route-probe.active{background:#3d5c68;border-color:#75c9ac;box-shadow:inset 0 0 0 1px #75c9ac33}.route-probe-name{font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-probe-status{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-probe-status.reached{color:#a2ecc6}.route-view{min-height:145px;margin-top:13px;padding:16px;background:#293e4a;border:1px solid var(--line);border-radius:10px}.route-loading{display:grid;place-items:center;min-height:112px;color:var(--muted);font-size:12px;text-align:center}.route-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.route-summary>div{min-width:0}.route-summary strong,.route-summary span{display:block}.route-summary strong{font-size:14px}.route-summary>div span{font-size:10px;color:var(--muted);margin-top:3px}.route-outcome{flex:0 0 auto;font-size:10px;font-weight:800;color:#f5d29a;border:1px solid #91724c;background:#4c463b;border-radius:20px;padding:5px 9px}.route-outcome.reached{color:#a4ebc8;border-color:#609f80;background:#315447}.route-scroll{overflow-x:auto;padding-bottom:9px;scrollbar-color:#6e8c9a #293e4a;scrollbar-width:thin}.route-track{display:flex;align-items:stretch;gap:18px;width:max-content;min-width:100%;padding:2px 0 7px}.route-node{position:relative;display:flex;flex-direction:column;justify-content:center;gap:3px;flex:0 0 126px;min-height:88px;padding:10px 11px;border:1px solid #66818f;border-radius:9px;background:#3b5260}.route-node:not(:last-child)::after{content:"";position:absolute;z-index:1;top:50%;left:100%;width:18px;height:2px;background:#90aab8}.route-node-label{font-size:9px;letter-spacing:.1em;font-weight:850;color:#b7cbd5}.route-node strong{font-size:11px;line-height:1.2;overflow-wrap:anywhere}.route-node small{font-size:10px;color:var(--muted)}.route-node.silent{border-style:dashed;background:#354a56}.route-node.silent strong{color:#bdcbd2}.route-node.silent::after{background:repeating-linear-gradient(to right,#90aab8 0 4px,transparent 4px 7px)}.route-node.endpoint{flex-basis:152px}.route-node.source{background:#325b55;border-color:#68b49b}.route-node.destination.reached{background:#325b55;border-color:#68b49b}.route-node.destination.unreached{background:#554b3d;border-color:#a4875d;border-style:dashed}.route-caveat{margin:13px 1px 0!important;font-size:10px!important;color:var(--muted)!important;line-height:1.5}
@media(max-width:1100px){.shell{width:calc(100% - 36px)}.table-head,.row-main{grid-template-columns:155px minmax(0,1fr) 75px 95px;column-gap:12px}.row-probes{padding-left:167px}.analysis-grid,.bottom-grid{grid-template-columns:1fr}}
@media(max-width:760px){.route-probes{grid-template-columns:repeat(2,minmax(0,1fr))}.route-summary{align-items:start;flex-direction:column}.route-node{flex-basis:118px}.route-node.endpoint{flex-basis:142px}}
@media(max-width:760px){.topbar-caption{display:none}.intro{display:block}.intro-meta{margin-top:14px;text-align:left}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-item:nth-child(2){border-right:0}.summary-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.monitor-head{display:block}.periods{margin-top:15px;width:max-content;max-width:100%;overflow:auto}.table-head{display:none}.row-main{grid-template-columns:minmax(0,1fr) 72px 86px;gap:7px}.row-identity{grid-column:1;grid-row:1}.row-value{grid-row:1}.row-value.uptime{grid-column:3}.mobile-label{display:block;color:var(--soft);font-size:8px;letter-spacing:.06em;font-weight:800}.row-value strong{font-size:14px}.timeline{grid-column:1/-1;grid-row:2;margin-top:7px}.time-bars{height:36px}.row-probes{padding-left:0;margin-top:9px}.monitor-foot{display:block}.monitor-foot>span{display:block;margin-top:6px}.section-hint{display:none}}
@media(max-width:470px){.shell{width:calc(100% - 24px)}.topbar{height:57px}.brand{font-size:13px}.live-pill{font-size:9px;padding:6px 8px}.intro{padding:22px 0 16px}.intro h1{font-size:27px}.intro p{font-size:11px}.summary-item{padding:13px}.summary-item>strong{font-size:22px}.monitor-head{padding:16px}.monitor-head h2{font-size:19px}.periods button{padding:6px 7px;font-size:10px}.monitor-row{padding:12px 10px}.row-main{grid-template-columns:minmax(0,1fr) 62px 78px;gap:5px}.row-identity>strong{font-size:12px}.row-url{font-size:9px}.row-status{font-size:9px}.probe-chip{font-size:10px;padding:4px 6px}.probe-chip b{font-size:10px}.panel{padding:16px}.section-title h2{font-size:20px}footer{display:block}footer span{display:block;margin-bottom:5px}}
.route-probes{display:grid;grid-template-columns:1fr;gap:7px;margin-top:17px}.route-lane{display:grid;grid-template-columns:160px minmax(0,1fr) 102px;align-items:center;gap:14px;width:100%;min-height:60px;padding:9px 13px;color:var(--text);background:#344b59;border:1px solid var(--line);border-radius:9px;text-align:left;cursor:pointer}.route-lane:hover{background:#3b5664}.route-lane.active{background:#3d5c68;border-color:#75c9ac}.route-lane-name{min-width:0}.route-lane-name strong,.route-lane-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-lane-name strong{font-size:12px}.route-lane-name small{font-size:10px;color:#f1d29f;margin-top:2px}.route-lane-name small.reached{color:#a7ebc9}.route-mini{position:relative;display:flex;align-items:center;gap:3px;min-width:0;height:27px}.route-mini::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:#7793a2}.route-mini-start,.route-mini-end{position:relative;z-index:1;flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#a4bfc9}.route-mini-end.reached{background:var(--green);box-shadow:0 0 0 3px #67ddb02a}.route-mini-hop{position:relative;z-index:1;display:grid;place-items:center;flex:1 1 0;min-width:10px;max-width:27px;height:24px;border:1px solid #7696a7;border-radius:5px;background:#4c6b79;color:#f3f9fa;font-size:9px;font-weight:800;font-style:normal}.route-mini-hop.silent{border-style:dashed;border-color:#99aeba;background:#526572;color:#d4e1e6}.route-mini-hop.target{background:#376f60;border-color:#82d1ab;color:#eafff3}.route-mini-empty{position:relative;z-index:1;background:#344b59;color:var(--muted);font-size:10px;padding:3px 8px}.route-lane-meta{display:grid;grid-template-columns:1fr 14px;column-gap:7px;align-items:center;text-align:right;white-space:nowrap}.route-lane-meta strong{font-size:11px}.route-lane-meta small{grid-column:1;color:var(--muted);font-size:10px}.route-lane-meta i{grid-column:2;grid-row:1/3;color:#bed2d9;font-size:17px;font-style:normal;font-weight:400}.route-view[hidden]{display:none}.route-view{margin-top:9px}
@media(max-width:760px){.route-lane{grid-template-columns:minmax(0,1fr) auto;gap:7px;min-height:68px;padding:9px 10px}.route-lane-name{grid-column:1;grid-row:1}.route-lane-meta{grid-column:2;grid-row:1}.route-mini{grid-column:1/-1;grid-row:2}.route-mini-hop{height:20px;font-size:8px}.route-mini-start,.route-mini-end{flex-basis:6px;width:6px;height:6px}}
.route-mini{width:100%;max-width:100%}.route-mini::before{display:none}.route-mini-hop{flex:0 1 22px}.route-mini-hop::before,.route-mini-end::before{content:"";position:absolute;left:-4px;top:50%;width:4px;height:2px;background:#8ca5b2}.route-mini-end{position:relative}
.route-mini{display:flex;flex-wrap:wrap;align-items:center;gap:3px 0;width:100%;height:auto}.route-step{display:inline-flex;align-items:center;max-width:100%;min-width:0}.route-mini-hop{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:0;max-width:158px;width:auto;height:23px;padding:0 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.route-mini-hop::before{display:none}.route-step-arrow{display:inline-block;padding:0 5px;color:#b9ccd5;font-size:15px;font-style:normal;line-height:1}.route-mini-empty{font-size:11px}
@media(max-width:760px){.route-mini-hop{max-width:136px;font-size:10px}.route-lane{padding:10px}.route-lane-meta i{font-size:16px}}
.route-mini-hop{max-width:220px;min-height:23px;height:auto;padding:4px 7px;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;line-height:1.2}
@media(max-width:760px){.route-mini-hop{max-width:150px}}
.row-identity>strong,.row-value strong,.route-lane-name strong,.route-lane-meta strong,.route-node strong,.route-summary strong,.probe-description strong,.probe-result strong{font-weight:500}
.row-status,.probe-chip b,.route-mini-hop,.route-node-label,.route-outcome,.route-port,.status-badge,.mobile-label{font-weight:400}
.table-head{font-weight:600}
.row-title{display:block;max-width:100%;border:0;padding:0;background:transparent;color:var(--text);text-align:left;font:inherit;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.row-title:hover{text-decoration:underline}.row-url{display:block;color:#cfe1e9;text-decoration:underline;text-decoration-color:#88a6b5;text-underline-offset:2px}.row-url:hover{color:var(--text);text-decoration-color:var(--text)}.detail-url{display:block;max-width:100%;margin:3px 0 0;color:#cfe1e9;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:underline;text-decoration-color:#88a6b5;text-underline-offset:2px}.detail-url:hover{color:var(--text);text-decoration-color:var(--text)}
@media(max-width:470px){.row-title{font-size:12px}.row-url{font-size:10px}}
.row-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 6px;overflow:visible;white-space:normal}
.row-site-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row-hoster{display:inline-block;max-width:100%;padding:1px 5px;border:1px solid #7495a4;border-radius:4px;color:#d6e7ed;font-size:10px;font-weight:400;line-height:1.2;white-space:nowrap}
.selected-hoster{display:block;margin-top:2px;color:var(--muted);font-size:12px}