/*
 * Zeq OS — Universal Brand Theme Override
 * Injected on every page via nginx sub_filter
 *
 * Design System (App Store reference):
 *   bg:       #010206 / #0a0a0f
 *   surface:  #020617
 *   card:     rgba(15,23,42,0.4) + blur(16px)
 *   cyan:     #22d3ee / #06b6d4
 *   purple:   #8b5cf6 / #6d28d9
 *   green:    #22c55e / #10b981
 *   red:      #ef4444
 *   amber:    #f59e0b
 *   pink:     #ec4899
 *   text:     #ffffff / rgba(255,255,255,0.6)
 *   border:   rgba(255,255,255,0.08)
 *   font:     Inter + Orbitron
 *   pulse:    0.777s (1 Zeqond)
 */

/* ── Font imports ─────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Orbitron:wght@400;500;600;700;800;900&display=swap');

/* ═══════════════════════════════════════════════════
   GITEA — Full Cosmic Dark Override
   Scoped to [data-theme^="gitea"] so it only applies on Gitea pages
   ═══════════════════════════════════════════════════ */

/* Core Gitea theme variables — scoped */
[data-theme^="gitea"] {
  --color-primary: #22d3ee !important;
  --color-primary-light-1: #40daef !important;
  --color-primary-light-2: rgba(34,211,238,0.15) !important;
  --color-primary-dark-1: #06b6d4 !important;
  --color-secondary: #8b5cf6 !important;
  --color-body: #010206 !important;
  --color-box-body: #0a0a0f !important;
  --color-box-header: rgba(10,10,15,0.9) !important;
  --color-nav-bg: rgba(10,10,15,0.9) !important;
  --color-nav-hover-bg: rgba(34,211,238,0.1) !important;
  --color-text: #fff !important;
  --color-text-light: rgba(255,255,255,0.6) !important;
  --color-text-light-2: rgba(255,255,255,0.4) !important;
  --color-input-background: rgba(15,23,42,0.4) !important;
  --color-input-border: rgba(255,255,255,0.08) !important;
  --color-input-text: #fff !important;
  --color-header-wrapper: rgba(10,10,15,0.9) !important;
  --color-menu: rgba(10,10,15,0.95) !important;
  --color-card: rgba(15,23,42,0.4) !important;
  --color-editor-line-highlight: rgba(34,211,238,0.05) !important;
  --color-shadow: rgba(0,0,0,0.5) !important;
  --color-secondary-nav-bg: rgba(15,23,42,0.3) !important;
  --color-border: rgba(255,255,255,0.08) !important;
  --color-light: rgba(15,23,42,0.4) !important;
  --color-light-border: rgba(255,255,255,0.06) !important;
  --color-hover: rgba(34,211,238,0.08) !important;
  --color-active: rgba(34,211,238,0.15) !important;
  --color-error-border: rgba(239,68,68,0.3) !important;
  --color-success-border: rgba(34,211,238,0.3) !important;
  --color-warning-border: rgba(245,158,11,0.3) !important;
  --color-info-border: rgba(139,92,246,0.3) !important;
}

