.server-list-config,.server-list-live,.server-signal{display:none}
.node-grid.list .node-card{display:grid!important;grid-template-columns:64px minmax(0,1fr) 100px;grid-template-rows:auto auto auto;grid-template-areas:"flag title signal" "flag config actions" "flag live actions";gap:5px 14px;padding:14px 16px!important;min-height:112px;background:var(--slot);border:2px solid #5e654f;box-shadow:inset 2px 2px #ffffff30,inset -2px -2px #0005}
.node-grid.list .node-card:hover{border-color:var(--accent);background:var(--surface)}
.node-grid.list .node-card>.card-heading,.node-grid.list .node-identity,.node-grid.list .node-identity>div{display:contents}
.node-grid.list .node-emblem{grid-area:flag;width:64px!important;height:64px!important;align-self:center;background:var(--surface2)!important;border:2px solid var(--line)!important;box-shadow:inset 2px 2px #0003!important}
.node-grid.list .node-emblem .pixel-flag{width:56px;height:48px}
.node-grid.list .node-name{grid-area:title;font-size:17px;align-self:center;max-width:100%;text-shadow:none}
.node-grid.list .node-meta,.node-grid.list .node-card>:is(.meters,.route-panel,.card-tags,.card-network,.node-facts,.traffic-inventory,.card-bottom,.latency-panel){display:none!important}
.node-grid.list .node-header-actions{grid-area:actions;display:flex;justify-content:flex-end;align-self:center;flex-wrap:wrap;gap:5px}
.node-grid.list .node-header-actions .badge{font-size:11px}
.node-grid.list .server-list-config{grid-area:config;display:flex;flex-wrap:wrap;gap:2px 12px;color:var(--muted);font-size:13px;line-height:1.6;min-width:0;overflow-wrap:anywhere}
.node-grid.list .server-list-live{grid-area:live;display:flex;gap:3px 14px;flex-wrap:wrap;color:var(--accent);font-size:12px}
.node-grid.list .server-signal{grid-area:signal;display:flex;justify-content:flex-end;align-items:center;gap:6px;background:none;border:0;color:var(--ink);padding:0;cursor:pointer;align-self:start}
.server-signal-bars{display:flex;align-items:flex-end;gap:2px;height:24px}.server-signal-bars i{width:4px;background:var(--line)}.server-signal-bars i.lit{background:#589a43;box-shadow:1px 1px #17230d}.server-signal small{font-size:11px;white-space:nowrap}
[data-appearance=dark] .server-signal-bars i.lit{background:#b9dc83}
#server-signal-popup{position:fixed;z-index:10005;width:min(390px,calc(100vw - 20px));max-height:calc(100dvh - 20px);overflow:auto;padding:14px;background:var(--inventory);color:var(--ink);border:3px solid var(--line);box-shadow:inset 2px 2px var(--inventory-edge),4px 4px #0006;font-size:14px}
#server-signal-popup>p,#server-signal-popup>small{font-size:12px;color:var(--muted)}#server-signal-popup .latency-row{margin:8px 0;width:100%}#server-signal-popup .ping-summary{font-size:14px}#server-signal-popup .loss-track-row{font-size:12px}
@media(max-width:550px){.node-grid.list .node-card{grid-template-columns:44px minmax(0,1fr) 72px;gap:4px 8px;padding:10px!important}.node-grid.list .node-emblem{width:44px!important;height:48px!important}.node-grid.list .node-emblem .pixel-flag{width:38px;height:34px}.node-grid.list .node-name{font-size:14px}.node-grid.list .server-list-config{font-size:12px;gap:2px 7px}.node-grid.list .server-list-live{font-size:11px;gap:2px 7px}.server-signal small{font-size:10px}.server-signal-bars{gap:1px}.server-signal-bars i{width:3px}.node-grid.list .node-header-actions .badge{display:none}}
/* Fill the server-list icon slot; override the compact-card flag dimensions. */
.node-grid.list .node-emblem img.pixel-flag{width:58px!important;height:54px!important;max-width:none!important;max-height:none!important;object-fit:contain}
@media(max-width:550px){.node-grid.list .node-emblem img.pixel-flag{width:40px!important;height:42px!important}}