
/* OpsDesk Neon Chaos V14 — shared visual layer */
body{min-width:320px}:root{--background:#09090b;--foreground:#f4f4f5;--card:#fafafa;--card-foreground:#0b0b0d;--popover:#fafafa;--popover-foreground:#0b0b0d;--primary:#39ff14;--primary-foreground:#050506;--secondary:#232329;--secondary-foreground:#f4f4f5;--muted:#18181b;--muted-foreground:#a1a1aa;--accent:#ff007f;--accent-foreground:#fff;--destructive:#ff3b30;--destructive-foreground:#fff;--border:#3f3f46;--input:#3f3f46;--ring:#26e6ff;--radius:.35rem;--neon-bg:#09090b;--neon-surface:#18181b;--neon-surface-2:#232329;--neon-paper:#fafafa;--neon-ink:#0b0b0d;--neon-green:#39ff14;--neon-pink:#ff007f;--neon-cyan:#26e6ff;--neon-yellow:#ffd60a;color-scheme:dark}html{scroll-behavior:smooth;background:var(--neon-bg);overflow-x:hidden}body{-webkit-font-smoothing:antialiased;min-width:320px;min-height:100vh;overflow-x:clip;color:var(--neon-paper)!important;background:radial-gradient(circle at 8% 8%,#39ff141f,#0000 27rem),radial-gradient(circle at 92% 18%,#ff007f24,#0000 27rem),radial-gradient(circle at 55% 96%,#26e6ff14,#0000 30rem),linear-gradient(#09090b,#0e0e12 55%,#09090b)!important;font-family:JetBrains Mono,Cascadia Code,Consolas,ui-monospace,monospace!important}body:before{content:"";z-index:0;pointer-events:none;opacity:.17;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:30px 30px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 86%);mask-image:linear-gradient(#000,#0000 86%)}::selection{background:var(--neon-pink);color:#fff}*{scrollbar-width:thin;scrollbar-color:var(--neon-green)#111114}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#111114}::-webkit-scrollbar-thumb{background:linear-gradient(var(--neon-green),var(--neon-pink));border:2px solid #09090b}.neon-skip{z-index:1000;background:var(--neon-green);color:#000;text-transform:uppercase;padding:.7rem 1rem;font-weight:900;position:fixed;top:-5rem;left:1rem}.neon-skip:focus{top:1rem}.neon-progress{z-index:1000;background:linear-gradient(90deg,var(--neon-green),var(--neon-pink),var(--neon-cyan));width:0;height:4px;box-shadow:0 0 18px var(--neon-green);position:fixed;top:0;left:0}.neon-statusbar{z-index:90;color:#d4d4d8;letter-spacing:.12em;text-transform:uppercase;background:#050506;border-bottom:1px solid #39ff146b;align-items:center;gap:.75rem;min-height:34px;padding:.42rem clamp(1rem,4vw,3rem);font-size:.68rem;font-weight:800;display:flex;position:relative}.neon-statusbar strong{color:var(--neon-green)}.neon-status-copy{color:#a1a1aa;white-space:nowrap;text-overflow:ellipsis;max-width:65vw;margin-left:auto;overflow:hidden}.neon-live-dot{background:var(--neon-green);width:9px;height:9px;box-shadow:0 0 13px var(--neon-green);border-radius:50%;animation:1.5s ease-in-out infinite alternate neonPulse}@keyframes neonPulse{to{opacity:.35;transform:scale(.72)}}#root{z-index:2;isolation:isolate;min-height:100vh;position:relative;color:var(--foreground)!important;background:0 0!important}#root>.min-h-screen,#root>div,#root main,#root .bg-background{background:0 0!important}#root header{-webkit-backdrop-filter:blur(16px);color:var(--foreground)!important;background:#09090be6!important;border-bottom:1px solid #39ff146b!important;box-shadow:0 12px 34px #00000047!important}#root header h1,#root header h2,#root header h3{color:#fff!important;text-shadow:none!important}#root header p,#root header .text-muted-foreground{color:#a1a1aa!important}#root main{width:min(94%,1240px)!important;margin-inline:auto!important;padding-left:0!important;padding-right:0!important}#root footer{color:#a1a1aa!important;background:#08080a!important;border-top:1px solid #39ff1459!important}#root footer *{color:inherit!important}#root h1,#root h2,#root h3,#root h4,#root h5,#root h6{text-transform:uppercase;text-wrap:balance;letter-spacing:.02em!important;font-family:Impact,Arial Black,Inter,system-ui,sans-serif!important;line-height:.96!important}#root main>*>h1,#root main>*>h2,#root .neon-hero-title{max-width:14ch;color:var(--neon-green)!important;text-shadow:4px 4px 0 var(--neon-pink)!important;font-size:clamp(2.35rem,6vw,5.7rem)!important}#root .text-foreground{color:var(--foreground)!important}#root .text-muted-foreground{color:var(--muted-foreground)!important}#root .text-primary{color:var(--neon-green)!important}#root .text-accent{color:var(--neon-pink)!important}#root .border-border,#root [class*=border-border]{border-color:#3f3f46!important}#root .bg-muted,#root .bg-secondary,#root [class*="bg-muted/"],#root [class*="bg-secondary/"]{color:#f4f4f5!important;background:#18181b!important}#root [class*="bg-accent/"]{background:#ff007f1f!important}#root .neon-card{--neon-card-shadow:var(--neon-green);padding:clamp(1rem,2vw,1.5rem);transform:rotate(-.45deg);background:var(--neon-paper)!important;color:var(--neon-ink)!important;box-shadow:11px 11px 0 var(--neon-card-shadow)!important;border:4px solid #050506!important;border-radius:2px 32px 3px 22px/32px 5px 28px 3px!important;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s!important;position:relative!important;overflow:visible!important}#root .neon-card[data-neon-tone=pink]{--neon-card-shadow:var(--neon-pink);transform:rotate(.45deg)}#root .neon-card[data-neon-tone=cyan]{--neon-card-shadow:var(--neon-cyan)}#root .neon-card:hover,#root .neon-card:focus-within{z-index:5;transform:rotate(0)translate(-4px,-4px);box-shadow:16px 16px 0 var(--neon-card-shadow)!important}#root .neon-card:before{content:attr(data-neon-label);z-index:8;text-overflow:ellipsis;white-space:nowrap;background:var(--neon-pink);color:#fff;letter-spacing:.1em;text-transform:uppercase;border:2px solid #050506;max-width:70%;padding:.22rem .55rem;font-size:.58rem;font-weight:900;position:absolute;top:-.9rem;right:-.75rem;overflow:hidden;transform:rotate(3deg)}#root .neon-card,#root .neon-card p,#root .neon-card li,#root .neon-card label,#root .neon-card span{color:#27272a}#root .neon-card h1,#root .neon-card h2,#root .neon-card h3,#root .neon-card h4,#root .neon-card h5,#root .neon-card h6,#root .neon-card .text-foreground,#root .neon-card .text-card-foreground{color:#09090b!important;text-shadow:none!important}#root .neon-card .text-muted-foreground{color:#52525b!important}#root .neon-card .text-primary{color:#087a00!important}#root .neon-card .text-accent{color:#b00058!important}#root .neon-card .bg-card,#root .neon-card [class~=bg-card]{color:#111!important;background:#fff!important}#root .neon-card .bg-muted,#root .neon-card .bg-secondary,#root .neon-card [class*="bg-muted/"],#root .neon-card [class*="bg-secondary/"]{color:#111!important;background:#ececec!important}#root .chaos-title{flex-wrap:wrap;align-items:center;gap:.08em;display:flex;color:#000!important;text-shadow:none!important}#root .chaos-title .chaos-letter{min-width:.72em;transform:rotate(var(--rot,0deg))translateY(var(--lift,0px));background:#fff;border:1px solid #ffffff40;place-items:center;padding:.04em .1em;line-height:1;display:inline-grid;color:#050506!important}#root .chaos-title .chaos-letter:nth-child(3n+2){background:var(--neon-green)}#root .chaos-title .chaos-letter:nth-child(5n+3){background:var(--neon-pink);color:#fff!important}#root .chaos-title .chaos-space{width:.28em}#root [role=tablist]{gap:.25rem;border:2px solid var(--neon-green)!important;box-shadow:5px 5px 0 var(--neon-pink)!important;background:#18181b!important;border-radius:0!important;padding:4px!important}#root [role=tab]{text-transform:uppercase;letter-spacing:.04em;color:#d4d4d8!important;border:2px solid #0000!important;border-radius:0!important;font-weight:900!important}#root [role=tab]:hover{color:var(--neon-green)!important}#root [role=tab][data-state=active],#root [role=tab][aria-selected=true]{background:var(--neon-green)!important;color:#050506!important;box-shadow:3px 3px 0 var(--neon-pink)!important;border-color:#050506!important}#root .neon-button{text-transform:uppercase;letter-spacing:.045em;border:2px solid var(--neon-green)!important;color:var(--neon-green)!important;background:0 0!important;border-radius:0!important;font-weight:900!important;transition:all .18s!important}#root .neon-button:hover,#root .neon-button:focus-visible{transform:translate(-3px,-3px);background:var(--neon-green)!important;color:#050506!important;box-shadow:5px 5px 0 var(--neon-pink)!important}#root .neon-button[data-neon-primary=true]{color:#fff!important;box-shadow:4px 4px 0 var(--neon-green)!important;background:#050506!important;border-color:#050506!important}#root .neon-button[data-neon-primary=true]:hover{color:var(--neon-pink)!important;box-shadow:6px 6px 0 var(--neon-pink)!important}#root .neon-card .neon-button{color:#fff!important;background:#050506!important;border-color:#050506!important}#root .neon-card .neon-button:hover{color:var(--neon-pink)!important;background:#050506!important}#root input,#root textarea,#root select{color:#09090b!important;background:#fff!important;border:2px solid #18181b!important;border-radius:0!important;outline:none!important}#root input::placeholder,#root textarea::placeholder{opacity:1;color:#71717a!important}#root input:focus,#root textarea:focus,#root select:focus{border-color:var(--neon-pink)!important;box-shadow:3px 3px 0 var(--neon-green)!important}#root [role=dialog],#root [role=menu],#root [data-radix-popper-content-wrapper]>*{color:#111!important;box-shadow:9px 9px 0 var(--neon-pink)!important;background:#fafafa!important;border:3px solid #111!important;border-radius:2px 25px 2px 18px!important}#root [role=dialog] .text-muted-foreground,#root [role=menu] .text-muted-foreground{color:#52525b!important}#root table{color:#111!important;background:#fff!important;border:3px solid #111!important}#root thead,#root th{text-transform:uppercase;letter-spacing:.05em;color:var(--neon-green)!important;background:#111!important}#root th,#root td{border-color:#d4d4d8!important}#root tbody tr:nth-child(2n){background:#f1f1f1!important}#root pre,#root code{font-family:JetBrains Mono,Cascadia Code,Consolas,monospace!important}#root pre{color:#d4d4d8!important;background:#050506!important;border:1px solid #3f3f46!important;border-radius:0!important}#root canvas,#root svg{max-width:100%}#root [class*=shadow-]{--tw-shadow:0 0 #0000!important}#root .rounded-full{border-radius:999px!important}#root [class*=rounded-]:not(.rounded-full):not([role=dialog]):not([role=tablist]):not([role=tab]){border-radius:2px 18px 2px 14px}#root .neon-reveal{opacity:0;filter:blur(3px);transform:translateY(24px)rotate(.35deg)}#root .neon-reveal.neon-visible{opacity:1;filter:none;transition:opacity .5s,transform .5s cubic-bezier(.2,.8,.2,1),filter .5s;transform:none}@media(max-width:900px){.neon-status-copy{max-width:55vw}#root main{width:94%!important}#root .neon-card,#root .neon-card:hover{transform:none;box-shadow:8px 8px 0 var(--neon-card-shadow)!important}}@media(max-width:640px){.neon-statusbar{padding-inline:.75rem;font-size:.58rem}.neon-status-copy{display:none}#root header{position:sticky!important;top:0!important}#root main{width:100%!important;padding-left:1rem!important;padding-right:1rem!important}#root [role=tablist]{box-shadow:3px 3px 0 var(--neon-pink)!important}#root .neon-card{margin-bottom:.75rem;padding:1rem}#root .neon-card:before{max-width:60%;top:-.72rem;right:.35rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.neon-live-dot{animation:none}#root .neon-reveal{opacity:1;filter:none;transform:none}#root .neon-card,#root .neon-button{transition:none!important}}
.project-binding-badge {
  display:inline-flex;align-items:center;gap:.45rem;margin-left:auto;padding:.38rem .58rem;
  border:1px solid #26e6ff;color:#26e6ff;background:#09090b;
  font:900 .58rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.08em;text-transform:uppercase;white-space:nowrap
}
.project-origin-actions {
  width:min(1180px,calc(100% - 28px));margin:16px auto 10px;display:flex;gap:10px;flex-wrap:wrap;
  position:relative;z-index:20;font-family:ui-monospace,SFMono-Regular,Consolas,monospace
}
.project-origin-action {
  min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;
  border:2px solid #000;background:#f8f8f4;color:#08080a;text-decoration:none;font-weight:900;
  letter-spacing:.045em;text-transform:uppercase;box-shadow:5px 5px 0 #39ff14;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease
}
.project-origin-action:nth-child(2){box-shadow:5px 5px 0 #ff1493}
.project-origin-action:nth-child(3){box-shadow:5px 5px 0 #25e6ff}
.project-origin-action:nth-child(4){box-shadow:5px 5px 0 #ffd60a}
.project-origin-action:hover,.project-origin-action:focus-visible {
  transform:translate(-2px,-2px);box-shadow:8px 8px 0 #dfff00;background:#fff;outline:none
}
.project-origin-action svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}
.binding-summary-strip {
  width:min(1180px,calc(100% - 28px));margin:14px auto 20px;padding:12px 14px;color:#fff;
  background:#111;border:2px solid #3f3f46;border-left:6px solid #26e6ff;
  font:700 .74rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace
}
.binding-summary-strip strong{color:#39ff14;text-transform:uppercase}
@media(max-width:760px){
  .project-origin-actions{width:calc(100% - 20px);display:grid;grid-template-columns:1fr 1fr}
  .project-origin-action{min-width:0;padding:10px 8px;font-size:.68rem;white-space:normal;text-align:center}
  .project-binding-badge{display:none}
  .binding-summary-strip{width:calc(100% - 20px);font-size:.68rem}
}
@media(max-width:430px){
  .project-origin-actions{grid-template-columns:1fr}
}