/* Body & global — Gitea only */
[data-theme^="gitea"] body {
  background: #010206 !important;
  color: #fff !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}
/* body::before overlay removed — was covering entire Gitea UI */

/* Navbar — Gitea only */
[data-theme^="gitea"] .gitea-navbar,
[data-theme^="gitea"] #navbar,
[data-theme^="gitea"] nav.navbar {
  background: rgba(10,10,15,0.9) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  position: relative; z-index: 10;
}
[data-theme^="gitea"] .gitea-navbar .item,
[data-theme^="gitea"] nav.navbar .item {
  color: rgba(255,255,255,0.6) !important;
}
[data-theme^="gitea"] .gitea-navbar .item:hover,
[data-theme^="gitea"] nav.navbar .item:hover {
  color: #22d3ee !important;
  background: rgba(34,211,238,0.08) !important;
}
[data-theme^="gitea"] .gitea-navbar .active.item,
[data-theme^="gitea"] nav.navbar .active.item {
  color: #22d3ee !important;
}

/* All links — Gitea only */
[data-theme^="gitea"] a { color: #22d3ee !important; }
[data-theme^="gitea"] a:hover { color: #8b5cf6 !important; }

/* Repository header — Gitea only */
[data-theme^="gitea"] .repository .header-wrapper,
[data-theme^="gitea"] .repo-header {
  background: rgba(10,10,15,0.9) !important;
  backdrop-filter: blur(16px) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
[data-theme^="gitea"] .repository .header-wrapper .repo-title,
[data-theme^="gitea"] .repo-header .repo-title {
  font-family: 'Orbitron', sans-serif !important;
}

/* Tabs — Gitea only */
[data-theme^="gitea"] .ui.secondary.pointing.menu .item,
[data-theme^="gitea"] .repo-tab .item {
  color: rgba(255,255,255,0.5) !important;
  border-bottom: 2px solid transparent !important;
}
[data-theme^="gitea"] .ui.secondary.pointing.menu .active.item,
[data-theme^="gitea"] .repo-tab .active.item {
  color: #22d3ee !important;
  border-color: #22d3ee !important;
  background: transparent !important;
}

/* Segments / Cards — Gitea only */
[data-theme^="gitea"] .ui.segment,
[data-theme^="gitea"] .ui.segments .segment,
[data-theme^="gitea"] .ui.attached.segment,
[data-theme^="gitea"] .box-body {
  background: rgba(15,23,42,0.4) !important;
  backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 10px !important;
  color: #fff !important;
  position: relative; z-index: 1;
}
[data-theme^="gitea"] .ui.segments {
  border: none !important;
  box-shadow: none !important;
}

/* File table — Gitea only */
[data-theme^="gitea"] .repository #repo-files-table {
  background: rgba(15,23,42,0.3) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}
[data-theme^="gitea"] .repository #repo-files-table .repo-file-cell,
[data-theme^="gitea"] .repository #repo-files-table td {
  border-bottom: 1px solid rgba(255,255,255,0.04) !important;
  color: rgba(255,255,255,0.8) !important;
}
[data-theme^="gitea"] .repository #repo-files-table tr:hover {
  background: rgba(34,211,238,0.05) !important;
}
[data-theme^="gitea"] .repository #repo-files-table .name a {
  color: #22d3ee !important;
}

