/* NEON NEXUS — neon-magenta holographic command deck */
#nn-launcher{position:fixed!important;right:8px!important;bottom:78px!important;z-index:2147483644!important;padding:8px 10px!important;border:1px solid #ff3de1!important;border-radius:9px!important;background:linear-gradient(135deg,#260725,#10071b)!important;color:#ffd9fa!important;font:800 9px/1 system-ui,sans-serif!important;letter-spacing:1.1px!important;box-shadow:0 0 15px #ff20d544,inset 0 0 12px #ff20d522!important;cursor:pointer!important}
#neon-nexus{--nn-pink:#ff31d7;--nn-hot:#ff62eb;--nn-cyan:#75faff;--nn-text:#ffe8fb;--nn-muted:#a66b9f;position:fixed;inset:0;z-index:2147483643;display:none;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#26072e 0%,#100819 42%,#05040c 100%);color:var(--nn-text);font-family:Inter,"Segoe UI",system-ui,sans-serif;isolation:isolate}
#neon-nexus.open{display:block}
body.neon-nexus-active{overflow:hidden!important}
body.neon-nexus-active #nn-launcher,body.neon-nexus-active #jarvis-wake-word-toggle,body.neon-nexus-active #jarvis-web-bridge-panel,body.neon-nexus-active #jarvis-superpowers,body.neon-nexus-active #jarvis-settings-trigger{display:none!important}
#neon-nexus *{box-sizing:border-box}
#neon-nexus .nn-grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(#ff35db12 1px,transparent 1px),linear-gradient(90deg,#ff35db12 1px,transparent 1px);background-size:42px 42px;transform:perspective(500px) rotateX(60deg) scale(1.8);transform-origin:bottom;mask-image:linear-gradient(transparent 5%,#000 80%)}
#neon-nexus .nn-network{position:absolute;inset:0;width:100%;height:100%;opacity:.72;pointer-events:none}
#neon-nexus .nn-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 130px #000b;background:linear-gradient(180deg,#05030a55,transparent 28%,transparent 75%,#05030a88)}
#neon-nexus .nn-top{position:absolute;z-index:5;left:15px;right:15px;top:13px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}
#neon-nexus .nn-clock{width:max-content;min-width:140px;padding:8px 12px;border:1px solid #ff4add48;border-radius:9px;background:#12091bdc;box-shadow:0 0 18px #ff2fd50c;backdrop-filter:blur(16px)}
#neon-nexus .nn-clock small,#neon-nexus .nn-clock span{display:block;font-size:7px;letter-spacing:1.7px;color:#bd81b6}
#neon-nexus .nn-clock strong{display:block;margin:3px 0;font-size:21px;font-weight:500;letter-spacing:2px;color:#ffe8fc;text-shadow:0 0 12px #ff38df6b}
#neon-nexus .nn-brand{display:flex;align-items:center;gap:12px;text-align:center}
#neon-nexus .nn-brand b{display:block;font-size:clamp(12px,1.5vw,18px);letter-spacing:clamp(3px,.65vw,7px);color:#ffdafa;text-shadow:0 0 18px #ff25d7}
#neon-nexus .nn-brand small{display:block;margin-top:5px;font-size:7px;letter-spacing:2px;color:#b67aaa}
#neon-nexus .nn-brand-dot{width:13px;height:13px;flex:0 0 auto;border-radius:50%;background:radial-gradient(circle at 30% 25%,white,#ff8bed 22%,#f000bf 55%,#50084e);box-shadow:0 0 12px #ff2bdc,0 0 35px #ff2bdc55;animation:nnPulse 2s ease-in-out infinite}
#neon-nexus .nn-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}
#neon-nexus .nn-online{font-size:8px;letter-spacing:1.3px;color:#b5ffd9;white-space:nowrap}
#neon-nexus .nn-online i,#neon-nexus .nn-pulse i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#62ffc1;box-shadow:0 0 10px #62ffc1}
#neon-nexus button{touch-action:manipulation;cursor:pointer;color:#ffe5fc;border:1px solid #ff47dd66;border-radius:7px;background:linear-gradient(135deg,#270c2bdf,#110817f0);font:700 9px/1.2 system-ui,sans-serif;letter-spacing:.6px;box-shadow:inset 0 0 14px #ff31d70b;transition:transform .18s,border-color .18s,box-shadow .18s}
#neon-nexus button:hover{border-color:#ff76e9;box-shadow:0 0 17px #ff2bdc22}
#neon-nexus button:active{transform:scale(.97)}
#neon-nexus #nn-back{padding:9px 12px;white-space:nowrap}
#neon-nexus .nn-panel{position:absolute;z-index:4;top:94px;bottom:87px;width:clamp(205px,20vw,270px);padding:12px;border:1px solid #ff43df43;border-radius:11px;background:linear-gradient(145deg,#1a0a21e8,#0a0612e8);box-shadow:0 0 34px #ff1fd30c,inset 0 0 28px #ff2dd509;backdrop-filter:blur(18px);display:flex;flex-direction:column;min-height:0}
#neon-nexus .nn-left{left:14px}
#neon-nexus .nn-right{right:14px}
#neon-nexus .nn-panel-head{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:22px;padding-bottom:9px;border-bottom:1px solid #ff3fdc29;color:#f8c6ef;font-size:8px;letter-spacing:1.2px}
#neon-nexus .nn-panel-head i{font-style:normal;color:#ff5fe5;margin-right:5px}
#neon-nexus .nn-panel-head>b{font-size:7px;color:#ff7de9;letter-spacing:1px}
#neon-nexus .nn-live{color:#79ffce!important}
#neon-nexus .nn-environments{display:grid;gap:6px;padding:9px 0 7px}
#neon-nexus .nn-env{display:grid;grid-template-columns:25px minmax(0,1fr) 6px auto;gap:7px;align-items:center;padding:7px 6px;border:1px solid #ff4be91e;border-radius:7px;background:#ff27da06}
#neon-nexus .nn-env-icon{display:grid;place-items:center;width:24px;height:24px;border:1px solid #ff5de82e;border-radius:6px;color:#ff80ec;font-size:13px}
#neon-nexus .nn-env b{display:block;font-size:8px;letter-spacing:.7px;color:#ffe5fa}
#neon-nexus .nn-env small{display:block;margin-top:3px;font-size:7px;line-height:1.35;color:#b482ac}
#neon-nexus .nn-env-state{width:5px;height:5px;border-radius:50%;background:#6bffc2;box-shadow:0 0 7px #6bffc2}
#neon-nexus .nn-env em{font-size:6px;font-style:normal;letter-spacing:.4px;color:#83eec2}
#neon-nexus .nn-panel-foot{display:flex;justify-content:space-between;gap:5px;padding:7px 0 5px;font-size:6px;letter-spacing:.7px;color:#a66b9f}
#neon-nexus .nn-panel-foot b{font-weight:700;color:#bdfde0}
#neon-nexus .nn-panel-foot em{font-style:normal;color:#ff7be7}
#neon-nexus .nn-meter{height:3px;border-radius:4px;background:#3d183b;overflow:hidden;margin-bottom:12px}
#neon-nexus .nn-meter span{display:block;width:98.7%;height:100%;background:linear-gradient(90deg,#ff28d5,#ffa5f3);box-shadow:0 0 10px #ff3edb}
#neon-nexus .nn-subhead{margin-top:3px}
#neon-nexus .nn-scroll{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b52b9b #190c20;min-height:0}
#neon-nexus .nn-tasks{flex:1;padding:7px 2px 2px}
#neon-nexus .nn-task{display:flex;gap:7px;padding:7px 3px;border-bottom:1px solid #ff44df18;font-size:8px;line-height:1.45;color:#e9c6e5;overflow-wrap:anywhere}
#neon-nexus .nn-task>i{flex:0 0 15px;width:15px;height:15px;display:grid;place-items:center;border-radius:50%;font-size:8px;font-style:normal}
#neon-nexus .nn-task .done{color:#8dffce;background:#3dffae14}
#neon-nexus .nn-task .pending{color:#ff86e9;background:#ff31d71a}
#neon-nexus .nn-task small{display:block;margin-top:3px;font-size:6px;color:#a36e9c}
#neon-nexus .nn-empty{padding:13px 5px;font-size:9px;color:#eac4e4;line-height:1.5}
#neon-nexus .nn-empty small{display:block;margin-top:5px;color:#a36e9c;font-size:8px}
#neon-nexus .nn-memory-tabs{display:flex;gap:5px;padding:8px 0}
#neon-nexus .nn-memory-tabs button{flex:1;padding:7px 4px;font-size:7px;background:#1a0b21}
#neon-nexus .nn-memory-tabs button.active{border-color:#ff5be4;color:#fff;background:#5b1456;box-shadow:0 0 12px #ff31d722}
#neon-nexus .nn-memory-list{flex:1;padding:0 2px 7px}
#neon-nexus .nn-service{display:flex;gap:8px;padding:8px 3px;border-bottom:1px solid #ff43df1a}
#neon-nexus .nn-service-icon{flex:0 0 22px;width:22px;height:22px;display:grid;place-items:center;border:1px solid #ff49e52e;border-radius:6px;color:#ff77e8}
#neon-nexus .nn-service b{display:block;font-size:8px;letter-spacing:.6px;color:#ffe6fb}
#neon-nexus .nn-service small{display:block;margin-top:4px;font-size:7px;line-height:1.5;color:#b88ab2}
#neon-nexus .nn-memory-item{display:flex;gap:8px;padding:8px 3px;border-bottom:1px solid #ff43df1a;font-size:8px;line-height:1.5;overflow-wrap:anywhere;color:#f4d5f0}
#neon-nexus .nn-memory-item>i{color:#ff75e7;font-style:normal}
#neon-nexus .nn-memory-item small{display:block;margin-top:5px;color:#b88ab2;font-size:7px}
#neon-nexus .nn-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:9px 0}
#neon-nexus .nn-quick-grid button{padding:9px 5px;font-size:7px}
#neon-nexus .nn-note{margin-top:auto;padding-top:7px;border-top:1px solid #ff43df1a;font-size:7px;line-height:1.5;color:#9e7098}
#neon-nexus .nn-core-area{position:absolute;left:50%;top:50%;width:min(650px,calc(100vw - 590px));height:min(650px,calc(100vh - 170px));min-width:250px;min-height:260px;transform:translate(-50%,-50%);perspective:1100px;display:flex;align-items:center;justify-content:center}
#neon-nexus .nn-core-caption{position:absolute;top:2%;left:0;right:0;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.7px;color:#b67bab}
#neon-nexus .nn-orbit{position:absolute;left:50%;top:50%;border:1px solid #ff4de144;border-radius:50%;pointer-events:none;transform-style:preserve-3d}
#neon-nexus .nn-orbit-a{width:80%;height:29%;transform:translate(-50%,-50%) rotateX(68deg) rotateZ(-15deg);animation:nnOrbitA 16s linear infinite}
#neon-nexus .nn-orbit-b{width:70%;height:70%;transform:translate(-50%,-50%) rotateX(65deg) rotateY(32deg);border-color:#a743ff55;animation:nnOrbitB 19s linear infinite}
#neon-nexus .nn-orbit-c{width:49%;height:95%;transform:translate(-50%,-50%) rotateY(67deg) rotateZ(18deg);border-color:#ff8cf066;animation:nnOrbitC 22s linear infinite reverse}
#neon-nexus .nn-core-shadow{position:absolute;width:44%;height:14%;left:50%;top:66%;transform:translate(-50%,-50%);border-radius:50%;background:#f51fc42c;filter:blur(24px)}
#neon-nexus .nn-core{position:relative;width:clamp(125px,18vw,210px);height:clamp(125px,18vw,210px);border-radius:50%;border:1px solid #ffa0f1;background:radial-gradient(circle at 30% 23%,#fff 0%,#ffd5fa 3%,#ff82eb 9%,#f71dcd 20%,#9d00ac 43%,#350744 68%,#080610 100%);box-shadow:inset -30px -22px 44px #000b,inset 9px 7px 30px #ffadf877,0 0 28px #ff31d7cc,0 0 85px #ff31d777,0 0 150px #bd21ff22;overflow:hidden;z-index:2;transform:translateZ(60px);animation:nnFloat 5s ease-in-out infinite}
/* Remove the browser's blue rectangular focus ring around the central core; preserve its styling and click behavior. */
#neon-nexus #nn-core:focus,#neon-nexus #nn-core:focus-visible{outline:none!important;outline-offset:0!important}
#neon-nexus .nn-core-inner{position:absolute;inset:-18%;border-radius:50%;background:repeating-linear-gradient(90deg,transparent 0 14px,#ffd6fa22 15px,transparent 16px);animation:nnGlobe 11s linear infinite}
#neon-nexus .nn-core-latitude{position:absolute;inset:12%;border:1px solid #ffd4f888;border-radius:50%;box-shadow:0 0 17px #ff6ce866,inset 0 0 18px #ff6ce844;transform:rotateX(65deg);animation:nnLatitude 7s linear infinite}
#neon-nexus .nn-core-glint{position:absolute;inset:3%;border:1px solid #ffcef777;border-radius:50%;transform:rotateY(63deg);animation:nnLatitude 9s linear infinite reverse}
#neon-nexus .nn-core-label{position:absolute;left:0;right:0;top:47%;transform:translateY(-50%);font-size:clamp(11px,1.5vw,17px);font-weight:900;letter-spacing:4px;text-shadow:0 0 12px #ff43df;color:#fff}
#neon-nexus .nn-core-label span{color:#ffe0fb}
#neon-nexus .nn-node{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:54px;cursor:pointer;color:#ffc7f6;text-shadow:0 0 12px #ff3cde;animation:nnNodeFloat 4s ease-in-out infinite}
#neon-nexus .nn-node b{display:grid;place-items:center;width:35px;height:35px;border:1px solid #ff58e866;border-radius:50%;background:#1b0925dd;box-shadow:0 0 20px #ff31d733;font-size:15px}
#neon-nexus .nn-node span{font-size:6px;letter-spacing:1.2px}
#neon-nexus .nn-node-a{left:14%;top:25%}
#neon-nexus .nn-node-b{right:12%;top:23%;animation-delay:-1.1s}
#neon-nexus .nn-node-c{left:14%;bottom:21%;animation-delay:-2s}
#neon-nexus .nn-node-d{right:12%;bottom:20%;animation-delay:-2.8s}
#neon-nexus .nn-core-foot{position:absolute;left:4%;right:4%;bottom:1%;display:flex;justify-content:space-between;gap:8px;font-size:6px;letter-spacing:1px;color:#aa78a6}
#neon-nexus .nn-pulse{color:#d6a1d0}
#neon-nexus .nn-pulse i{background:#ff5de5;box-shadow:0 0 9px #ff3dde}
#neon-nexus #nn-latency{color:#ff98ec;font-weight:600}
#neon-nexus .nn-console{position:absolute;z-index:6;left:50%;bottom:13px;transform:translateX(-50%);width:min(730px,calc(100vw - 36px));display:flex;align-items:center;gap:8px;padding:8px 9px;border:1px solid #ff49dd66;border-radius:12px;background:#110817ed;box-shadow:0 0 30px #ff20d51a,inset 0 0 24px #ff20d50a;backdrop-filter:blur(18px)}
#neon-nexus .nn-console-mark{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border:1px solid #ff50df44;border-radius:8px;color:#ff8be9;font-size:18px}
#neon-nexus .nn-input-wrap{flex:1;min-width:0}
#neon-nexus .nn-input-wrap small{display:block;margin:0 0 3px 2px;font-size:6px;letter-spacing:1.4px;color:#bc7eb5}
#neon-nexus #nn-input{display:block;width:100%;min-width:0;border:0;outline:0;background:transparent;color:#ffe7fb;font:12px/1.4 system-ui,sans-serif}
#neon-nexus #nn-input::placeholder{color:#93688d}
#neon-nexus #nn-voice{width:39px;height:39px;flex:0 0 39px;font-size:15px}
#neon-nexus #nn-voice.listening{background:#7d0e69;border-color:#ffb3f3;box-shadow:0 0 25px #ff31d788;animation:nnPulse 1s infinite}
#neon-nexus #nn-send{height:39px;padding:0 15px;background:linear-gradient(135deg,#9f138d,#4c0b56);border-color:#ff60e5}
#neon-nexus .nn-toast{position:absolute;z-index:8;left:50%;bottom:77px;transform:translate(-50%,8px);max-width:min(90vw,540px);padding:10px 15px;border:1px solid #ff49dd66;border-radius:9px;background:#17091ef2;color:#ffe5fa;font-size:10px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;text-align:center}
#neon-nexus .nn-toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes nnPulse{0%,100%{filter:brightness(.9)}50%{filter:brightness(1.25)}}
@keyframes nnOrbitA{to{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(345deg)}}
@keyframes nnOrbitB{to{transform:translate(-50%,-50%) rotateX(65deg) rotateY(392deg)}}
@keyframes nnOrbitC{to{transform:translate(-50%,-50%) rotateY(427deg) rotateZ(18deg)}}
@keyframes nnFloat{0%,100%{translate:0 -4px}50%{translate:0 5px}}
@keyframes nnNodeFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes nnGlobe{to{transform:rotate(377deg)}}
@keyframes nnLatitude{to{rotate:360deg}}
@media(max-width:1000px){#neon-nexus .nn-panel{width:clamp(175px,23vw,215px);padding:9px}#neon-nexus .nn-core-area{width:calc(100vw - 470px)}#neon-nexus .nn-env small{font-size:6px}#neon-nexus .nn-env{grid-template-columns:22px minmax(0,1fr) 5px auto;gap:4px}#neon-nexus .nn-env-icon{width:21px;height:21px}}
@media(max-width:740px){#neon-nexus .nn-top{top:8px;left:8px;right:8px;grid-template-columns:auto 1fr auto;gap:5px}#neon-nexus .nn-clock{min-width:0;padding:6px 7px}#neon-nexus .nn-clock small{font-size:5px;letter-spacing:.7px}#neon-nexus .nn-clock strong{font-size:15px;letter-spacing:1px}#neon-nexus .nn-clock span{font-size:5px;letter-spacing:.5px}#neon-nexus .nn-brand{gap:5px;justify-content:center}#neon-nexus .nn-brand-dot{width:8px;height:8px}#neon-nexus .nn-brand b{font-size:10px;letter-spacing:2px}#neon-nexus .nn-brand small{font-size:5px;letter-spacing:.5px}#neon-nexus .nn-online{display:none}#neon-nexus #nn-back{font-size:7px;padding:7px 7px}#neon-nexus .nn-panel{top:68px;bottom:76px;width:calc(50% - 13px);padding:7px;border-radius:8px}#neon-nexus .nn-left{left:7px}#neon-nexus .nn-right{right:7px}#neon-nexus .nn-panel-head{font-size:6px;letter-spacing:.3px}#neon-nexus .nn-env{grid-template-columns:18px minmax(0,1fr) 4px;gap:4px;padding:5px 3px}#neon-nexus .nn-env-icon{width:18px;height:18px;font-size:10px}#neon-nexus .nn-env b{font-size:6px}#neon-nexus .nn-env small{font-size:5px;line-height:1.25}#neon-nexus .nn-env em{display:none}#neon-nexus .nn-panel-foot{font-size:5px;letter-spacing:0}#neon-nexus .nn-task{font-size:7px;padding:5px 1px}#neon-nexus .nn-memory-tabs button{font-size:6px;padding:6px 2px}#neon-nexus .nn-service{gap:4px;padding:6px 1px}#neon-nexus .nn-service-icon{width:17px;height:17px;flex-basis:17px;font-size:10px}#neon-nexus .nn-service b{font-size:6px}#neon-nexus .nn-service small{font-size:5.5px;line-height:1.35}#neon-nexus .nn-memory-item{font-size:7px}#neon-nexus .nn-quick-grid{gap:4px;padding:6px 0}#neon-nexus .nn-quick-grid button{font-size:6px;padding:7px 2px}#neon-nexus .nn-note{font-size:5px}#neon-nexus .nn-core-area{top:51%;width:calc(100vw - 26px);height:42vh;min-height:0;pointer-events:none}#neon-nexus .nn-core{width:100px;height:100px;pointer-events:auto}#neon-nexus .nn-orbit-a{width:52%;height:22%}#neon-nexus .nn-orbit-b{width:42%;height:42%}#neon-nexus .nn-orbit-c{width:30%;height:60%}#neon-nexus .nn-node{min-width:35px;pointer-events:auto}#neon-nexus .nn-node b{width:24px;height:24px;font-size:11px}#neon-nexus .nn-node span{font-size:5px}#neon-nexus .nn-node-a{left:9%;top:21%}#neon-nexus .nn-node-b{right:8%;top:20%}#neon-nexus .nn-node-c{left:9%;bottom:19%}#neon-nexus .nn-node-d{right:8%;bottom:18%}#neon-nexus .nn-core-caption{top:0;font-size:5px;letter-spacing:.5px}#neon-nexus .nn-core-foot{font-size:5px;left:8%;right:8%;bottom:0}#neon-nexus .nn-console{bottom:7px;width:calc(100vw - 14px);padding:6px;gap:5px}#neon-nexus .nn-console-mark{display:none}#neon-nexus .nn-input-wrap small{font-size:5px}#neon-nexus #nn-input{font-size:11px}#neon-nexus #nn-voice{width:34px;height:36px;flex-basis:34px}#neon-nexus #nn-send{height:36px;padding:0 9px;font-size:7px}#neon-nexus .nn-toast{bottom:57px;font-size:8px}}
@media(max-width:390px){#neon-nexus .nn-clock{display:none}#neon-nexus .nn-top{grid-template-columns:1fr auto}#neon-nexus .nn-brand{justify-content:flex-start}#neon-nexus .nn-panel-head{font-size:5.5px}#neon-nexus .nn-env small{font-size:4.8px}#neon-nexus .nn-node-a{left:4%}#neon-nexus .nn-node-b{right:4%}}
@media(prefers-reduced-motion:reduce){#neon-nexus *,#neon-nexus *::before,#neon-nexus *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}


/* NEON NEXUS layout refinement — six independent, scrollable panels; preserve the central core. */
#nn-launcher{right:14px!important;bottom:142px!important;z-index:2147483642!important;padding:9px 12px!important}
#neon-nexus .nn-panel{top:auto;bottom:auto;width:clamp(190px,17vw,245px);height:25vh;min-height:150px;max-height:255px;padding:10px 11px;overflow:hidden}
#neon-nexus .nn-left{left:14px;right:auto}
#neon-nexus .nn-right{right:14px;left:auto}
#neon-nexus .nn-panel-env,#neon-nexus .nn-panel-services{top:92px}
#neon-nexus .nn-panel-tasks,#neon-nexus .nn-panel-memory{top:calc(92px + 25vh + 8px)}
#neon-nexus .nn-panel-system,#neon-nexus .nn-panel-actions{top:calc(92px + 50vh + 16px);bottom:86px;height:auto;max-height:none}
#neon-nexus .nn-environments{flex:1;padding:8px 2px 2px}
#neon-nexus .nn-tasks,#neon-nexus .nn-memory-list,#neon-nexus .nn-actions-scroll{flex:1;min-height:0;overflow:auto}
#neon-nexus .nn-panel-head{font-size:8px;letter-spacing:.8px;flex-shrink:0}
#neon-nexus .nn-quick-grid{display:flex;flex-direction:column;gap:6px;padding:8px 1px}
#neon-nexus .nn-quick-grid button{display:block;width:100%;min-height:32px;text-align:left;padding:8px 10px;font-size:8px;letter-spacing:.7px}
#neon-nexus .nn-system-metric{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px 2px;border-bottom:1px solid #ff43df1a;font-size:7px;letter-spacing:.6px;color:#b88ab2}
#neon-nexus .nn-system-metric b{font-size:8px;color:#c6ffe6;white-space:nowrap}
#neon-nexus .nn-system-metric em{font-style:normal;color:#ff7be7}
#neon-nexus .nn-system-note{padding:10px 2px;font-size:8px;line-height:1.6;color:#b88ab2}
#neon-nexus .nn-core-area{width:min(650px,calc(100vw - 550px));height:min(650px,calc(100vh - 170px))}
#neon-nexus .nn-core{width:clamp(135px,17vw,205px);height:clamp(135px,17vw,205px)}
@media(max-width:1000px) and (min-width:741px){
  #neon-nexus .nn-panel{width:clamp(180px,19vw,205px);padding:8px}
  #neon-nexus .nn-panel-head{font-size:7px;letter-spacing:.4px}
  #neon-nexus .nn-core-area{width:calc(100vw - 460px)}
  #nn-launcher{bottom:132px!important}
}
@media(max-width:740px){
  #nn-launcher{right:10px!important;bottom:118px!important;padding:8px 10px!important}
  #neon-nexus .nn-panel{width:calc(34vw - 2px);height:21vh;min-height:0;max-height:none;padding:6px;border-radius:8px}
  #neon-nexus .nn-left{left:5px}
  #neon-nexus .nn-right{right:5px}
  #neon-nexus .nn-panel-env,#neon-nexus .nn-panel-services{top:67px}
  #neon-nexus .nn-panel-tasks,#neon-nexus .nn-panel-memory{top:calc(67px + 21vh + 5px)}
  #neon-nexus .nn-panel-system,#neon-nexus .nn-panel-actions{top:calc(67px + 42vh + 10px);bottom:76px;height:auto}
  #neon-nexus .nn-panel-head{font-size:6px;letter-spacing:0;padding-bottom:5px;gap:3px}
  #neon-nexus .nn-panel-head i{margin-right:2px}
  #neon-nexus .nn-env{grid-template-columns:17px minmax(0,1fr) 4px;gap:3px;padding:5px 2px}
  #neon-nexus .nn-env-icon{width:17px;height:17px;font-size:9px}
  #neon-nexus .nn-env b{font-size:6px}
  #neon-nexus .nn-env small{font-size:5.5px;line-height:1.3}
  #neon-nexus .nn-env em{display:none}
  #neon-nexus .nn-task{font-size:6.5px;padding:5px 1px}
  #neon-nexus .nn-task small{font-size:5.5px}
  #neon-nexus .nn-service{gap:4px;padding:6px 1px}
  #neon-nexus .nn-service-icon{width:16px;height:16px;flex-basis:16px;font-size:9px}
  #neon-nexus .nn-service b{font-size:6px;letter-spacing:0}
  #neon-nexus .nn-service small{font-size:5.5px;line-height:1.35}
  #neon-nexus .nn-memory-item{font-size:6.5px;padding:6px 1px}
  #neon-nexus .nn-memory-item small{font-size:5.5px}
  #neon-nexus .nn-quick-grid{gap:4px;padding:5px 0}
  #neon-nexus .nn-quick-grid button{font-size:6px;min-height:26px;padding:6px 5px;letter-spacing:0}
  #neon-nexus .nn-system-metric{font-size:5.5px;padding:7px 1px;letter-spacing:0}
  #neon-nexus .nn-system-metric b{font-size:6px}
  #neon-nexus .nn-system-note{font-size:6px;padding:7px 1px;line-height:1.4}
  #neon-nexus .nn-core-area{left:50%;top:51%;width:30vw;height:35vh;min-width:0;min-height:0;pointer-events:none}
  #neon-nexus .nn-core{width:clamp(76px,22vw,100px);height:clamp(76px,22vw,100px);pointer-events:auto}
  #neon-nexus .nn-orbit-a{width:140%;height:48%}
  #neon-nexus .nn-orbit-b{width:120%;height:85%}
  #neon-nexus .nn-orbit-c{width:90%;height:120%}
  #neon-nexus .nn-node-a{left:-30%;top:12%}
  #neon-nexus .nn-node-b{right:-30%;top:12%}
  #neon-nexus .nn-node-c{left:-30%;bottom:12%}
  #neon-nexus .nn-node-d{right:-30%;bottom:12%}
  #neon-nexus .nn-node b{width:22px;height:22px;font-size:10px}
  #neon-nexus .nn-node span{font-size:5px}
  #neon-nexus .nn-core-caption{font-size:5px;letter-spacing:0;top:-12%}
  #neon-nexus .nn-core-foot{left:-100%;right:-100%;font-size:5px;bottom:-8%}
}
@media(max-width:390px){
  #neon-nexus .nn-panel{width:calc(34vw - 2px);padding:5px}
  #neon-nexus .nn-panel-head{font-size:5.5px}
  #neon-nexus .nn-env small{font-size:5px}
  #neon-nexus .nn-service small{font-size:5px}
  #neon-nexus .nn-quick-grid button{font-size:5.5px}
}

/* Clickable environment shortcuts in the NEXUS status panel. */
.nn-env[role="button"]{cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease;}
.nn-env[role="button"]:hover,.nn-env[role="button"]:focus-visible{border-color:rgba(255,65,224,.7);background:rgba(255,38,210,.09);transform:translateX(2px);outline:none;}
.nn-env[role="button"]:focus-visible{box-shadow:0 0 0 2px rgba(255,65,224,.35);}


/* Live Multi Monitor panel: same footprint and magenta glass treatment as the other NEXUS panels. */
#neon-nexus .nn-panel-system{top:calc(92px + 50vh + 16px);bottom:auto;height:25vh;min-height:150px;max-height:255px;}
#neon-nexus .nn-monitor-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b52b9b #190c20;padding:2px 2px 8px;}
#neon-nexus .nn-monitor-stamp{padding:8px 2px 6px;color:#ff8be9;font-size:6px;letter-spacing:.7px;line-height:1.5;border-bottom:1px solid #ff43df1a;}
#neon-nexus .nn-monitor-value{color:#d9b4d4;}
#neon-nexus .nn-monitor-value b{color:#c6ffe6;}
#neon-nexus .nn-panel-system .nn-system-metric{align-items:flex-start;}
#neon-nexus .nn-panel-system .nn-system-metric span{max-width:58%;line-height:1.45;}
#neon-nexus .nn-panel-system .nn-system-metric b{max-width:58%;white-space:normal;text-align:right;overflow-wrap:anywhere;font-size:7px;}
#neon-nexus .nn-panel-system .nn-system-note{padding:10px 2px;font-size:7px;line-height:1.55;color:#b88ab2;}
@media(max-width:740px){
  #neon-nexus .nn-panel-system{top:calc(67px + 42vh + 10px);bottom:auto;height:21vh;min-height:0;max-height:none;}
  #neon-nexus .nn-panel-system .nn-system-metric{font-size:5px;gap:3px;padding:6px 1px;}
  #neon-nexus .nn-panel-system .nn-system-metric b{font-size:5px;}
  #neon-nexus .nn-monitor-stamp{font-size:4.7px;letter-spacing:0;}
  #neon-nexus .nn-panel-system .nn-system-note{font-size:5px;line-height:1.4;}
}