/* ON6UHF Network Command Map - rustige NOC-afwerking, zonder geometriewijzigingen */
.nbh-head-actions{display:flex;align-items:center;gap:10px}
.nbh-presentation{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:8px 13px;border:1px solid #216b8c;border-radius:999px;background:linear-gradient(135deg,rgba(9,75,105,.8),rgba(3,31,49,.9));color:#dff8ff;font:850 10px/1 Inter,system-ui,sans-serif;letter-spacing:.075em;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.08);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.nbh-presentation i{color:#62e0ff;font-style:normal;font-size:15px}.nbh-presentation:hover,.nbh-presentation:focus-visible{border-color:#61dcff;box-shadow:0 0 18px rgba(53,217,255,.2);transform:translateY(-1px)}
.nbh-ops-banner{position:absolute;z-index:6;top:79px;left:50%;display:flex;align-items:center;gap:8px;min-height:28px;padding:5px 13px;border:1px solid rgba(65,166,211,.3);border-radius:999px;background:rgba(2,15,28,.9);color:#a9c7d6;font:850 9px/1 Inter,system-ui,sans-serif;letter-spacing:.135em;white-space:nowrap;transform:translateX(-50%);box-shadow:0 6px 20px rgba(0,0,0,.25)}
.nbh-ops-banner i{width:7px;height:7px;border-radius:50%;background:#ffb52e;box-shadow:0 0 9px currentColor;animation:nbhWowBreathe 1.8s ease-in-out infinite}.nbh-ops-banner.is-online{border-color:rgba(72,245,148,.36);color:#dffff0}.nbh-ops-banner.is-online i,.nbh-ops-banner.is-ready i{background:#48f594}.nbh-ops-banner.is-checking i{background:#ffb52e}
.nbh-arrival{fill:none;stroke-width:3;opacity:0;transform-box:fill-box;transform-origin:center}.nbh-arrival-a{stroke:var(--nbh-cyan)}.nbh-arrival-b{stroke:var(--nbh-red)}.nbh-arrival-c{stroke:var(--nbh-amber)}.nbh-arrival-d{stroke:var(--nbh-green)}
.is-booting .nbh-card{opacity:0;transform-box:fill-box;transform-origin:center;animation:nbhWowCard .7s cubic-bezier(.2,.8,.2,1) forwards}.is-booting .nbh-card-left{animation-delay:.25s}.is-booting .nbh-card-right{animation-delay:.65s}.is-booting .nbh-card-bottom{animation-delay:1.05s}
.is-booting .nbh-ring{opacity:0;transform-box:view-box;transform-origin:800px 405px;animation:nbhWowRing .75s cubic-bezier(.2,.75,.2,1) forwards}.is-booting .nbh-ring-a{animation-delay:1.35s}.is-booting .nbh-ring-b{animation-delay:1.6s}.is-booting .nbh-ring-c{animation-delay:1.85s}.is-booting .nbh-ring-d{animation-delay:2.1s}
.is-booting .nbh-arrival{animation:nbhWowArrival .85s ease-out forwards}.is-booting .nbh-arrival-a{animation-delay:1.45s}.is-booting .nbh-arrival-b{animation-delay:1.7s}.is-booting .nbh-arrival-c{animation-delay:1.95s}.is-booting .nbh-arrival-d{animation-delay:2.2s}
.is-operational .nbh-arrival{animation:nbhWowSignal 5.5s ease-out infinite}.is-operational .nbh-arrival-b{animation-delay:1.35s}.is-operational .nbh-arrival-c{animation-delay:2.7s}.is-operational .nbh-arrival-d{animation-delay:4.05s}
.is-operational .nbh-core-disc{filter:drop-shadow(0 0 10px rgba(53,217,255,.24))}
.nbh-card-bottom rect{fill:rgba(2,22,37,.96);stroke:#38c8ef;filter:drop-shadow(0 8px 16px rgba(0,0,0,.34))}
.nbh-card-bottom .nbh-dpc-rail{fill:none;stroke:#246d89;stroke-width:1.5;opacity:.75}
.nbh-card-bottom .nbh-dpc-sequence{fill:#5fc2df!important;font-size:10px;font-weight:850;letter-spacing:.13em}
.nbh-card-bottom .nbh-port{transform-box:fill-box;transform-origin:center;animation:nbhDpcPort 4s ease-in-out infinite!important}
.nbh-card-bottom .nbh-port-microwave{animation-delay:0s!important}.nbh-card-bottom .nbh-port-internet{animation-delay:1s!important}.nbh-card-bottom .nbh-port-satellite{animation-delay:2s!important}.nbh-card-bottom .nbh-port-mobile{animation-delay:3s!important}
.nbh-shell:fullscreen,.nbh-shell.is-presentation{width:100vw;height:100vh;height:100dvh;max-width:none;border:0;border-radius:0;background:#010814;overflow:auto}.nbh-shell:fullscreen .nbh-canvas,.nbh-shell.is-presentation .nbh-canvas{max-height:calc(100vh - 190px);max-height:calc(100dvh - 190px);margin:auto}.nbh-shell.is-presentation{position:fixed;z-index:100000;inset:0}.nbh-presentation-open{overflow:hidden}
@keyframes nbhWowCard{0%{opacity:0;transform:translateY(12px) scale(.97)}100%{opacity:1;transform:none}}
@keyframes nbhWowRing{0%{opacity:0;transform:scale(.72)}100%{opacity:.72;transform:scale(1)}}
@keyframes nbhWowArrival{0%{opacity:0;transform:scale(.3)}45%{opacity:1}100%{opacity:0;transform:scale(3.2)}}
@keyframes nbhWowSignal{0%,72%{opacity:0;transform:scale(.45)}80%{opacity:.85}100%{opacity:0;transform:scale(3.4)}}
@keyframes nbhWowBreathe{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes nbhDpcPort{0%,12%,100%{opacity:.62;transform:scale(.88)}22%,34%{opacity:1;transform:scale(1.32)}}
@media(max-width:900px){.nbh-head-actions{gap:5px}.nbh-presentation{min-height:30px;padding:5px 8px}.nbh-presentation span{display:none}.nbh-presentation i{font-size:13px}.nbh-live{padding:6px 8px}.nbh-ops-banner{top:15.5%;min-height:18px;padding:3px 7px;font-size:5px;letter-spacing:.09em}.nbh-ops-banner i{width:4px;height:4px}.nbh-shell:fullscreen .nbh-canvas,.nbh-shell.is-presentation .nbh-canvas{max-height:none}.nbh-shell.is-presentation .nbh-head{position:sticky;top:0;z-index:20}}
@media(prefers-reduced-motion:reduce){.is-booting .nbh-card,.is-booting .nbh-ring,.is-booting .nbh-arrival,.is-operational .nbh-arrival,.nbh-card-bottom .nbh-port{animation:none!important;opacity:1}.nbh-ops-banner i{animation:none}}