.latency-mini-chart,.packet-loss-mini-chart,.network-quality-mini-chart{display:flex;align-items:center;gap:1px;height:10px;width:100%;max-width:100%;min-width:0;overflow:hidden;padding:2px 0;contain:layout paint}.mini-chart-canvas{width:100%;height:100%;display:block}.latency-mini-chart{--mini-latency-good: var(--color-network-quality-good);--mini-latency-warn: var(--color-network-quality-warning);--mini-latency-bad: var(--color-network-quality-critical);--mini-latency-empty: color-mix(in srgb, var(--color-network-quality-no-data) 40%, transparent)}.packet-loss-mini-chart{--mini-packet_loss-good: var(--color-network-quality-good);--mini-packet_loss-warn: var(--color-network-quality-warning);--mini-packet_loss-bad: var(--color-network-quality-critical);--mini-packet_loss-empty: color-mix(in srgb, var(--color-network-quality-no-data) 40%, transparent)}.network-quality-severity-fill[data-network-quality-severity=no-data]{background-color:color-mix(in srgb,var(--color-network-quality-no-data) 40%,transparent)}.network-quality-severity-fill[data-network-quality-severity=good]{background-color:var(--color-network-quality-good)}.network-quality-severity-fill[data-network-quality-severity=warning]{background-color:var(--color-network-quality-warning)}.network-quality-severity-fill[data-network-quality-severity=critical]{background-color:var(--color-network-quality-critical)}.network-quality-severity-text[data-network-quality-severity=no-data]{color:var(--color-network-quality-no-data)}.network-quality-severity-text[data-network-quality-severity=good]{color:var(--color-network-quality-good)}.network-quality-severity-text[data-network-quality-severity=warning]{color:var(--color-network-quality-warning)}.network-quality-severity-text[data-network-quality-severity=critical]{color:var(--color-network-quality-critical)}body[data-metric-pill=on] .network-quality-severity-text[data-network-quality-severity=good],body[data-metric-pill=on] .network-quality-severity-text[data-network-quality-severity=warning],body[data-metric-pill=on] .network-quality-severity-text[data-network-quality-severity=critical],html[data-glass=on] body[data-metric-pill=auto] .network-quality-severity-text[data-network-quality-severity=good],html[data-glass=on] body[data-metric-pill=auto] .network-quality-severity-text[data-network-quality-severity=warning],html[data-glass=on] body[data-metric-pill=auto] .network-quality-severity-text[data-network-quality-severity=critical]{border-radius:6px;padding:1px 7px;backdrop-filter:blur(8px) saturate(1.3);-webkit-backdrop-filter:blur(8px) saturate(1.3)}body[data-metric-pill=on] .network-quality-severity-text[data-network-quality-severity=good],html[data-glass=on] body[data-metric-pill=auto] .network-quality-severity-text[data-network-quality-severity=good]{background-color:color-mix(in srgb,var(--color-network-quality-good) 12%,color-mix(in srgb,var(--color-card-surface) 55%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-network-quality-good) 30%,transparent)}body[data-metric-pill=on] .network-quality-severity-text[data-network-quality-severity=warning],html[data-glass=on] body[data-metric-pill=auto] .network-quality-severity-text[data-network-quality-severity=warning]{background-color:color-mix(in srgb,var(--color-network-quality-warning) 14%,color-mix(in srgb,var(--color-card-surface) 55%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-network-quality-warning) 32%,transparent)}body[data-metric-pill=on] .network-quality-severity-text[data-network-quality-severity=critical],html[data-glass=on] body[data-metric-pill=auto] .network-quality-severity-text[data-network-quality-severity=critical]{background-color:color-mix(in srgb,var(--color-network-quality-critical) 12%,color-mix(in srgb,var(--color-card-surface) 55%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-network-quality-critical) 30%,transparent)}.latency-mini-chart>div,.packet-loss-mini-chart>div,.network-quality-mini-chart>div{flex:1 1 0;min-width:1px;height:6px;border-radius:1px;opacity:.6;transition:opacity .12s linear,transform .12s ease-out}html.resizing .latency-mini-chart>div,html.resizing .packet-loss-mini-chart>div,html.resizing .network-quality-mini-chart>div{transition:none!important}.latency-mini-chart>div:hover,.packet-loss-mini-chart>div:hover,.network-quality-mini-chart>div:hover{transform:scaleY(1.2);opacity:1!important;cursor:pointer}@keyframes traffic-pulse{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.8;transform:scaleX(.98)}}.traffic-bar[data-traffic-level=normal]{background-color:var(--color-info)}.traffic-bar[data-traffic-level=warning]{background-color:var(--color-warning)}.traffic-bar[data-traffic-level=error]{background-color:var(--color-error);animation:traffic-pulse 2s infinite}.traffic-bar[data-traffic-level=unlimited]{background-image:linear-gradient(90deg,var(--color-accent),var(--color-info),var(--color-accent));background-size:auto}.server-card .dstatus-custom-tags-row{display:flex;align-items:center;flex-wrap:nowrap;overflow:hidden;min-width:0;min-height:2rem;justify-content:flex-start;gap:.375rem;margin-top:0!important;padding-top:.5rem;border-top:1px dashed color-mix(in srgb,var(--border-color) 90%,transparent)}.server-card .dstatus-custom-tags-row[data-empty-placeholder=true]{border-top-color:transparent}.server-card .dstatus-custom-tags-row .dstatus-tag-chip{flex:0 0 auto;border-radius:9999px;padding:.25rem .5rem;font-size:11px;line-height:1.15}.server-card .dstatus-custom-tags-row .dstatus-tag-label{white-space:nowrap}.server-card .dstatus-custom-tags-row .dstatus-tag-more{flex:0 0 auto;background-color:var(--hover-bg-color);border:1px solid var(--border-color);color:var(--secondary-text-color);border-radius:9999px;padding:.25rem .5rem;font-size:11px;line-height:1.15}.server-card .dstatus-custom-tags-row .dstatus-tag-chip[data-purchase-tag="1"]{margin-left:auto;flex:0 0 auto;min-width:auto}.dstatus-tag-tooltip{position:fixed;z-index:10000;max-width:min(360px,calc(100vw - 16px));max-height:min(260px,calc(100vh - 24px));overflow:auto;padding:.5rem .75rem;border-radius:.5rem;font-size:.75rem;line-height:1.2;opacity:0;visibility:hidden;transform:translateY(-2px);transition:opacity .12s ease,transform .12s ease,visibility .12s ease;pointer-events:auto;-webkit-user-select:text;user-select:text}.dstatus-tag-tooltip[data-open=true]{opacity:1;visibility:visible;transform:translateY(0)}.dstatus-tag-tooltip-header{font-size:.75rem;font-weight:600;margin-bottom:.5rem;-webkit-user-select:text;user-select:text;text-align:center}.dstatus-tag-tooltip-list{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center}.dstatus-tag-tooltip .tag-item{-webkit-user-select:text;user-select:text}.tag-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-.5px)}.qte-tag-pill{display:inline-flex;align-items:center;gap:.125rem;padding:.125rem .375rem;font-size:.6875rem;font-weight:500;border-radius:.25rem;flex-shrink:0;white-space:nowrap;transition:all .15s ease;background-color:color-mix(in srgb,var(--tag-color, var(--secondary-text-color)) 15%,transparent);border:1px solid color-mix(in srgb,var(--tag-color, var(--secondary-text-color)) 30%,transparent);color:var(--tag-color, var(--secondary-text-color))}.qte-tag-pill:hover{box-shadow:var(--shadow-sm);transform:translateY(-.5px)}.qte-tag-pill.qte-tag-add{border-style:dashed;border-color:color-mix(in srgb,var(--border-color) 90%,transparent);background-color:transparent;color:var(--secondary-text-color);opacity:.6}.qte-tag-pill.qte-tag-add:hover{opacity:1;border-style:solid;background-color:color-mix(in srgb,var(--secondary-text-color) 10%,transparent)}.dark .qte-tag-pill.qte-tag-add{border-color:color-mix(in srgb,var(--border-color) 70%,transparent);color:var(--secondary-text-color)}.tag-add{flex-shrink:0;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:var(--small-element-bg-light-no-glass);border-color:color-mix(in srgb,var(--border-color) 70%,transparent);color:var(--secondary-text-color);transition:all .15s ease}html:not(.dark)[data-glass=on] body .tag-add{background-color:var(--small-element-bg-light-glass);border-color:color-mix(in srgb,var(--border-color) 85%,transparent);color:var(--text-color)}html:not(.dark)[data-glass=off] body .tag-add{background-color:var(--small-element-bg-light-no-glass);border-color:color-mix(in srgb,var(--border-color) 85%,transparent);color:var(--secondary-text-color)}:root.dark[data-glass=on] body .tag-add{background-color:var(--small-element-bg-dark-glass);border-color:color-mix(in srgb,var(--border-color) 70%,transparent);color:var(--secondary-text-color)}:root.dark[data-glass=off] body .tag-add{background-color:var(--small-element-bg-dark-no-glass);border-color:color-mix(in srgb,var(--border-color) 80%,transparent);color:var(--secondary-text-color)}.tag-add:hover{border-style:solid;background-color:var(--small-element-hover-bg-light-no-glass)}html:not(.dark)[data-glass=on] body .tag-add:hover{background-color:var(--small-element-hover-bg-light-glass);border-color:color-mix(in srgb,var(--border-color) 95%,transparent);color:var(--text-color)}html:not(.dark)[data-glass=off] body .tag-add:hover{background-color:var(--small-element-hover-bg-light-no-glass);border-color:color-mix(in srgb,var(--border-color) 95%,transparent);color:var(--text-color)}:root.dark[data-glass=on] body .tag-add:hover{background-color:var(--small-element-hover-bg-dark-glass);border-color:color-mix(in srgb,var(--border-color) 90%,transparent);color:var(--text-color)}:root.dark[data-glass=off] body .tag-add:hover{background-color:var(--small-element-hover-bg-dark-no-glass);border-color:color-mix(in srgb,var(--border-color) 95%,transparent);color:var(--text-color)}#quick-tag-editor{transition:opacity .2s,transform .2s}#quick-tag-editor.closing{opacity:0;transform:scale(.95)}