/* FenixIA Clean UI — an original, calm workspace inspired by modern chat apps. */
:root {
  --fenix-ui-text: #0d0d0d;
  --fenix-ui-muted: #6b6b6b;
  --fenix-ui-line: #e8e8e8;
  --fenix-ui-sidebar: #f9f9f9;
  --fenix-ui-blue: #3b82f6;
  --fenix-ui-blue-hover: #2563eb;
}

html:not(.dark) body,
html:not(.dark) #root {
  color: var(--fenix-ui-text);
  background: #fff;
  font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html:not(.dark) aside,
html:not(.dark) nav {
  background: var(--fenix-ui-sidebar);
  border-color: var(--fenix-ui-line) !important;
}

html:not(.dark) header {
  background: rgba(255, 255, 255, .92);
  border-color: transparent !important;
  backdrop-filter: blur(10px);
}

/* Conversation links read as calm rows rather than boxed cards. */
html:not(.dark) aside a,
html:not(.dark) nav a {
  border-radius: 8px;
}

html:not(.dark) aside a:hover,
html:not(.dark) nav a:hover {
  background: #ececec !important;
}

/* The chat composer becomes the central, softly elevated control. */
html:not(.dark) textarea,
html:not(.dark) [contenteditable='true'] {
  border-color: #e5e5e5 !important;
  border-radius: 24px !important;
  box-shadow: 0 6px 24px rgba(0, 0, 0, .055);
}

html:not(.dark) textarea:focus,
html:not(.dark) [contenteditable='true']:focus {
  border-color: #cfcfcf !important;
  box-shadow: 0 7px 28px rgba(0, 0, 0, .08) !important;
}

/* Preserve semantics: only existing primary controls receive the blue accent. */
button[class*='bg-green'],
a[class*='bg-green'],
button[class*='bg-primary'],
a[class*='bg-primary'] {
  background: var(--fenix-ui-blue) !important;
  border-color: var(--fenix-ui-blue) !important;
  box-shadow: none !important;
}

button[class*='bg-green']:hover,
a[class*='bg-green']:hover,
button[class*='bg-primary']:hover,
a[class*='bg-primary']:hover {
  background: var(--fenix-ui-blue-hover) !important;
  border-color: var(--fenix-ui-blue-hover) !important;
}

html:not(.dark) [role='dialog'],
html:not(.dark) [data-radix-popper-content-wrapper] > * {
  border-color: var(--fenix-ui-line) !important;
  box-shadow: 0 16px 44px rgba(0, 0, 0, .12);
}

html:not(.dark) a { color: inherit; }
html:not(.dark) a:hover { color: inherit; }

::selection { background: #dbeafe; color: #111827; }
* { scrollbar-color: #cfcfcf transparent; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #d2d2d2; border: 3px solid transparent; border-radius: 999px; background-clip: padding-box; }
::-webkit-scrollbar-thumb:hover { background: #b8b8b8; border: 3px solid transparent; background-clip: padding-box; }