/* Buttons — Gitea only */
[data-theme^="gitea"] .ui.button,
[data-theme^="gitea"] .ui.basic.button {
  background: rgba(15,23,42,0.5) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 8px !important;
  backdrop-filter: blur(8px) !important;
  transition: all 0.2s !important;
}
[data-theme^="gitea"] .ui.button:hover,
[data-theme^="gitea"] .ui.basic.button:hover {
  border-color: rgba(34,211,238,0.3) !important;
  background: rgba(34,211,238,0.1) !important;
}
[data-theme^="gitea"] .ui.primary.button,
[data-theme^="gitea"] .ui.primary.buttons .button {
  background: linear-gradient(135deg, #22d3ee, #06b6d4) !important;
  color: #010206 !important;
  border: none !important;
  font-weight: 600 !important;
}
[data-theme^="gitea"] .ui.primary.button:hover {
  box-shadow: 0 4px 16px rgba(34,211,238,0.3) !important;
  transform: translateY(-1px) !important;
}
[data-theme^="gitea"] .ui.green.button {
  background: linear-gradient(135deg, #22c55e, #16a34a) !important;
  color: #fff !important;
  border: none !important;
}
[data-theme^="gitea"] .ui.red.button {
  background: linear-gradient(135deg, #ef4444, #dc2626) !important;
  color: #fff !important;
  border: none !important;
}

/* Labels / Tags — Gitea only */
[data-theme^="gitea"] .ui.label {
  background: rgba(139,92,246,0.15) !important;
  color: #8b5cf6 !important;
  border: 1px solid rgba(139,92,246,0.3) !important;
  border-radius: 6px !important;
}

/* Issue / PR list — Gitea only */
[data-theme^="gitea"] #issue-list .flex-item,
[data-theme^="gitea"] .issue-list .flex-item {
  border-bottom: 1px solid rgba(255,255,255,0.04) !important;
  padding: 1rem !important;
}
[data-theme^="gitea"] .issue-list .flex-item:hover {
  background: rgba(34,211,238,0.03) !important;
}
[data-theme^="gitea"] .issue-list .flex-item .flex-item-title a {
  color: #fff !important;
  font-weight: 600 !important;
}
[data-theme^="gitea"] .issue-list .flex-item .flex-item-title a:hover {
  color: #22d3ee !important;
}

/* Input fields — Gitea only */
[data-theme^="gitea"] input,
[data-theme^="gitea"] textarea,
[data-theme^="gitea"] select,
[data-theme^="gitea"] .ui.input input {
  background: rgba(15,23,42,0.4) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 8px !important;
}
[data-theme^="gitea"] input:focus,
[data-theme^="gitea"] textarea:focus,
[data-theme^="gitea"] select:focus {
  border-color: rgba(34,211,238,0.4) !important;
  box-shadow: 0 0 0 3px rgba(34,211,238,0.1) !important;
}

/* Dropdown menus — Gitea only */
[data-theme^="gitea"] .ui.dropdown .menu {
  background: rgba(10,10,15,0.95) !important;
  backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 10px !important;
}
[data-theme^="gitea"] .ui.dropdown .menu .item {
  color: rgba(255,255,255,0.7) !important;
  border-bottom: 1px solid rgba(255,255,255,0.04) !important;
}
[data-theme^="gitea"] .ui.dropdown .menu .item:hover {
  background: rgba(34,211,238,0.08) !important;
  color: #22d3ee !important;
}

/* Code blocks / Markdown — Gitea only */
[data-theme^="gitea"] .markdown-rendered,
[data-theme^="gitea"] .markup {
  color: rgba(255,255,255,0.85) !important;
}
[data-theme^="gitea"] .markdown-rendered h1,
[data-theme^="gitea"] .markdown-rendered h2,
[data-theme^="gitea"] .markdown-rendered h3,
[data-theme^="gitea"] .markup h1,
[data-theme^="gitea"] .markup h2,
[data-theme^="gitea"] .markup h3 {
  color: #fff !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}
[data-theme^="gitea"] .markdown-rendered code,
[data-theme^="gitea"] .markup code {
  background: rgba(15,23,42,0.5) !important;
  color: #22d3ee !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 4px !important;
}
[data-theme^="gitea"] .markdown-rendered pre,
[data-theme^="gitea"] .markup pre {
  background: rgba(10,10,15,0.8) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 8px !important;
}

/* Empty states — Gitea only */
[data-theme^="gitea"] .empty-placeholder {
  color: rgba(255,255,255,0.3) !important;
}

/* Toast / notifications — Gitea only */
[data-theme^="gitea"] .ui.message {
  background: rgba(15,23,42,0.5) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  color: #fff !important;
  border-radius: 10px !important;
}
[data-theme^="gitea"] .ui.success.message {
  border-color: rgba(34,211,238,0.3) !important;
  background: rgba(34,211,238,0.08) !important;
}
[data-theme^="gitea"] .ui.error.message {
  border-color: rgba(239,68,68,0.3) !important;
  background: rgba(239,68,68,0.08) !important;
}

/* Footer — Gitea only */
[data-theme^="gitea"] .page-footer,
[data-theme^="gitea"] footer {
  background: rgba(10,10,15,0.8) !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.3) !important;
}

/* Diff viewer — Gitea only */
[data-theme^="gitea"] .diff-file-box {
  background: rgba(15,23,42,0.3) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 10px !important;
}
[data-theme^="gitea"] .diff-file-header {
  background: rgba(10,10,15,0.7) !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}

/* Activity — Gitea only */
[data-theme^="gitea"] .activity .news .timelineItem {
  border-left: 2px solid rgba(34,211,238,0.2) !important;
}

/* User / Repo cards — Gitea only */
[data-theme^="gitea"] .user-cards .card,
[data-theme^="gitea"] .repo-card {
  background: rgba(15,23,42,0.4) !important;
  backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 10px !important;
}
[data-theme^="gitea"] .user-cards .card:hover,
[data-theme^="gitea"] .repo-card:hover {
  border-color: rgba(34,211,238,0.2) !important;
  transform: translateY(-2px) !important;
}

/* ═══════════════════════════════════════════════════
   ZEQ MI — Brand overrides
   Scoped to .zeq-dark so it won't affect LibreChat's Tailwind
   ═══════════════════════════════════════════════════ */
[data-theme="zeq-dark"] .bg-gray-800,
.zeq-dark .bg-gray-800 {
  background-color: #0a0a0f !important;
}

[data-theme="zeq-dark"] .bg-gray-900,
.zeq-dark .bg-gray-900 {
  background-color: #010206 !important;
}

.zeq-dark nav:not(.zn-bar),
[data-theme="zeq-dark"] nav:not(.zn-bar) {
  background: rgba(10, 10, 15, 0.9) !important;
  backdrop-filter: blur(16px) !important;
  border-right: 1px solid rgba(255,255,255,0.08) !important;
}

.zeq-dark .bg-green-500,
.zeq-dark [class*="bg-green"] {
  background-color: #06b6d4 !important;
}

/* ═══════════════════════════════════════════════════
   DISCOURSE — Brand overrides
   Targets Discourse Ember app via #main-outlet and .d-header
   ═══════════════════════════════════════════════════ */

/* CSS custom properties — use Discourse-specific selectors */
html.desktop-view,
html.mobile-view {
  --primary: #ffffff !important;
  --primary-medium: rgba(255,255,255,0.6) !important;
  --primary-low-mid: rgba(255,255,255,0.45) !important;
  --primary-low: rgba(255,255,255,0.12) !important;
  --primary-very-low: rgba(255,255,255,0.06) !important;
  --secondary: #010206 !important;
  --secondary-very-high: #0a0a0f !important;
  --tertiary: #22d3ee !important;
  --tertiary-low: rgba(34,211,238,0.12) !important;
  --quaternary: #8b5cf6 !important;
  --highlight: #06b6d4 !important;
  --highlight-low: rgba(6,182,212,0.12) !important;
  --danger: #ef4444 !important;
  --success: #22c55e !important;
  --love: #ec4899 !important;
  --header_background: rgba(10,10,15,0.9) !important;
  --header_primary: #ffffff !important;
}

/* Body background */
html.desktop-view body,
html.mobile-view body {
  background: #010206 !important;
  color: #fff !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Main content text */
#main-outlet {
  color: #fff !important;
}
#main-outlet a {
  color: #22d3ee !important;
}
#main-outlet a:hover {
  color: #8b5cf6 !important;
}

/* Topic titles — white, cyan on hover */
#main-outlet .topic-list .main-link a.title,
#main-outlet .topic-list .main-link a.raw-topic-link,
#main-outlet .latest-topic-list .main-link a.title {
  color: #fff !important;
}
#main-outlet .topic-list .main-link a.title:hover,
#main-outlet .topic-list .main-link a.raw-topic-link:hover,
#main-outlet .latest-topic-list .main-link a.title:hover {
  color: #22d3ee !important;
}

