
/* Neon Command Center · V4 visual skin only · no layout geometry modified.
   Loaded AFTER the original V4 styles, ios26 and responsive styles. */
body[data-theme="neon"] {
  color-scheme: dark;
  --bg: #080e22;
  --card: #101c35;
  --ink: #eef6ff;
  --muted: #9db1d4;
  --subtle: #7288b1;
  --outline: #2b456c;
  --blue: #16dfff;
  --blue-dark: #16bbfa;
  --blue-soft: #102d50;
  --lavender: #301657;
  --green: #40f2b1;
  --shadow: 0 10px 26px rgba(0,0,0,.24);
  --glass: rgba(11,23,48,.8);
  --glass-border: rgba(43,206,255,.28);
  background: #060d20;
  color: var(--ink);
}
body[data-theme="neon"] .environment,
body[data-theme="neon"] .app,
body[data-theme="neon"] .device,
body[data-theme="neon"] .page {
  background:
    radial-gradient(ellipse 52% 32% at 96% 6%,rgba(82,22,182,.2),transparent 80%),
    radial-gradient(ellipse 50% 45% at 4% 97%,rgba(2,138,255,.105),transparent 82%),
    linear-gradient(155deg,#0b1530 0%,#060e23 55%,#050a1c 100%);
  color: var(--ink);
}
body[data-theme="neon"] .app-topbar {
  border-bottom: 1px solid rgba(37,109,176,.34);
  background: linear-gradient(180deg,rgba(8,17,39,.98),rgba(9,20,46,.88));
  box-shadow: 0 2px 22px rgba(0,194,255,.045);
}
body[data-theme="neon"] .wordmark,
body[data-theme="neon"] .settings-title h1,
body[data-theme="neon"] .actions-title h2,
body[data-theme="neon"] .setting-copy strong {color:#f5faff;}
body[data-theme="neon"] .brand-accent {
  background:linear-gradient(110deg,#10e8ff 15%,#9276ff 63%,#ef40f9);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
}
body[data-theme="neon"] .brand-symbol {
  background:linear-gradient(145deg,#00f2ff,#3379ff 46%,#b829ff);
  box-shadow:inset 0 1px 2px #ffffff91,0 0 15px #04d7ff72,0 0 23px #b137ff44;
  border:1px solid #8df4ff78;
}
body[data-theme="neon"] .topbar-button,
body[data-theme="neon"] .topbar-avatar {
  color:#44eaff;
  border:1px solid #238ec281;
  background:linear-gradient(145deg,#122c51,#19143e);
  box-shadow:0 0 14px #118fe532,inset 0 1px #ffffff21;
}
body[data-theme="neon"] .setting-icon,
body[data-theme="neon"] .section-symbol,
body[data-theme="neon"] .assistant-icon {
  color:#39edff;
  background:linear-gradient(150deg,#0a3054,#171548);
  border:1px solid #2fbeec8a;
  box-shadow:0 0 13px #13b8fd32;
}
body[data-theme="neon"] .setting-card,
body[data-theme="neon"] .actions-card {
  color:#eaf5ff;
  background:linear-gradient(145deg,rgba(15,29,58,.94),rgba(11,23,48,.96));
  border:1px solid #29507c9c;
  box-shadow:0 6px 22px #0005,inset 0 1px #99d6ff11;
}
body[data-theme="neon"] .setting-card summary .chevron-right {color:#4ceaff;}
body[data-theme="neon"] .setting-copy small,
body[data-theme="neon"] .settings-title p,
body[data-theme="neon"] .settings-caption,
body[data-theme="neon"] .desktop-footnote {color:#8da8cd;}
body[data-theme="neon"] .setting-expand {
  border-color:#294269;
  color:#bbcae4;
}
body[data-theme="neon"] .setting-inline,
body[data-theme="neon"] .setting-select,
body[data-theme="neon"] .setting-select select {color:#e9f2ff;}
body[data-theme="neon"] .setting-select select {
  background:#122442;border:1px solid #3c6b9a;
}
body[data-theme="neon"] .green-text {color:#40f2b1;}
body[data-theme="neon"] .theme-switch {border-radius:14px;}
body[data-theme="neon"] .theme-switch button {
  color:#9db5d9;
  background:#0d2240;
  border:1px solid #274b77;
  box-shadow:none;
}
body[data-theme="neon"] .theme-switch button.selected {
  color:#ffffff;
  background:linear-gradient(112deg,#093f70,#44226e);
  border-color:#36c9fa;
  box-shadow:0 0 0 1px #55d5ff3b,0 0 16px #19beff3b,inset 0 1px #bbecff42;
}
body[data-theme="neon"] .bottom-bar {
  background:linear-gradient(155deg,rgba(14,37,67,.94),rgba(14,18,49,.95));
  border:1px solid #386c9c9c;
  box-shadow:0 14px 42px #020a21a8,0 0 21px #16b5f62d,inset 0 1px 0 #86e6ff31;
}
body[data-theme="neon"] .bottom-tab {color:#63c9ee;}
body[data-theme="neon"] .bottom-tab.active {color:#f5eeff;}
body[data-theme="neon"] .bottom-bar .bottom-tab .tab-icon {
  background:transparent;border-color:transparent;box-shadow:none;
}
body[data-theme="neon"] .bottom-bar .bottom-tab.active .tab-icon,
body[data-theme="neon"] .bottom-bar .bottom-tab.active:hover .tab-icon {
  color:#f8eeff;
  background:linear-gradient(145deg,#172f66,#40156e);
  border:1px solid #b44fff;
  box-shadow:0 0 0 1px #6222be75,0 0 16px #a62bffa3,0 0 26px #116ff273,inset 0 1px #d6bfff83;
}
body[data-theme="neon"] .bottom-bar::before {background:linear-gradient(180deg,#82eaff20,transparent);}
body[data-theme="neon"] #page-chat .chat-layout {
  background:rgba(6,15,35,.65);
  border-color:#20395b;
}
body[data-theme="neon"] #page-chat .conversation-strip {
  background:rgba(8,18,43,.88);
  border-color:#2d4d77;
}
body[data-theme="neon"] #page-chat .conversation-tab {
  border-color:#28436a;
  background:#0c1b37;
  box-shadow:none;
}
body[data-theme="neon"] #page-chat .conversation-tab.active {
  background:linear-gradient(180deg,#102f58,#0d203d);
  border-color:#19e4ff;
  box-shadow:inset 0 2px #22f2ff,0 2px 11px #02b8ff4d;
}
body[data-theme="neon"] #page-chat .conversation-tab-select {color:#98b4db;}
body[data-theme="neon"] #page-chat .conversation-tab.active .conversation-tab-select {color:#42edff;}
body[data-theme="neon"] .conversation-tab-close {color:#a4bbe7;background:transparent;}
body[data-theme="neon"] .conversation-tab-close:hover {color:#ff6ce7;background:#3a194d;}
body[data-theme="neon"] .conversation-add {
  color:#a54dff;border-color:#7b42d7;
  background:linear-gradient(130deg,#1d1850,#0e2048);
  box-shadow:0 0 14px #943aff53;
}
body[data-theme="neon"] .date-chip span {
  color:#95add1;
  background:linear-gradient(150deg,#132d4d,#0e1835);
  border:1px solid #25466c;
}
body[data-theme="neon"] .user .message-bubble {
  color:#f5faff;
  background:linear-gradient(125deg,#102f57,#24154a 92%);
  border:1px solid #7844d9bd;
  box-shadow:0 4px 15px #5b29ae24,0 0 0 1px #13dbff15;
}
body[data-theme="neon"] .assistant .message-bubble {
  color:#dbeaff;
  background:linear-gradient(145deg,#132744,#101a33);
  border:1px solid #2b537cb3;
  box-shadow:0 6px 22px #01071865;
}
body[data-theme="neon"] .message-bubble strong {color:#f9edff;}
body[data-theme="neon"] .message-bubble li,
body[data-theme="neon"] .chat-timestamp {color:#b8ccea;}
body[data-theme="neon"] .read-ticks {color:#18eaff;}
body[data-theme="neon"] .composer {
  color:#f0f8ff;
  background:linear-gradient(135deg,rgba(12,37,69,.96),rgba(19,22,58,.95));
  border:1px solid #327bad;
  box-shadow:0 0 0 1px #2756825e,0 0 24px #06bafb22,0 10px 25px #0006;
}
body[data-theme="neon"] .composer textarea {
  color:#edf7ff;
  scrollbar-width:none;
}
body[data-theme="neon"] .composer textarea::placeholder {color:#829bc0;}
body[data-theme="neon"] .composer textarea::-webkit-scrollbar {display:none;width:0;}
body[data-theme="neon"] .submit-icon {
  color:#ffffff;
  border:1px solid #65f1ffb5;
  background:linear-gradient(145deg,#19defc,#1769f3 46%,#aa36f8);
  box-shadow:0 0 14px #1dcfff90,0 0 24px #8634ed65,inset 0 1px #ffffff8f;
}
body[data-theme="neon"] .desktop-card {
  background:#0b2050;border:2px solid #22c7ffa1;
  box-shadow:0 0 0 1px #7e38ee50,0 0 20px #00bfff42,0 14px 35px #01081995;
}
body[data-theme="neon"] .wallpaper .win-wave {
  filter:hue-rotate(32deg) saturate(1.34) brightness(.78);
}
body[data-theme="neon"] .win-taskbar {
  background:rgba(11,20,62,.73);
  border-color:#18d7ff45;
}
body[data-theme="neon"] .pc-dropdown {
  color:#eafaff;
  background:linear-gradient(130deg,#132b55ed,#25205ae6);
  border-color:#46ddffb1;
  box-shadow:0 0 12px #0ff4ff35;
}
body[data-theme="neon"] .pc-options {background:#102445ed;border-color:#2c80ab;color:#eefaff;}
body[data-theme="neon"] .pc-option {color:#e5f4ff;}
body[data-theme="neon"] .pc-option:hover,body[data-theme="neon"] .pc-option.selected {background:#143f63;}
body[data-theme="neon"] .fullscreen-control {
  color:#5ef0ff;border:1px solid #2ab9e6;
  background:#091f45c9;box-shadow:0 0 13px #1ccaff3e;
}
body[data-theme="neon"] .timeline-line {border-left-color:#275078;}
body[data-theme="neon"] .timeline-point {border-color:#0d1d39;background:#2e639c;}
body[data-theme="neon"] .timeline-line.current .timeline-point {background:#16e6ff;box-shadow:0 0 0 3px #14e5ff35,0 0 11px #14e5ff;}
body[data-theme="neon"] .activity-text {color:#cedcf2;}
body[data-theme="neon"] .activity-check {color:#45f4b5;}
body[data-theme="neon"] .actions-count {background:#0d463e;color:#4cf7b3;}
body[data-theme="neon"] .running-dot {background:#d758fb;box-shadow:0 0 8px #e15dff;}
body[data-theme="neon"] .toast {background:#0c1e3e;border:1px solid #2ecffe;color:#eaf9ff;}
/* Keep the underlying V4 responsive geometry, typography and interaction unchanged. */

/* Neon reference polish · approved mobile mockup · colors and effects only */
body[data-theme="neon"] .app {
  box-shadow: inset 0 0 0 1px rgba(33,175,252,.46),
              inset 0 0 34px rgba(100,38,205,.12);
}
body[data-theme="neon"] .app-topbar {
  border-bottom-color:rgba(52,135,225,.23);
  background:linear-gradient(180deg,rgba(9,17,42,.985),rgba(8,18,42,.96));
  box-shadow:inset 0 2px 0 rgba(103,55,210,.14),0 5px 24px rgba(6,128,252,.075);
}
body[data-theme="neon"] .brand-symbol {
  border-radius:9999px;
  background:linear-gradient(145deg,#092c64 5%,#1a1d62 60%,#311352);
  color:#f8f4ff;
  border:1px solid rgba(165,105,255,.72);
  box-shadow:0 0 0 1px rgba(24,228,255,.45),0 0 12px rgba(22,227,255,.7),0 0 19px rgba(181,47,255,.5),inset 0 0 9px rgba(33,145,255,.28);
}
body[data-theme="neon"] .brand-inner {
  text-shadow:0 0 9px rgba(17,234,255,.7);
}
body[data-theme="neon"] .brand-accent {
  background:linear-gradient(92deg,#00efff 0%,#597cff 46%,#ff36db 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
body[data-theme="neon"] .topbar-button {
  border-color:rgba(170,87,255,.66);
  color:#e65dff;
  background:linear-gradient(150deg,#23104f,#151c50);
  box-shadow:0 0 0 1px rgba(110,62,242,.25),0 0 15px rgba(190,45,255,.52),inset 0 1px rgba(255,255,255,.19);
}
body[data-theme="neon"] #page-chat .conversation-strip {
  border-bottom-color:rgba(40,112,198,.44);
  background:linear-gradient(180deg,rgba(9,22,52,.92),rgba(9,19,43,.94));
}
body[data-theme="neon"] #page-chat .conversation-tab {
  border-color:rgba(34,69,119,.72);
  background:rgba(9,25,52,.64);
}
body[data-theme="neon"] #page-chat .conversation-tab.active {
  background:linear-gradient(170deg,rgba(15,38,80,.92),rgba(10,25,59,.88));
  border-color:rgba(38,91,176,.65);
  box-shadow:inset 0 1px 0 rgba(36,166,255,.18);
}
body[data-theme="neon"] #page-chat .conversation-tab.active::after {
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:2px;
  pointer-events:none;
  background:linear-gradient(90deg,#ff52d5 0%,#a555ff 35%,#00e9ff 100%);
  box-shadow:0 0 9px rgba(212,54,255,.91),0 0 13px rgba(20,207,255,.75);
}
body[data-theme="neon"] #page-chat .conversation-tab.active .conversation-tab-select {
  color:#edb6ff;
}
body[data-theme="neon"] .user .message-bubble {
  background:linear-gradient(125deg,#10244a,#1b103d 98%) padding-box,
             linear-gradient(112deg,#bb46ff,#9b42ff 57%,#03e0ff) border-box;
  border:1px solid transparent;
  box-shadow:0 5px 20px rgba(7,7,34,.34),0 0 11px rgba(148,45,254,.19),0 0 17px rgba(4,178,244,.1);
}
body[data-theme="neon"] .assistant .message-bubble {
  background:linear-gradient(150deg,#101f41,#0e1733) padding-box,
             linear-gradient(130deg,rgba(62,99,187,.68),rgba(82,56,197,.78)) border-box;
  border:1px solid transparent;
  box-shadow:0 7px 20px rgba(0,6,24,.42),inset 0 1px 0 rgba(150,170,255,.05);
}
body[data-theme="neon"] .assistant-icon {
  color:#ff65ee;
  background:radial-gradient(circle at 50% 40%,rgba(126,52,204,.43),#101a48);
  border:1px solid #b34dff;
  border-radius:9999px;
  box-shadow:0 0 0 1px rgba(41,197,255,.44),0 0 14px rgba(206,66,255,.56);
}
body[data-theme="neon"] .composer {
  border:1px solid rgba(31,179,238,.7);
  background:linear-gradient(110deg,rgba(12,34,67,.98),rgba(18,20,53,.95));
  box-shadow:0 0 0 1px rgba(72,97,207,.17),0 0 17px rgba(0,184,255,.20),0 13px 31px rgba(0,4,20,.5),inset 0 1px 0 rgba(82,170,245,.13);
}
body[data-theme="neon"] .submit-icon {
  background:linear-gradient(143deg,#20eafa,#1778ff 57%,#3d43f3);
  border:1px solid #80f4ff;
  box-shadow:0 0 0 1px rgba(41,101,249,.68),0 0 12px rgba(27,210,255,.75),0 0 21px rgba(46,87,255,.66),inset 0 1px 0 rgba(255,255,255,.55);
}
body[data-theme="neon"] .bottom-bar {
  border-color:rgba(63,113,203,.58);
  background:linear-gradient(140deg,rgba(15,34,71,.95),rgba(12,18,51,.96));
  box-shadow:0 14px 38px rgba(1,5,22,.72),0 0 22px rgba(12,126,250,.21),inset 0 1px 0 rgba(103,184,253,.25);
}
body[data-theme="neon"] .bottom-bar .bottom-tab.active .tab-icon,
body[data-theme="neon"] .bottom-bar .bottom-tab.active:hover .tab-icon {
  color:#eac9ff;
  border:1px solid rgba(181,69,255,.96);
  background:radial-gradient(circle at 50% 44%,#292061,#15194e 75%);
  box-shadow:0 0 0 1px rgba(39,141,253,.67),0 0 13px rgba(198,47,255,.94),0 0 26px rgba(32,123,255,.66),inset 0 0 11px rgba(168,41,254,.29);
}
body[data-theme="neon"] .bottom-tab:not(.active) .tab-icon {color:#00dbf4;}
body[data-theme="neon"] .setting-card {
  border-color:rgba(47,96,159,.65);
}
body[data-theme="neon"] .settings-content .theme-switch button[data-theme="neon"].selected {
  border-color:#a754ff;
  box-shadow:0 0 14px rgba(177,62,255,.36),0 0 9px rgba(15,206,255,.26);
}
@media(prefers-reduced-motion:reduce) {
  body[data-theme="neon"] * {text-shadow:none;}
}

/* V4 login + account setup + 2FA + recovery: appearance only. */
body[data-theme="neon"] .auth-screen {
  color:var(--ink);
  background:radial-gradient(ellipse 58% 35% at 96% 5%,#6324bd45,transparent 85%),radial-gradient(ellipse 62% 55% at 1% 97%,#0299ec29,transparent 85%),linear-gradient(145deg,#0b1734,#050a1e 80%);
}
body[data-theme="neon"] .auth-screen .login-brand .wordmark {color:#f4f7ff;}
body[data-theme="neon"] .login-panel,
body[data-theme="neon"] .auth-screen.needs-setup .auth-extra:not([hidden]) {
  color:#edf7ff;
  background:linear-gradient(150deg,#101e3cf5,#0c122bf9);
  border:1px solid #347ac2a6;
  box-shadow:0 0 0 1px #903afa29,0 0 25px #2587fa38,0 20px 48px #0008,inset 0 1px #a6cdff24;
}
body[data-theme="neon"] .login-panel h1,
body[data-theme="neon"] .auth-screen.needs-setup .auth-extra summary {color:#f3f9ff;}
body[data-theme="neon"] .login-subtitle,
body[data-theme="neon"] .login-form label,
body[data-theme="neon"] .login-note,
body[data-theme="neon"] .login-links,
body[data-theme="neon"] .auth-extra-form label,
body[data-theme="neon"] .auth-screen .auth-extra {color:#a4bbda;}
body[data-theme="neon"] .login-form input,
body[data-theme="neon"] .auth-extra-form input,
body[data-theme="neon"] .auth-screen .live-form input,
body[data-theme="neon"] .auth-screen .live-form select {
  color:#f0f8ff;
  background:#0d203d;
  border:1px solid #345b89;
  box-shadow:inset 0 1px 4px #0005;
  color-scheme:dark;
}
body[data-theme="neon"] .login-form input::placeholder,
body[data-theme="neon"] .auth-extra-form input::placeholder {color:#8ca1c2;}
body[data-theme="neon"] .login-form input:focus,
body[data-theme="neon"] .auth-extra-form input:focus,
body[data-theme="neon"] .auth-screen .live-form input:focus {
  border-color:#29e0fb;
  box-shadow:0 0 0 2px #17cbff30,0 0 15px #1ac5f83d;
  outline:0;
}
body[data-theme="neon"] .login-submit {
  background:linear-gradient(120deg,#12cfe8,#297afb 57%,#8843f4);
  border:1px solid #66eafd;
  color:#fff;
  box-shadow:0 0 17px #0dbaf84e,0 8px 19px #0007;
}
body[data-theme="neon"] .auth-extra summary,
body[data-theme="neon"] .login-links a,
body[data-theme="neon"] .auth-fallback-link,
body[data-theme="neon"] .password-wrap button,
body[data-theme="neon"] .auth-screen .auth-extra summary {color:#4de8ff;}
body[data-theme="neon"] .auth-screen .auth-message {color:#ffa5bf;}
body[data-theme="neon"] .auth-screen .auth-result {
  color:#edf7ff;
  background:#101f3c;
  border:1px solid #32699e;
}
body[data-theme="neon"] .auth-screen .auth-result button,
body[data-theme="neon"] .auth-extra-form button,
body[data-theme="neon"] .auth-screen .live-action {
  background:#122b52;
  color:#73eaff;
  border:1px solid #3a81ab;
  box-shadow:0 0 10px #00aeef23;
}
body[data-theme="neon"] .auth-screen .login-brand .brand-symbol {
  border-radius:9999px;
  color:#fff;
  border:1px solid #b565ff;
  background:linear-gradient(130deg,#123867,#271253);
  box-shadow:0 0 0 1px #18d9ff75,0 0 16px #00cbff77,0 0 24px #a939ff59;
}
body[data-theme="neon"] .live-form input,
body[data-theme="neon"] .live-form select,
body[data-theme="neon"] #recovery-device,
body[data-theme="neon"] #page-logs .log-toolbar select {
  background:#112441;
  color:#e8f6ff;
  border-color:#31567d;
  color-scheme:dark;
}
body[data-theme="neon"] .live-action,
body[data-theme="neon"] .live-form button,
body[data-theme="neon"] #page-logs .log-pagination button {
  color:#67e6ff;
  background:linear-gradient(135deg,#132c52,#1e1a4b);
  border-color:#347bac;
}
body[data-theme="neon"] #page-logs .log-table-scroll {background:#0c1e3a;border-color:#2c4e79;}
body[data-theme="neon"] #page-logs .log-table {color:#eaf6ff;}
body[data-theme="neon"] #page-logs .log-table th {color:#b4cdef;background:#142d51;border-color:#2b4a74;}
body[data-theme="neon"] #page-logs .log-table td {border-color:#28456b;}
body[data-theme="neon"] .two-factor-secret,
body[data-theme="neon"] .two-factor-backup-codes {color:#e2f3ff;background:#102442;border-color:#32709c;}
body[data-theme="neon"] .two-factor-settings a,
body[data-theme="neon"] .two-factor-settings h3 {color:#60eaff;}
body[data-theme="neon"] #page-chat .composer .submit-icon.is-stop {
  color:#fff;
  background:linear-gradient(140deg,#fa69a8,#a541e7);
  border-color:#ff8bdb;
  box-shadow:0 0 13px #ed46af82;
}
body[data-theme="neon"] .screen-state-label {
  color:#eaf8ff;
  background:#0a2244df;
  border:1px solid #2c7fa7;
}
body[data-theme="neon"] .screen-play-button {
  background:#0b2650cf;
  color:#77ebff;
  border:1px solid #32bfee;
  box-shadow:0 0 12px #19c8ff5e;
}
