/* Compact Network rows; the Activity Stream is the upper height limit. */
#network-panel{display:flex;flex-direction:column;max-height:var(--network-height-cap,230px)}
#network-panel>.panel-header{flex-shrink:0}
#network-panel>.network-services{display:flex;flex-direction:column;gap:3px;padding:4px 6px;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--cyan) #111;container-type:inline-size}
#network-panel.is-minimized>.network-services{display:none}
#network-panel .network-services>details,#network-panel .network-agent-row{flex-shrink:0;min-width:0;margin:0;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;background:none}
#network-panel .network-agent-row{border-bottom:0}
#network-panel #network-agent{min-width:0;margin:0}
#network-panel .network-services details{font-size:9px}
#network-panel .network-services summary{display:flex;align-items:center;gap:6px;min-height:24px;padding:3px 2px;list-style:none;cursor:pointer;color:var(--cyan);font-size:10px;line-height:16px}
#network-panel .network-services summary::-webkit-details-marker{display:none}
#network-panel .network-services summary::marker{content:""}
#network-panel .network-services summary::before{content:"";flex:0 0 auto;width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid #ff334d;transform-origin:2.5px 3px}
#network-panel .network-services details[open]>summary::before{transform:rotate(90deg)}
#network-panel .network-services summary:focus-visible{outline-offset:-2px}
#network-panel .network-services summary>strong,#network-panel .network-services summary>a{min-width:0;font-size:10px;font-weight:700;color:var(--cyan)}
#network-panel .network-services summary>b,#network-panel .network-agent-status{margin-left:auto;flex-shrink:0;font-size:9px;line-height:16px}
#network-panel .network-agent-status{display:flex;align-items:center;gap:5px}
#network-panel #runic-version{color:var(--muted);font-size:8px;max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#network-panel .network-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px;margin:0;padding:1px 4px 4px}
#network-panel .network-grid>div{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:4px;padding:1px 0;border:0;border-radius:0;color:#a4bdd0;font-size:8px;line-height:14px;overflow-wrap:anywhere;background:none}
#network-panel .network-grid b{min-width:0;font-size:10px;line-height:14px;text-align:right;color:var(--text);font-weight:700;overflow-wrap:anywhere}
#network-panel #network-vps>small{display:block;margin:0;padding:0 4px 4px;color:#a4bdd0;font-size:8px;line-height:12px}
#network-panel .network-agent-actions{position:static;display:flex;justify-content:flex-end;align-items:center;gap:4px;height:auto;padding:1px 2px 2px;border:0}
#network-panel .network-agent-actions #runic-refresh,#network-panel .network-agent-actions .tray-download{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:22px;min-height:22px;margin:0;padding:0;border:1px solid var(--line-soft);border-radius:3px;color:var(--cyan);background:none;font-size:11px;line-height:1}
#network-panel .network-agent-actions .tray-download i{font-size:11px}
#network-panel .network-agent-actions .checksum-link{margin:0;padding:3px 4px;text-align:right;font-size:8px;line-height:14px}
#network-panel .network-agent-actions #runic-refresh:hover,#network-panel .network-agent-actions .tray-download:hover{border-color:var(--pink);color:var(--pink)}
@container(max-width:290px){
  #network-panel .network-grid{gap:2px 8px;padding:1px 2px 3px}
  #network-panel .network-grid>div{gap:3px}
  #network-panel .network-agent-status{gap:4px;font-size:8px}
  #network-panel #runic-version{max-width:50px}
}