/* Category names */
.badge-category .category-name,
.category-name {
  color: #fff !important;
}

/* Discourse header — hidden by zeq-discourse-hide.css, merged into zeq-nav */

/* Category boxes / cards */
.category-list .category h3 a,
.category-list .category h4 a {
  color: #fff !important;
}
.category-list .category .category-description {
  color: rgba(255,255,255,0.6) !important;
}

/* ═══════════════════════════════════════════════════
   UNIVERSAL — Scrollbar (Zeq cosmic style)
   ═══════════════════════════════════════════════════ */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #010206;
}
::-webkit-scrollbar-thumb {
  background: rgba(34, 211, 238, 0.15);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(34, 211, 238, 0.35);
}

/* ═══════════════════════════════════════════════════
   UNIVERSAL — Selection color
   ═══════════════════════════════════════════════════ */
::selection {
  background: rgba(34, 211, 238, 0.3);
  color: #fff;
}

/* ═══════════════════════════════════════════════════
   UNIVERSAL — Animations
   ═══════════════════════════════════════════════════ */
@keyframes zeq-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(34,211,238,0.7), 0 0 20px rgba(139,92,246,0.5);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(34,211,238,0), 0 0 30px rgba(139,92,246,0.8);
  }
}
@keyframes zeq-glow {
  0%, 100% { box-shadow: 0 0 4px rgba(34,211,238,0.6); }
  50% { box-shadow: 0 0 16px rgba(34,211,238,0.4), 0 0 32px rgba(139,92,246,0.2); }
}

