/* Bond Panel additions on top of the VPanel look */
.wl{display:flex;gap:6px;margin:10px 0 6px}.wp{width:30px;height:26px;border-radius:7px;display:grid;place-items:center;font:700 12px/1 Inter,system-ui,sans-serif;border:1px solid var(--line);background:var(--soft);color:var(--muted)}
.wp.up{background:color-mix(in srgb,var(--ok) 18%,var(--card));border-color:color-mix(in srgb,var(--ok) 50%,var(--line));color:var(--ok)}
.wp.down{background:color-mix(in srgb,var(--bad) 14%,var(--card));border-color:color-mix(in srgb,var(--bad) 45%,var(--line));color:var(--bad)}.wp.off{opacity:.45}
.nowrap{white-space:nowrap}
@media (max-width:760px){.wt tr:first-child{display:none}.wt tr{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;padding:10px 6px;border-bottom:1px solid var(--line)}.wt tr:last-child{border-bottom:0}
  .wt td{border:0;padding:3px 6px;text-align:left!important}.wt td::before{content:attr(data-l);display:block;font-size:11px;color:var(--muted);font-weight:600}}
@media (max-width:480px){.logo .brand2{display:none}}
.wcs{display:grid;gap:10px}.wc{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--card)}.wc.off{opacity:.6}
.wh{display:flex;gap:10px;align-items:center}.wh .wn{margin:0;flex:1;font-weight:600}.wh label.chk{margin:0;white-space:nowrap}
.wport{background:var(--soft);border-radius:6px;padding:4px 8px;font-size:13px}.wnow{margin-top:10px}
/* speed test screen */
.sp-card{margin:0 0 18px}.sp-rows{display:grid;gap:8px;margin-top:12px}
.sp-row{display:grid;grid-template-columns:minmax(150px,1.2fr) 1.4fr 1.4fr 90px minmax(110px,.9fr) auto;gap:14px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:var(--bg)}
.sp-row.off{opacity:.5}.sp-bond{border-color:color-mix(in srgb,var(--acc) 50%,var(--line));background:color-mix(in srgb,var(--acc) 7%,var(--card))}
.sp-n{display:flex;flex-direction:column;min-width:0}.sp-n b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-l{display:flex;font-size:12px;color:var(--muted)}.sp-l b{margin-left:auto;color:var(--text);font-size:15px;font-variant-numeric:tabular-nums}
.sp-b{height:8px;border-radius:99px;background:var(--soft);overflow:hidden;margin-top:5px}.sp-b i{display:block;height:100%;border-radius:99px;transition:width .6s}.sp-b i.d{background:var(--acc)}.sp-b i.u{background:var(--vio)}
.sp-p{display:flex;flex-direction:column;font-variant-numeric:tabular-nums}.sp-s{min-width:0}.sp-s .tag{white-space:normal}
@keyframes sprun{50%{opacity:.45}}.sp-run{animation:sprun 1.2s infinite}
@media (max-width:900px){.sp-row{grid-template-columns:1fr 1fr;gap:8px 14px}.sp-n{grid-column:1/-1}.sp-p{flex-direction:row;gap:6px;align-items:baseline}.sp-row>button{justify-self:end}}
.wcap{margin-top:10px;padding-top:8px;border-top:1px dashed var(--line)}.wcap label.chk{margin:0}
@media (max-width:520px){.sp-l{flex-direction:column}.sp-l b{margin-left:0;font-size:16px}.sp-l span{white-space:nowrap}}
@media (min-width:761px){.wt td.r{white-space:nowrap}}