/* ══════════════════════════════════════════════════════════════════════════
   NOVA GLASS v5 — targeted fixes: kill the blue focus outline, banish the dark
   area around the input, and keep the feedback bar tidy. Loaded after v4.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── 1. Remove the hard blue outline/ring around the type area (both themes) ── */
html[data-theme="glass"] .chat-input:focus,
html[data-theme="glass"] .chat-input:focus-visible,
html[data-theme="moon"] .chat-input:focus,
html[data-theme="moon"] .chat-input:focus-visible,
.chat-input:focus, .chat-input:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  animation-name: none !important;   /* drop the focus-ring keyframe, keep caret elsewhere */
}
/* the textarea itself should never carry the glassy focus-ring shadow */
html[data-theme="glass"] .chat-input { box-shadow: none !important; }
/* keep the caret colour (re-assert, since we cleared animations above) */
html[data-theme="glass"] .chat-input { caret-color: #6366f1 !important; }
html[data-theme="moon"] .chat-input { caret-color: #06b6d4 !important; }

/* ── 2. Banish the dark area around the input in Glass ── */
html[data-theme="glass"] #mainContent { background: transparent !important; }
html[data-theme="glass"] #mainContent > *:not(.topbar):not(.input-container),
html[data-theme="glass"] .main-content > *:not(.topbar):not(.input-container),
html[data-theme="glass"] .composer,
html[data-theme="glass"] .composer-inner,
html[data-theme="glass"] .composer-wrap,
html[data-theme="glass"] .input-wrap,
html[data-theme="glass"] .input-wrapper,
html[data-theme="glass"] .input-area,
html[data-theme="glass"] .input-footer,
html[data-theme="glass"] .input-bar,
html[data-theme="glass"] .input-bar-wrap,
html[data-theme="glass"] .bottom-bar,
html[data-theme="glass"] .chat-footer,
html[data-theme="glass"] .prompt-area,
html[data-theme="glass"] [class*="composer"],
html[data-theme="glass"] [class*="inputBar"] {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-top-color: transparent !important;
}
/* the disclaimer text below the input shouldn't sit on a dark strip */
html[data-theme="glass"] .input-disclaimer { background: transparent !important; color: var(--g-text-soft) !important; }

/* the input capsule itself: a clean liquid-glass pill with a soft rainbow edge */
html[data-theme="glass"] .input-container {
  background: rgba(255,255,255,0.5) !important;
  -webkit-backdrop-filter: blur(20px) saturate(170%); backdrop-filter: blur(20px) saturate(170%);
  border: 1px solid rgba(255,255,255,0.7) !important;
  box-shadow: 0 10px 34px rgba(70,110,200,0.18), inset 0 1px 0 rgba(255,255,255,0.75) !important;
}

/* ── 3. Keep the feedback (Helpful?) bar tidy; thumbs grouped, web pill after ── */
html .nova-feedback-bar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
html .nova-feedback-bar .nova-fb-label { order: 0; }
html .nova-feedback-bar .nova-fb-btn.up { order: 1; }
html .nova-feedback-bar .nova-fb-btn.down { order: 2; }
html .nova-feedback-bar .nova-fb-web { order: 3; margin-left: auto; }
/* web result + modal text stays readable in glass */
html[data-theme="glass"] .nova-web-modal { background: rgba(248,250,255,0.98) !important; border-color: rgba(99,102,241,0.3) !important; }
html[data-theme="glass"] .nova-web-modal-head { background: linear-gradient(120deg, rgba(6,182,212,0.18), rgba(168,85,247,0.16)) !important; border-bottom-color: rgba(99,102,241,0.18) !important; }
html[data-theme="glass"] .nova-web-modal-title { color: #16213e !important; }
html[data-theme="glass"] .nova-web-modal-body { color: #16213e !important; }
html[data-theme="glass"] .nova-web-modal-close { background: rgba(255,255,255,0.6) !important; border-color: rgba(99,102,241,0.2) !important; color: #16213e !important; }