/* ═══════════════════════════════════════════════════
   SWAGGER UI — Dark Cosmic Override
   ═══════════════════════════════════════════════════ */
.swagger-ui {
  background: #010206 !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}
.swagger-ui .topbar {
  background: rgba(10,10,15,0.9) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
.swagger-ui .topbar .download-url-wrapper .select-label select,
.swagger-ui .topbar .download-url-wrapper input[type=text] {
  background: rgba(15,23,42,0.4) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  color: #fff !important;
}
.swagger-ui .info .title {
  font-family: 'Orbitron', sans-serif !important;
  color: #22d3ee !important;
}
.swagger-ui .info a { color: #22d3ee !important; }
.swagger-ui .scheme-container {
  background: #0a0a0f !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
.swagger-ui .opblock-tag {
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  color: #fff !important;
  font-family: 'Orbitron', sans-serif !important;
}
.swagger-ui .opblock {
  background: rgba(15,23,42,0.4) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 8px !important;
}
.swagger-ui .opblock .opblock-summary {
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}
.swagger-ui .opblock.opblock-get .opblock-summary-method { background: #22d3ee !important; }
.swagger-ui .opblock.opblock-post .opblock-summary-method { background: #22c55e !important; }
.swagger-ui .opblock.opblock-put .opblock-summary-method { background: #f59e0b !important; }
.swagger-ui .opblock.opblock-delete .opblock-summary-method { background: #ef4444 !important; }
.swagger-ui .btn.authorize {
  color: #22d3ee !important;
  border-color: #22d3ee !important;
}
.swagger-ui .model-container {
  background: rgba(15,23,42,0.3) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
}
.swagger-ui table tbody tr td {
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  color: rgba(255,255,255,0.8) !important;
}
.swagger-ui .parameter__name { color: #22d3ee !important; }
.swagger-ui .response-col_status { color: #22d3ee !important; }

/* ═══════════════════════════════════════════════════
   ZEQ MI — Full Cosmic Dark Override
   Scoped to .zeq-dark / [data-theme="zeq-dark"]
   so it won't affect LibreChat's Tailwind dark mode
   ═══════════════════════════════════════════════════ */

/* -- Main background & body -- */
.zeq-dark body,
[data-theme="zeq-dark"] body {
  background: #010206 !important;
}
.zeq-dark main,
[data-theme="zeq-dark"] main {
  background: #010206 !important;
}
.zeq-dark #__next,
[data-theme="zeq-dark"] #__next {
  background: #010206 !important;
}

/* -- Sidebar / nav panel -- */
.zeq-dark nav:not(.zn-bar),
[data-theme="zeq-dark"] nav:not(.zn-bar) {
  background: rgba(10,10,15,0.95) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-right: 1px solid rgba(255,255,255,0.08) !important;
}
.zeq-dark nav:not(.zn-bar) a,
[data-theme="zeq-dark"] nav:not(.zn-bar) a {
  color: rgba(255,255,255,0.6) !important;
  transition: color 0.2s, background 0.2s !important;
}
.zeq-dark nav:not(.zn-bar) a:hover,
[data-theme="zeq-dark"] nav:not(.zn-bar) a:hover {
  color: #22d3ee !important;
  background: rgba(34,211,238,0.08) !important;
}
.zeq-dark nav:not(.zn-bar) a.active,
[data-theme="zeq-dark"] nav:not(.zn-bar) a.active,
.zeq-dark nav:not(.zn-bar) a[aria-current],
[data-theme="zeq-dark"] nav:not(.zn-bar) a[aria-current] {
  color: #22d3ee !important;
  background: rgba(34,211,238,0.12) !important;
}
.zeq-dark .bg-gray-900,
[data-theme="zeq-dark"] .bg-gray-900 {
  background-color: #010206 !important;
}
.zeq-dark .bg-gray-800,
[data-theme="zeq-dark"] .bg-gray-800 {
  background-color: #0a0a0f !important;
}
.zeq-dark .bg-gray-700,
[data-theme="zeq-dark"] .bg-gray-700 {
  background-color: rgba(15,23,42,0.6) !important;
}
.zeq-dark .bg-gray-600,
[data-theme="zeq-dark"] .bg-gray-600 {
  background-color: rgba(15,23,42,0.4) !important;
}
.zeq-dark .bg-gray-50,
[data-theme="zeq-dark"] .bg-gray-50 {
  background-color: rgba(15,23,42,0.3) !important;
}

/* -- Chat area / messages -- */
.zeq-dark .bg-white,
[data-theme="zeq-dark"] .bg-white {
  background-color: #0a0a0f !important;
}
.zeq-dark [class*="message"],
[data-theme="zeq-dark"] [class*="message"] {
  border-bottom: 1px solid rgba(255,255,255,0.04) !important;
}
.zeq-dark [class*="agent-turn"],
[data-theme="zeq-dark"] [class*="agent-turn"],
.zeq-dark [class*="assistant"],
[data-theme="zeq-dark"] [class*="assistant"] {
  background: rgba(15,23,42,0.25) !important;
}

/* -- Chat input area -- */
.zeq-dark textarea,
[data-theme="zeq-dark"] textarea,
.zeq-dark [class*="text-input"],
[data-theme="zeq-dark"] [class*="text-input"] {
  background: rgba(15,23,42,0.5) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 12px !important;
}
.zeq-dark textarea:focus,
[data-theme="zeq-dark"] textarea:focus {
  border-color: rgba(34,211,238,0.4) !important;
  box-shadow: 0 0 0 3px rgba(34,211,238,0.1) !important;
}
.zeq-dark input,
[data-theme="zeq-dark"] input {
  background: rgba(15,23,42,0.4) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 8px !important;
}
.zeq-dark input:focus,
[data-theme="zeq-dark"] input:focus {
  border-color: rgba(34,211,238,0.4) !important;
  box-shadow: 0 0 0 3px rgba(34,211,238,0.1) !important;
}

/* -- Send / submit button -- */
.zeq-dark button[type="submit"],
[data-theme="zeq-dark"] button[type="submit"] {
  background: linear-gradient(135deg, #22d3ee, #06b6d4) !important;
  color: #010206 !important;
  border: none !important;
  border-radius: 10px !important;
}
.zeq-dark button[type="submit"]:hover,
[data-theme="zeq-dark"] button[type="submit"]:hover {
  box-shadow: 0 4px 16px rgba(34,211,238,0.3) !important;
}
.zeq-dark .bg-green-500,
[data-theme="zeq-dark"] .bg-green-500,
.zeq-dark [class*="bg-green"],
[data-theme="zeq-dark"] [class*="bg-green"] {
  background-color: #06b6d4 !important;
}
.zeq-dark .text-green-500,
[data-theme="zeq-dark"] .text-green-500 {
  color: #22d3ee !important;
}

/* -- Code blocks inside chat -- */
.zeq-dark pre,
[data-theme="zeq-dark"] pre {
  background: rgba(10,10,15,0.8) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 10px !important;
}
.zeq-dark code,
[data-theme="zeq-dark"] code {
  color: #22d3ee !important;
}
.zeq-dark pre code,
[data-theme="zeq-dark"] pre code {
  background: transparent !important;
  border: none !important;
}

/* -- Markdown in messages -- */
.zeq-dark .markdown,
[data-theme="zeq-dark"] .markdown {
  color: rgba(255,255,255,0.85) !important;
}
.zeq-dark .markdown a,
[data-theme="zeq-dark"] .markdown a {
  color: #22d3ee !important;
}
.zeq-dark .markdown a:hover,
[data-theme="zeq-dark"] .markdown a:hover {
  color: #8b5cf6 !important;
}

/* -- Borders -- */
.zeq-dark .border-gray-600,
[data-theme="zeq-dark"] .border-gray-600 {
  border-color: rgba(255,255,255,0.08) !important;
}
.zeq-dark .border-gray-700,
[data-theme="zeq-dark"] .border-gray-700 {
  border-color: rgba(255,255,255,0.06) !important;
}
.zeq-dark .border-gray-200,
[data-theme="zeq-dark"] .border-gray-200,
.zeq-dark .border-gray-300,
[data-theme="zeq-dark"] .border-gray-300 {
  border-color: rgba(255,255,255,0.06) !important;
}
.zeq-dark [class*="border-black"],
[data-theme="zeq-dark"] [class*="border-black"] {
  border-color: rgba(255,255,255,0.08) !important;
}

/* -- Popovers, dropdowns, menus -- */
.zeq-dark [role="menu"],
[data-theme="zeq-dark"] [role="menu"],
.zeq-dark [role="listbox"],
[data-theme="zeq-dark"] [role="listbox"],
.zeq-dark [class*="popover"],
[data-theme="zeq-dark"] [class*="popover"],
.zeq-dark [class*="dropdown"],
[data-theme="zeq-dark"] [class*="dropdown"] {
  background: rgba(10,10,15,0.95) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 12px !important;
}
.zeq-dark [role="menuitem"],
[data-theme="zeq-dark"] [role="menuitem"],
.zeq-dark [role="option"],
[data-theme="zeq-dark"] [role="option"] {
  color: rgba(255,255,255,0.7) !important;
}
.zeq-dark [role="menuitem"]:hover,
[data-theme="zeq-dark"] [role="menuitem"]:hover,
.zeq-dark [role="option"]:hover,
[data-theme="zeq-dark"] [role="option"]:hover {
  background: rgba(34,211,238,0.08) !important;
  color: #22d3ee !important;
}

/* -- Model selector -- */
.zeq-dark [class*="model-select"],
[data-theme="zeq-dark"] [class*="model-select"],
.zeq-dark [id*="model-select"],
[data-theme="zeq-dark"] [id*="model-select"] {
  background: rgba(15,23,42,0.5) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 10px !important;
  color: #fff !important;
}

/* -- Buttons (general) -- */
.zeq-dark button,
[data-theme="zeq-dark"] button {
  transition: background 0.2s, box-shadow 0.2s !important;
}
.zeq-dark .btn-primary,
[data-theme="zeq-dark"] .btn-primary {
  background: linear-gradient(135deg, #22d3ee, #06b6d4) !important;
  color: #010206 !important;
  border: none !important;
}

/* -- Scrollbars within Zeq MI -- */
.zeq-dark ::-webkit-scrollbar-track,
[data-theme="zeq-dark"] ::-webkit-scrollbar-track {
  background: #010206 !important;
}
.zeq-dark ::-webkit-scrollbar-thumb,
[data-theme="zeq-dark"] ::-webkit-scrollbar-thumb {
  background: rgba(34,211,238,0.15) !important;
  border-radius: 4px !important;
}
.zeq-dark ::-webkit-scrollbar-thumb:hover,
[data-theme="zeq-dark"] ::-webkit-scrollbar-thumb:hover {
  background: rgba(34,211,238,0.35) !important;
}

/* -- Text colors -- */
.zeq-dark .text-gray-600,
[data-theme="zeq-dark"] .text-gray-600 {
  color: rgba(255,255,255,0.5) !important;
}
.zeq-dark .text-gray-500,
[data-theme="zeq-dark"] .text-gray-500 {
  color: rgba(255,255,255,0.45) !important;
}
.zeq-dark .text-gray-400,
[data-theme="zeq-dark"] .text-gray-400 {
  color: rgba(255,255,255,0.4) !important;
}
.zeq-dark .text-gray-300,
[data-theme="zeq-dark"] .text-gray-300 {
  color: rgba(255,255,255,0.6) !important;
}
.zeq-dark .text-white,
[data-theme="zeq-dark"] .text-white {
  color: #fff !important;
}

/* ═══════════════════════════════════════════════════
   DISCOURSE — Enhanced Cosmic Override
   ═══════════════════════════════════════════════════ */

/* Topic list rows */
.topic-list-item {
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}
.topic-list .topic-list-body tr {
  background: rgba(15,23,42,0.2) !important;
}
.topic-list .topic-list-body tr:hover {
  background: rgba(15,23,42,0.4) !important;
}

/* Topic list posters, meta, dates */
.topic-list .posters a,
.topic-list .num.views,
.topic-list .num.posts,
.topic-list .relative-date {
  color: rgba(255,255,255,0.5) !important;
}

/* Category badge */
.badge-category-bg {
  background: rgba(34,211,238,0.2) !important;
}

/* Discourse header panel — hidden, styles now in zeq-discourse-hide.css */

/* Navigation pills */
.nav-pills > li > a {
  color: rgba(255,255,255,0.6) !important;
}
.nav-pills > li.active > a {
  color: #22d3ee !important;
  background: rgba(34,211,238,0.1) !important;
}

/* Sidebar text */
.sidebar-section-link-wrapper .sidebar-section-link {
  color: rgba(255,255,255,0.7) !important;
}
.sidebar-section-link-wrapper .sidebar-section-link:hover {
  color: #22d3ee !important;
  background: rgba(34,211,238,0.08) !important;
}
.sidebar-section-header-text {
  color: rgba(255,255,255,0.4) !important;
}

/* Post content */
.topic-body .cooked,
.topic-body .cooked p {
  color: rgba(255,255,255,0.85) !important;
}
.topic-body .cooked h1,
.topic-body .cooked h2,
.topic-body .cooked h3 {
  color: #fff !important;
}

/* Buttons in posts */
.topic-footer-main-buttons .btn,
.post-controls .btn {
  color: rgba(255,255,255,0.5) !important;
}
.topic-footer-main-buttons .btn:hover,
.post-controls .btn:hover {
  color: #22d3ee !important;
}

/* User info in posts */
.topic-meta-data .names span {
  color: rgba(255,255,255,0.6) !important;
}
.topic-meta-data .names .first a {
  color: #fff !important;
}

/* Inputs */
html.desktop-view input,
html.desktop-view textarea,
html.desktop-view select,
html.mobile-view input,
html.mobile-view textarea,
html.mobile-view select {
  background: rgba(15,23,42,0.4) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
}
html.desktop-view input:focus,
html.desktop-view textarea:focus,
html.mobile-view input:focus,
html.mobile-view textarea:focus {
  border-color: rgba(34,211,238,0.4) !important;
  box-shadow: 0 0 0 3px rgba(34,211,238,0.1) !important;
}

/* Modal / dialog */
.modal-inner-container,
.d-modal__container {
  background: #0a0a0f !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  color: #fff !important;
}