/* CentroShield Run 1: self-contained Nerddi Network header. Avoids modifying mining/wallet actions. */
:root{--cs-network-height:72px}
.cs-network-header,.cs-network-header *{box-sizing:border-box}
.cs-network-header{
 position:fixed;top:0;left:0;right:0;height:var(--cs-network-height);z-index:230;
 padding:8px max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left));
 background:linear-gradient(120deg,rgba(6,14,33,.98),rgba(10,22,44,.98));
 border-bottom:1px solid rgba(130,161,223,.21);box-shadow:0 4px 20px rgba(8,16,32,.12);
 color:#e8f4ff;font:600 12px/1.2 'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
 isolation:isolate;
}
.cs-network-header__inner{max-width:930px;height:100%;margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:stretch}
.cs-network-tile{
 position:relative;min-width:0;min-height:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;
 gap:8px;padding:5px 8px;border:1px solid transparent;border-radius:13px;
 color:#deedff;text-decoration:none;white-space:nowrap;font:700 12px/1.25 'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
 background:rgba(255,255,255,.037);outline-offset:2px;cursor:pointer;
 transition:background .18s,border-color .18s,transform .18s;
}
.cs-network-tile:hover,.cs-network-tile:focus-visible,.cs-network-service[open]>.cs-network-tile{background:rgba(37,117,225,.14);border-color:rgba(93,169,255,.48);color:#fff;text-decoration:none}
.cs-network-tile:focus-visible,.cs-network-services a:focus-visible{outline:2px solid #77b8ff;outline-offset:2px}
.cs-network-tile:active{transform:translateY(1px)}
.cs-network-tile img{width:29px;height:29px;object-fit:contain;flex:none;display:block}
.cs-network-service{position:relative;min-width:0;height:100%}
.cs-network-service>summary{list-style:none;-webkit-tap-highlight-color:transparent}
.cs-network-service>summary::-webkit-details-marker{display:none}
.cs-network-chevron{opacity:.7;flex:none;transition:transform .18s}
.cs-network-service[open] .cs-network-chevron{transform:rotate(180deg)}
.cs-network-services{position:absolute;top:calc(100% + 9px);right:0;min-width:190px;border:1px solid rgba(92,156,255,.35);border-radius:14px;background:#0a1931;padding:6px;box-shadow:0 15px 35px rgba(0,0,0,.38);z-index:2}
.cs-network-services a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:41px;padding:10px 12px;color:#f0f6ff;border-radius:9px;text-decoration:none;font-size:12px;font-weight:700}
.cs-network-services a:hover{background:rgba(60,136,241,.21);color:#fff;text-decoration:none}
.cs-network-tile--my{background:rgba(8,115,78,.24);border-color:rgba(34,197,133,.16)}
.cs-network-tile--my:hover,.cs-network-tile--my:focus-visible{background:rgba(10,146,103,.29);border-color:rgba(68,213,150,.6)}
/* Wallet has an existing sticky app bar. Offset the content and keep that bar below this independent network rail. */
body.cs-wallet-run1 .app{padding-top:var(--cs-network-height);min-height:100dvh}
body.cs-wallet-run1 .topbar{top:var(--cs-network-height)}
@media(max-width:620px){
 :root{--cs-network-height:64px}
 .cs-network-header{padding:6px 6px}
 .cs-network-header__inner{gap:4px}
 .cs-network-tile{gap:4px;flex-direction:column;padding:4px 1px;border-radius:10px;font-size:10px;letter-spacing:-.01em}
 .cs-network-tile img{width:26px;height:26px}
 .cs-network-chevron{position:absolute;right:3px;bottom:3px;width:8px;height:8px}
 .cs-network-services{right:-25px;top:calc(100% + 8px);min-width:176px}
}
@media(max-width:360px){
 .cs-network-header__inner{gap:2px}
 .cs-network-tile{font-size:9px}
 .cs-network-tile img{width:24px;height:24px}
}
@media(prefers-reduced-motion:reduce){.cs-network-tile,.cs-network-chevron{transition:none}}