/*! 泡泡AI 2.0 · 炫酷科技版
 *  只换配色。布局、滚动、层级全部跟经典蓝天 style.css 一样。
 *  禁止改 display/position/overflow/grid/backdrop-filter：那些会在 1～2 秒后把界面吃成只有背景。
 */
html[data-theme="neo"] {
  --ink: #eef2ff;
  --soft: #b4c0ff;
  --card: #241c48;
  --shadow: 0 14px 40px rgba(2, 0, 20, 0.45);
  --font: "PingFang SC", "Microsoft YaHei", sans-serif;
  --display: "PingFang SC", "Microsoft YaHei", sans-serif;
  --danger: #fb7185;
  color-scheme: dark;
}
html[data-theme="neo"],
html[data-theme="neo"] body {
  color: var(--ink);
  background: #070614;
  font-family: var(--font);
}
html[data-theme="neo"] body {
  background:
    radial-gradient(900px 600px at 12% -8%, rgba(139, 92, 246, 0.45), transparent 55%),
    radial-gradient(800px 520px at 100% 0%, rgba(37, 99, 235, 0.35), transparent 50%),
    linear-gradient(165deg, #1a0d32 0%, #070614 48%, #031018 100%);
}
html[data-theme="neo"] .bg {
  background:
    radial-gradient(circle at 16% 18%, rgba(196, 181, 253, 0.28) 0 8%, transparent 9%),
    radial-gradient(circle at 82% 72%, rgba(56, 189, 248, 0.18) 0 10%, transparent 11%);
}

html[data-theme="neo"] .auth-card,
html[data-theme="neo"] .sidebar,
html[data-theme="neo"] .top,
html[data-theme="neo"] .composer,
html[data-theme="neo"] dialog,
html[data-theme="neo"] .chats li,
html[data-theme="neo"] .welcome-chip,
html[data-theme="neo"] .glass-bubble,
html[data-theme="neo"] .quick-bubbles-wrap,
html[data-theme="neo"] .cloud-item,
html[data-theme="neo"] .mode-seg,
html[data-theme="neo"] .feature-sheet,
html[data-theme="neo"] .feature-head,
html[data-theme="neo"] .pay-box {
  background: #241c48;
  color: var(--ink);
  border-color: rgba(255, 255, 255, 0.18);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
html[data-theme="neo"] .layout,
html[data-theme="neo"] .main {
  background: #120e24;
}
html[data-theme="neo"] .auth-card .badge,
html[data-theme="neo"] .ver-chip,
html[data-theme="neo"] .tab.on,
html[data-theme="neo"] .mode-chip.on,
html[data-theme="neo"] .primary,
html[data-theme="neo"] .send-btn.primary,
html[data-theme="neo"] .browser-tab.on {
  background: linear-gradient(135deg, #8b5cf6, #2563eb);
  color: #fff;
  box-shadow: 0 8px 18px rgba(79, 70, 229, 0.35);
}
html[data-theme="neo"] .auth-card h1,
html[data-theme="neo"] .brand,
html[data-theme="neo"] .top-title strong,
html[data-theme="neo"] .welcome-empty h2 {
  color: #fff;
}
html[data-theme="neo"] .sub,
html[data-theme="neo"] .who,
html[data-theme="neo"] .mini,
html[data-theme="neo"] .hint,
html[data-theme="neo"] label,
html[data-theme="neo"] .top-title small,
html[data-theme="neo"] .welcome-kicker {
  color: var(--soft);
}
html[data-theme="neo"] .tab,
html[data-theme="neo"] .ghost,
html[data-theme="neo"] .mode-chip,
html[data-theme="neo"] .auth-lang-btn {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #dbe4ff !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
}
html[data-theme="neo"] input,
html[data-theme="neo"] textarea,
html[data-theme="neo"] select,
html[data-theme="neo"] .input-slot textarea,
html[data-theme="neo"] .sys textarea,
html[data-theme="neo"] .browser-bar input,
html[data-theme="neo"] .browser-ai-row input {
  background: rgba(8, 6, 22, 0.9);
  color: var(--ink);
  border: 1px solid rgba(255, 255, 255, 0.16);
}
html[data-theme="neo"] input::placeholder,
html[data-theme="neo"] textarea::placeholder {
  color: rgba(180, 192, 255, 0.45);
}
html[data-theme="neo"] .bubble.user {
  background: linear-gradient(135deg, #6d28d9, #2563eb);
  color: #fff;
}
html[data-theme="neo"] .bubble.assistant {
  background: #2a2154;
  color: var(--ink);
}
html[data-theme="neo"] .chats li.on {
  border-color: #8b5cf6;
}
html[data-theme="neo"] .mode-chip[data-mode="work"].on {
  background: linear-gradient(135deg, #10b981, #0d9488);
}
html[data-theme="neo"] .model-orb-menu {
  background: linear-gradient(160deg, rgba(28, 20, 55, .88), rgba(18, 14, 40, .92) 60%, rgba(36, 22, 70, .86));
  border-color: transparent;
  box-shadow:
    0 0 0 1px rgba(167, 139, 250, .4),
    0 0 0 2px rgba(56, 189, 248, .12),
    0 18px 48px rgba(2, 0, 20, .55),
    inset 0 1px 0 rgba(255,255,255,.08);
}
html[data-theme="neo"] .model-orb-menu::before {
  background: linear-gradient(135deg, rgba(167,139,250,.75), rgba(56,189,248,.5), rgba(244,114,182,.55), rgba(139,92,246,.7));
}
html[data-theme="neo"] .model-orb-item:hover {
  background: rgba(139, 92, 246, .18);
  border-color: rgba(167, 139, 250, .28);
}
html[data-theme="neo"] .model-orb-item.on {
  background: linear-gradient(135deg, rgba(139,92,246,.32), rgba(37,99,235,.22));
  border-color: rgba(167, 139, 250, .48);
  animation: orbItemIn .4s cubic-bezier(.22,1.15,.36,1) both, orbItemOnPulseNeo 2.6s ease-in-out infinite;
}
@keyframes orbItemOnPulseNeo {
  0%, 100% { box-shadow: 0 0 0 1px rgba(167,139,250,.35), 0 0 0 rgba(139,92,246,0); }
  50% { box-shadow: 0 0 0 1px rgba(167,139,250,.55), 0 0 20px rgba(139,92,246,.35); }
}
html[data-theme="neo"] .model-orb-tag {
  background: linear-gradient(135deg, rgba(14, 165, 233, .22), rgba(139, 92, 246, .2));
  color: #7dd3fc;
  border-color: rgba(125, 211, 252, .25);
}
html[data-theme="neo"] .model-orb-item[data-key="pro"] .model-orb-tag {
  background: linear-gradient(135deg, rgba(16, 185, 129, .24), rgba(56, 189, 248, .16));
  color: #6ee7b7;
  border-color: rgba(110, 231, 183, .28);
}
html[data-theme="neo"] .model-orb-item[data-key="ultra"] .model-orb-tag {
  background: linear-gradient(135deg, rgba(245, 158, 11, .24), rgba(244, 114, 182, .18));
  color: #fcd34d;
  border-color: rgba(252, 211, 77, .28);
}
html[data-theme="neo"] .model-orb-wrap::before {
  background: radial-gradient(circle, rgba(139,92,246,.5), rgba(56,189,248,.2) 55%, transparent 72%);
}
html[data-theme="neo"] .speaker-btn.on,
html[data-theme="neo"] .icon-round.on {
  background: linear-gradient(135deg, #8b5cf6, #2563eb) !important;
  color: #fff !important;
}
html[data-theme="neo"] .download-link { color: #c4b5fd; }
html[data-theme="neo"] .download-link:hover { color: #fff; }
html[data-theme="neo"] .tool-card { background: #2a2154; border-color: rgba(255,255,255,.14); }
html[data-theme="neo"] .tool-card .name { color: #c4b5fd; }
html[data-theme="neo"] .popo-think-label { color: #c4b5fd; }
html[data-theme="neo"] .bubble .thinking { color: #a5b4fc !important; }
html[data-theme="neo"] .bubble.assistant .answer { color: #ffffff !important; }
html[data-theme="neo"] .side-mask { background: rgba(4, 2, 16, 0.5); }
html[data-theme="neo"] dialog::backdrop { background: rgba(4, 2, 16, 0.62); }
html[data-theme="neo"] .browser-view { background: #0b1020; border-color: rgba(196, 181, 253, 0.28); }
html[data-theme="neo"] .browser-empty { color: #e0e7ff; }
html[data-theme="neo"] .browser-tab {
  background: rgba(255, 255, 255, 0.07);
  color: var(--soft);
}
html[data-theme="neo"] .plus-pre {
  background: rgba(16, 18, 48, 0.55) !important;
  color: #e0e7ff !important;
  border-color: rgba(196, 181, 253, 0.28) !important;
}
html[data-theme="neo"] .plus-key-box {
  background: rgba(113, 63, 18, 0.45) !important;
  color: #fde68a !important;
}
html[data-theme="neo"] .write-steps,
html[data-theme="neo"] #writeOemGuide {
  background: rgba(139, 92, 246, 0.14) !important;
  color: var(--ink);
}
html[data-theme="neo"] .popo-about-dlg {
  background: #241c48 !important;
  color: var(--ink) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}
html[data-theme="neo"] .popo-about-box p,
html[data-theme="neo"] .popo-about-box .shell-line { color: var(--soft) !important; }
html[data-theme="neo"] .popo-about-box .sec { color: #e0e7ff !important; }
html[data-theme="neo"] .popo-about-box .brand {
  background: linear-gradient(135deg, #8b5cf6, #2563eb) !important;
}
html[data-theme="neo"] .popo-about-box .voices button,
html[data-theme="neo"] .theme-picks button {
  background: rgba(255, 255, 255, 0.07) !important;
  color: #dbe4ff !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
}
html[data-theme="neo"] .popo-about-box .voices button.on,
html[data-theme="neo"] .theme-picks button.on {
  background: linear-gradient(135deg, #8b5cf6, #2563eb) !important;
  color: #fff !important;
}
html[data-theme="neo"] .popo-about-box .ok,
html[data-theme="neo"] .popo-about-box .upd-btn {
  background: linear-gradient(135deg, #8b5cf6, #2563eb) !important;
  color: #fff !important;
}
html[data-theme="neo"] .theme-picks { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; }
html[data-theme="neo"] .theme-swatch {
  display: block; height: 28px; border-radius: 8px; margin-bottom: 8px;
}
html[data-theme="neo"].is-standalone body { background: #070614; }

html[data-theme="neo"] .send-queue-pill {
  background: rgba(18, 14, 36, 0.92);
  color: #eef2ff;
  border-color: rgba(196, 181, 253, 0.28);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
}
html[data-theme="neo"] .send-queue-dot {
  background: #a78bfa;
  box-shadow: 0 0 0 0 rgba(167, 139, 250, 0.5);
  animation-name: sendQueuePulseNeo;
}
@keyframes sendQueuePulseNeo {
  0% { box-shadow: 0 0 0 0 rgba(167, 139, 250, 0.5); }
  70% { box-shadow: 0 0 0 8px rgba(167, 139, 250, 0); }
  100% { box-shadow: 0 0 0 0 rgba(167, 139, 250, 0); }
}
html[data-theme="neo"] .send-queue-panel {
  background: rgba(18, 14, 36, 0.96);
  border-color: rgba(196, 181, 253, 0.28);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.32);
}
html[data-theme="neo"] .send-queue-head { color: #b4c0ff; }
html[data-theme="neo"] .send-queue-item {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
  color: #eef2ff;
}
html[data-theme="neo"] .send-queue-moves button {
  background: rgba(255, 255, 255, 0.1);
  color: #c4b5fd;
}
html[data-theme="neo"] .send-queue-del { color: #fb7185; }

/* attach plus: black bg + white plus (neo only) */
html[data-theme="neo"] #attachBtn.icon-round {
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid #000000 !important;
  font-weight: 900 !important;
  font-size: 1.35rem !important;
  line-height: 1 !important;
  text-shadow: none !important;
}
html[data-theme="neo"] #attachBtn.icon-round:hover,
html[data-theme="neo"] #attachBtn.icon-round:focus-visible {
  background: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
}
html[data-theme="neo"] #attachBtn.icon-round:active {
  background: #222222 !important;
  color: #ffffff !important;
}

/* uploaded file chip: black bg, blue edge, white name */
html[data-theme="neo"] .attach-chip,
.attach-chip {
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid #3b82f6 !important;
}
html[data-theme="neo"] .attach-chip span,
.attach-chip span {
  color: #ffffff !important;
}
html[data-theme="neo"] .attach-chip button,
.attach-chip button {
  color: #93c5fd !important;
}

/* sliding top bar: black bg + white text (neo) */
html[data-theme="neo"] .top,
html[data-theme="neo"] .main.top-revealed .top,
html[data-theme="neo"].top-autohide .top,
html[data-theme="neo"].top-autohide.top-revealed .top,
html[data-theme="neo"].top-autohide .main.top-revealed .top {
  background: #000000 !important;
  color: #ffffff !important;
  border-color: #222222 !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.55) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html[data-theme="neo"] .top-title strong { color: #ffffff !important; }
html[data-theme="neo"] .top-title small { color: #e5e5e5 !important; }
html[data-theme="neo"] .top .ghost,
html[data-theme="neo"] .top .tab,
html[data-theme="neo"] .top .icon-btn,
html[data-theme="neo"] .top .mode-chip,
html[data-theme="neo"] .top-controls .ghost,
html[data-theme="neo"] .top-controls button,
html[data-theme="neo"] .top-controls .tab {
  background: #1a1a1a !important;
  color: #ffffff !important;
  border: 1px solid #333333 !important;
}
html[data-theme="neo"] .top .model,
html[data-theme="neo"] .top select,
html[data-theme="neo"] .top #modeSelect {
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid #333333 !important;
}
html[data-theme="neo"] .top .model option,
html[data-theme="neo"] .top select option {
  background: #111111;
  color: #ffffff;
}

/* === neo dual-island + bubbles (20260914c) — neo ONLY === */
html[data-theme="neo"] .layout {
  gap: 14px;
  padding: 12px;
  max-width: min(1320px, 100%);
  box-sizing: border-box;
  background: transparent;
}
html[data-theme="neo"] .sidebar {
  background: transparent !important;
  border: none !important;
  border-right: none !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 !important;
  gap: 0 !important;
  overflow: visible !important;
}
html[data-theme="neo"] .side-island {
  display: flex !important;
  flex-direction: column;
  gap: 8px;
  height: 100%;
  min-height: 0;
  padding: 14px 12px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.10);
  backdrop-filter: blur(20px) saturate(1.25);
  -webkit-backdrop-filter: blur(20px) saturate(1.25);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.22);
  overflow: hidden;
  transition: box-shadow 0.35s ease, transform 0.35s ease, background 0.35s ease;
}
html[data-theme="neo"] .side-island:hover {
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.28);
  background: rgba(255, 255, 255, 0.12);
}
html[data-theme="neo"] .side-top { display: flex; flex-direction: column; gap: 8px; }
html[data-theme="neo"] .side-new {
  width: 100%;
  border-radius: 14px !important;
  background: rgba(56, 189, 248, 0.45) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  transition: transform 0.2s ease, background 0.2s ease;
}
html[data-theme="neo"] .side-new:hover { transform: translateY(-1px); background: rgba(56, 189, 248, 0.58) !important; }
html[data-theme="neo"] .side-actions-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 6px !important;
  flex-direction: unset !important;
}
html[data-theme="neo"] .side-actions-row .side-extra { margin-top: 0 !important; }
html[data-theme="neo"] .side-chip {
  width: 100% !important;
  min-width: 0;
  padding: 8px 4px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  border-radius: 12px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #f5f5f5 !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}
html[data-theme="neo"] .side-chip:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}
html[data-theme="neo"] .side-upgrade,
html[data-theme="neo"] .side-foot-half,
html[data-theme="neo"] .side-foot #logoutBtn {
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.07) !important;
  color: #f5f5f5 !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  transition: transform 0.2s ease, background 0.2s ease;
}
html[data-theme="neo"] .side-upgrade:hover,
html[data-theme="neo"] .side-foot-half:hover,
html[data-theme="neo"] .side-foot #logoutBtn:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.12) !important;
}
html[data-theme="neo"] .side-foot {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: auto;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
html[data-theme="neo"] .side-foot-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  flex-direction: unset !important;
}

/* right chat island */
html[data-theme="neo"] .main {
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(20px) saturate(1.2);
  -webkit-backdrop-filter: blur(20px) saturate(1.2);
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.22);
  overflow: hidden;
  transition: box-shadow 0.35s ease, background 0.35s ease;
}
html[data-theme="neo"] .main:hover {
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.28);
  background: rgba(255, 255, 255, 0.10) !important;
}

/* kill outer black square frame around left rail */
html[data-theme="neo"] .sidebar,
html[data-theme="neo"] .sidebar.open {
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* slow floating bubbles (only neo) */
html[data-theme="neo"] .bg {
  background:
    radial-gradient(ellipse 80% 60% at 20% 10%, rgba(56, 189, 248, 0.18), transparent 55%),
    radial-gradient(ellipse 70% 50% at 85% 80%, rgba(167, 139, 250, 0.16), transparent 50%),
    radial-gradient(ellipse 50% 40% at 50% 50%, rgba(255, 255, 255, 0.04), transparent 60%) !important;
  overflow: hidden;
}
html[data-theme="neo"] .bg-bubbles {
  display: block;
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
html:not([data-theme="neo"]) .bg-bubbles { display: none !important; }
html[data-theme="neo"] .bg-bubbles span {
  position: absolute;
  bottom: -18%;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.62), rgba(125,211,252,0.28) 42%, rgba(56,189,248,0.12) 68%, transparent 78%);
  box-shadow: inset 0 0 18px rgba(255,255,255,0.3), 0 0 24px rgba(56,189,248,0.12);
  animation: neoBubbleDrift linear infinite;
  opacity: 0.6;
  will-change: transform;
  filter: blur(0.2px);
}
html[data-theme="neo"] .bg-bubbles span:nth-child(1) { left: 4%; width: 72px; height: 72px; animation-duration: 32s; animation-delay: 0s; opacity: 0.5; }
html[data-theme="neo"] .bg-bubbles span:nth-child(2) { left: 14%; width: 110px; height: 110px; animation-duration: 40s; animation-delay: -5s; opacity: 0.38; }
html[data-theme="neo"] .bg-bubbles span:nth-child(3) { left: 26%; width: 64px; height: 64px; animation-duration: 28s; animation-delay: -11s; opacity: 0.55; }
html[data-theme="neo"] .bg-bubbles span:nth-child(4) { left: 38%; width: 140px; height: 140px; animation-duration: 48s; animation-delay: -3s; opacity: 0.32; }
html[data-theme="neo"] .bg-bubbles span:nth-child(5) { left: 50%; width: 88px; height: 88px; animation-duration: 35s; animation-delay: -16s; opacity: 0.48; }
html[data-theme="neo"] .bg-bubbles span:nth-child(6) { left: 62%; width: 120px; height: 120px; animation-duration: 44s; animation-delay: -8s; opacity: 0.36; }
html[data-theme="neo"] .bg-bubbles span:nth-child(7) { left: 72%; width: 76px; height: 76px; animation-duration: 30s; animation-delay: -20s; opacity: 0.52; }
html[data-theme="neo"] .bg-bubbles span:nth-child(8) { left: 82%; width: 128px; height: 128px; animation-duration: 46s; animation-delay: -12s; opacity: 0.34; }
html[data-theme="neo"] .bg-bubbles span:nth-child(9) { left: 8%; width: 96px; height: 96px; animation-duration: 38s; animation-delay: -22s; opacity: 0.42; }
html[data-theme="neo"] .bg-bubbles span:nth-child(10) { left: 44%; width: 68px; height: 68px; animation-duration: 26s; animation-delay: -7s; opacity: 0.5; }
html[data-theme="neo"] .bg-bubbles span:nth-child(11) { left: 68%; width: 150px; height: 150px; animation-duration: 52s; animation-delay: -14s; opacity: 0.28; }
html[data-theme="neo"] .bg-bubbles span:nth-child(12) { left: 92%; width: 84px; height: 84px; animation-duration: 34s; animation-delay: -19s; opacity: 0.46; }
@keyframes neoBubbleDrift {
  0%   { transform: translate3d(0, 0, 0) scale(1); }
  25%  { transform: translate3d(18px, -28vh, 0) scale(1.05); }
  50%  { transform: translate3d(-12px, -55vh, 0) scale(0.95); }
  75%  { transform: translate3d(22px, -78vh, 0) scale(1.08); }
  100% { transform: translate3d(0, -110vh, 0) scale(1); }
}

@media (max-width: 860px) {
  html[data-theme="neo"] .layout { padding: 0; gap: 0; }
  html[data-theme="neo"] .main { border-radius: 0 !important; }
  html[data-theme="neo"] .sidebar {
    padding: 10px !important;
  }
  html[data-theme="neo"] .side-island { height: calc(100% - 0px); }
}

/* GROK_MENU_INLINE_V48 — hamburger sits beside chat title */
.top-title {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  min-width: 0;
}
.top-title strong { display: inline-block; }
#menuBtn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  padding: 4px 8px;
  font-size: 15px;
  line-height: 1;
  margin: 0;
  flex-shrink: 0;
}

/* GROK_SIDEBAR_OPEN_V50 — neo mobile drawer keeps transparent island over main */
@media (max-width: 860px) {
  html[data-theme="neo"] .sidebar {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
  }
  html[data-theme="neo"] .sidebar.open .side-island {
    height: calc(100% - 24px);
    margin: 12px;
    width: calc(100% - 24px);
  }
  html[data-theme="neo"] .side-open-fab {
    background: rgba(255,255,255,0.14);
    border-color: rgba(255,255,255,0.28);
  }
}

/* GROK_DUAL_MENU_V51 */
html[data-theme="neo"] .side-open-fab { display: none !important; }
@media (max-width: 860px) {
  html[data-theme="neo"] .sidebar {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
  }
  html[data-theme="neo"] .sidebar.open .side-island {
    height: calc(100% - 24px);
    margin: 12px;
    width: calc(100% - 24px);
  }
}

html[data-theme="neo"] .assist-scrim { background: rgba(4, 2, 16, 0.42); }
html[data-theme="neo"] .assist-island {
  background: rgba(255, 255, 255, 0.10);
  backdrop-filter: blur(22px) saturate(1.25);
  -webkit-backdrop-filter: blur(22px) saturate(1.25);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.32);
}
html[data-theme="neo"] .assist-head {
  border-bottom-color: rgba(255, 255, 255, 0.12);
}
html[data-theme="neo"] .assist-tab {
  background: rgba(255, 255, 255, 0.08);
  color: #dbe4ff;
  border-color: rgba(255, 255, 255, 0.14);
}
html[data-theme="neo"] .assist-tab.on {
  background: linear-gradient(135deg, #8b5cf6, #2563eb);
  color: #fff;
  border-color: transparent;
}
html[data-theme="neo"] .assist-ico {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #eef2ff !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
}
html[data-theme="neo"] .assist-office-empty { color: #b4c0ff; }
html[data-theme="neo"] .assist-office-hint { color: #c4b5fd; }
html[data-theme="neo"] .assist-office-files {
  background: rgba(10, 12, 36, 0.52);
  border: 1px solid rgba(196, 181, 253, 0.42);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(18px) saturate(1.35);
  -webkit-backdrop-filter: blur(18px) saturate(1.35);
}
html[data-theme="neo"] .assist-office-file {
  background: rgba(16, 18, 48, 0.72);
  color: #dbe4ff;
  border-color: rgba(167, 139, 250, 0.28);
}
html[data-theme="neo"] .assist-office-file.on {
  background: rgba(37, 99, 235, 0.35);
  color: #eef2ff;
  border-color: rgba(139, 92, 246, 0.7);
}
html[data-theme="neo"] .assist-office-stage {
  background: rgba(8, 10, 28, 0.42);
  border: 1px solid rgba(167, 139, 250, 0.46);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(18px) saturate(1.25);
  -webkit-backdrop-filter: blur(18px) saturate(1.25);
}
html[data-theme="neo"] #assistOfficeFrame {
  background: transparent;
  border-radius: 18px;
}


/* GROK_MOBILE_POLISH_20261015a — readability + micro-motion (colors/shadows/transforms only) */
html[data-theme="neo"] .sub,
html[data-theme="neo"] .who,
html[data-theme="neo"] .mini,
html[data-theme="neo"] .hint,
html[data-theme="neo"] label,
html[data-theme="neo"] .top-title small,
html[data-theme="neo"] .welcome-kicker,
html[data-theme="neo"] .assist-office-empty,
html[data-theme="neo"] .assist-office-hint {
  color: #c7d2fe;
}
html[data-theme="neo"] .chats li,
html[data-theme="neo"] .welcome-chip,
html[data-theme="neo"] .mode-chip,
html[data-theme="neo"] .apps-chip,
html[data-theme="neo"] .ghost,
html[data-theme="neo"] .tab,
html[data-theme="neo"] .assist-tab {
  transition: transform 0.16s ease, opacity 0.16s ease, box-shadow 0.16s ease;
}
html[data-theme="neo"] .chats li:hover,
html[data-theme="neo"] .welcome-chip:hover,
html[data-theme="neo"] .mode-chip:hover,
html[data-theme="neo"] .apps-chip:hover {
  transform: translateY(-1px);
  opacity: 0.96;
}
html[data-theme="neo"] .chats li:active,
html[data-theme="neo"] .welcome-chip:active,
html[data-theme="neo"] .mode-chip:active,
html[data-theme="neo"] .apps-chip:active,
html[data-theme="neo"] .ghost:active,
html[data-theme="neo"] .tab:active {
  transform: scale(0.98);
  opacity: 0.9;
}
html[data-theme="neo"] .bubble.assistant,
html[data-theme="neo"] .chats li,
html[data-theme="neo"] .welcome-chip,
html[data-theme="neo"] .feature-sheet {
  box-shadow: 0 10px 28px rgba(2, 0, 20, 0.38);
}
html[data-theme="neo"] .composer,
html[data-theme="neo"] .top {
  border-color: rgba(255, 255, 255, 0.2);
}