/*
 * DaisyUI v4 night (parchment dark) overrides.
 *
 * DaisyUI 4.x defines its theme tokens on :root and [data-theme=...], but pages
 * that load Tailwind via the CDN runtime JIT compile bg-base-*/text-base-*
 * utilities against whatever --b1/--bc value is present at compile time. The
 * runtime does not re-evaluate custom property overrides reliably, so we force
 * the most common surface/text/border utilities to the parchment-dark palette
 * with !important under html[data-ui-theme="night"].
 *
 * Pages using DaisyUI should link this AFTER daisyui full.min.css.
 */

html[data-ui-theme="night"] {
    --b1: 0.2189 0.0065 78.18;
    --b2: 0.2540 0.0140 81.64;
    --b3: 0.2866 0.0152 84.55;
    --bc: 0.9233 0.0214 85.95;
    --p: 0.6590 0.1082 43.44;
    --pf: 0.5980 0.1057 42.26;
    --pc: 0.1929 0.0410 21.63;
    --s: 0.6163 0.0227 81.74;
    --sf: 0.5431 0.0258 78.06;
    --sc: 0.9233 0.0214 85.95;
    --a: 0.6590 0.1082 43.44;
    --af: 0.5980 0.1057 42.26;
    --ac: 0.1929 0.0410 21.63;
    --n: 0.2540 0.0140 81.64;
    --nf: 0.2189 0.0065 78.18;
    --nc: 0.9233 0.0214 85.95;
    --in: 0.7124 0.0215 257.49;
    --inc: 0.2189 0.0065 78.18;
    --su: 0.6524 0.0612 143.33;
    --suc: 0.2189 0.0065 78.18;
    --wa: 0.7117 0.1109 80.28;
    --wac: 0.2189 0.0065 78.18;
    --er: 0.6590 0.1082 43.44;
    --erc: 0.9233 0.0214 85.95;
}

html[data-ui-theme="night"],
html[data-ui-theme="night"] body {
    background: #1c1a17 !important;
    color: #ece5d6 !important;
    color-scheme: dark;
}

html[data-ui-theme="night"] .bg-base-100,
html[data-ui-theme="night"] .bg-base-content { background-color: #26221b !important; }
html[data-ui-theme="night"] .bg-base-200 { background-color: #2e2a22 !important; }
html[data-ui-theme="night"] .bg-base-300 { background-color: #3a352c !important; }

html[data-ui-theme="night"] .navbar,
html[data-ui-theme="night"] .card,
html[data-ui-theme="night"] .menu,
html[data-ui-theme="night"] .drawer-side,
html[data-ui-theme="night"] .drawer-box,
html[data-ui-theme="night"] .tabs-boxed,
html[data-ui-theme="night"] .input,
html[data-ui-theme="night"] .textarea,
html[data-ui-theme="night"] .select,
html[data-ui-theme="night"] .modal-box,
html[data-ui-theme="night"] .collapse,
html[data-ui-theme="night"] .collapse-content,
html[data-ui-theme="night"] .tooltip,
html[data-ui-theme="night"] .dropdown-content,
html[data-ui-theme="night"] .swap-on,
html[data-ui-theme="night"] .swap-off {
    background-color: #26221b !important;
    color: #ece5d6 !important;
    border-color: #3a352c !important;
}

html[data-ui-theme="night"] .text-base-content { color: #ece5d6 !important; }
html[data-ui-theme="night"] .text-base-content\/80,
html[data-ui-theme="night"] .text-base-content\/70 { color: #c9c0ad !important; }
html[data-ui-theme="night"] .text-base-content\/60,
html[data-ui-theme="night"] .text-base-content\/50,
html[data-ui-theme="night"] .text-base-content-secondary { color: #b5ad9e !important; }

html[data-ui-theme="night"] .border-base-200,
html[data-ui-theme="night"] .border-base-300 { border-color: #3a352c !important; }
html[data-ui-theme="night"] .divide-base-200 > * { border-color: #3a352c !important; }

html[data-ui-theme="night"] .btn-ghost:hover,
html[data-ui-theme="night"] .btn-ghost:active {
    background-color: rgba(201, 123, 90, 0.12) !important;
}

html[data-ui-theme="night"] ::-webkit-scrollbar { width: 6px; height: 6px; }
html[data-ui-theme="night"] ::-webkit-scrollbar-thumb { background: #3a352c; border-radius: 3px; }
html[data-ui-theme="night"] ::-webkit-scrollbar-track { background: #1c1a17; }

/* Chat input textarea override for dark mode */
html[data-ui-theme="night"] textarea.bg-gray-100\/70,
html[data-ui-theme="night"] textarea[class*="bg-gray-100"],
html[data-ui-theme="night"] .chat-input-scrollbar {
    background: #2e2a22 !important;
    color: #ece5d6 !important;
    border-color: #3a352c !important;
}

html[data-ui-theme="night"] textarea.bg-gray-100\/70::placeholder,
html[data-ui-theme="night"] textarea[class*="bg-gray-100"]::placeholder {
    color: #8a857a !important;
}

html[data-ui-theme="night"] textarea.bg-gray-100\/70:focus,
html[data-ui-theme="night"] textarea[class*="bg-gray-100"]:focus {
    background: #3a352c !important;
    border-color: #c8853f !important;
}

/* User message bubble override for dark mode */
html[data-ui-theme="night"] .msg-bubble-glass[class*="bg-blue-50"],
html[data-ui-theme="night"].native-embedded-dark .msg-bubble-glass[class*="bg-blue-50"],
html[data-ui-theme="night"] [class*="bg-blue-50"][class*="text-gray-900"] {
    background: rgba(200, 133, 63, 0.18) !important;
    color: #ece5d6 !important;
    border-color: rgba(200, 133, 63, 0.35) !important;
}

html[data-ui-theme="night"] .msg-bubble-glass[class*="bg-blue-50"] *,
html[data-ui-theme="night"].native-embedded-dark .msg-bubble-glass[class*="bg-blue-50"] *,
html[data-ui-theme="night"] [class*="bg-blue-50"][class*="text-gray-900"] * {
    color: #ece5d6 !important;
}

/* Override text-gray-900 in dark mode */
html[data-ui-theme="night"] .msg-bubble-glass .text-gray-900,
html[data-ui-theme="night"].native-embedded-dark .text-gray-900 {
    color: #ece5d6 !important;
}

/* AI assistant message bubble override for dark mode */
html[data-ui-theme="night"] .msg-bubble-glass[class*="bg-white"],
html[data-ui-theme="night"].native-embedded-dark .msg-bubble-glass[class*="bg-white"],
html[data-ui-theme="night"] .msg-bubble-glass.bg-white\/70,
.native-chat-mode html[data-ui-theme="night"] .msg-bubble-glass[class*="bg-white"] {
    background: rgba(46, 42, 34, 0.7) !important;
    color: #ece5d6 !important;
    border-color: rgba(58, 53, 44, 0.6) !important;
}

html[data-ui-theme="night"] .msg-bubble-glass[class*="bg-white"] *,
html[data-ui-theme="night"].native-embedded-dark .msg-bubble-glass[class*="bg-white"] *,
.native-chat-mode html[data-ui-theme="night"] .msg-bubble-glass[class*="bg-white"] * {
    color: inherit !important;
}

/* Override text-gray-800 for AI messages */
html[data-ui-theme="night"] .msg-bubble-glass .text-gray-800,
html[data-ui-theme="night"].native-embedded-dark .msg-bubble-glass .text-gray-800 {
    color: #ece5d6 !important;
}

/* Override inline styles in dark mode - convert light backgrounds to dark */
html[data-ui-theme="night"] .msg-bubble-glass div[style*="background"],
html[data-ui-theme="night"].native-embedded-dark .msg-bubble-glass div[style*="background"],
.native-chat-mode html[data-ui-theme="night"] .msg-bubble-glass div[style*="background"] {
    background: rgba(46, 42, 34, 0.8) !important;
    color: #ece5d6 !important;
}

html[data-ui-theme="night"] .msg-bubble-glass span[style*="background"],
html[data-ui-theme="night"].native-embedded-dark .msg-bubble-glass span[style*="background"],
.native-chat-mode html[data-ui-theme="night"] .msg-bubble-glass span[style*="background"] {
    background: rgba(58, 53, 44, 0.6) !important;
    color: #ece5d6 !important;
    border-color: rgba(138, 133, 122, 0.5) !important;
}

/* Override specific deep color inline styles */
html[data-ui-theme="night"] .msg-bubble-glass [style*="color: #3d434d"],
html[data-ui-theme="night"].native-embedded-dark .msg-bubble-glass [style*="color: #3d434d"] {
    color: #ece5d6 !important;
}

/* SVG adjustments for dark mode */
html[data-ui-theme="night"] .msg-bubble-glass svg[style*="fill"],
html[data-ui-theme="night"].native-embedded-dark .msg-bubble-glass svg[style*="fill"] {
    fill: rgba(200, 133, 63, 0.5) !important;
}

html[data-ui-theme="night"] .msg-bubble-glass path[stroke],
html[data-ui-theme="night"].native-embedded-dark .msg-bubble-glass path[stroke] {
    stroke: rgba(138, 133, 122, 0.4) !important;
}

html[data-ui-theme="night"] .msg-bubble-glass circle[fill],
html[data-ui-theme="night"].native-embedded-dark .msg-bubble-glass circle[fill] {
    fill: rgba(200, 133, 63, 0.4) !important;
}

/* Ensure markdown content inherits correct color */
html[data-ui-theme="night"] .msg-bubble-glass .markdown-body,
html[data-ui-theme="night"] .msg-bubble-glass .message-content-wrapper {
    color: inherit !important;
}

html[data-ui-theme="night"] .msg-bubble-glass .markdown-body *,
html[data-ui-theme="night"] .msg-bubble-glass .message-content-wrapper * {
    color: inherit !important;
}

/* AI Tool call display override for dark mode - with higher specificity for native mode */
html[data-ui-theme="night"] .tool-call-detail,
html[data-ui-theme="night"].native-embedded-dark .tool-call-detail,
.native-chat-mode html[data-ui-theme="night"] .tool-call-detail {
    color: #b5ad9e !important;
}

html[data-ui-theme="night"] .tool-call-row span,
html[data-ui-theme="night"].native-embedded-dark .tool-call-row span,
.native-chat-mode html[data-ui-theme="night"] .tool-call-row span {
    color: #8a857a !important;
}

html[data-ui-theme="night"] .tool-call-row strong,
html[data-ui-theme="night"].native-embedded-dark .tool-call-row strong,
.native-chat-mode html[data-ui-theme="night"] .tool-call-row strong {
    color: #ece5d6 !important;
}

html[data-ui-theme="night"] .tool-call-row code,
html[data-ui-theme="night"].native-embedded-dark .tool-call-row code,
.native-chat-mode html[data-ui-theme="night"] .tool-call-row code {
    color: #d4a574 !important;
    background: rgba(200, 133, 63, 0.12) !important;
    border-color: rgba(200, 133, 63, 0.25) !important;
}

html[data-ui-theme="night"] .tool-call-success-badge,
html[data-ui-theme="night"].native-embedded-dark .tool-call-success-badge,
.native-chat-mode html[data-ui-theme="night"] .tool-call-success-badge {
    color: #b5ad9e !important;
}

html[data-ui-theme="night"] .tool-call-muted,
html[data-ui-theme="night"].native-embedded-dark .tool-call-muted,
.native-chat-mode html[data-ui-theme="night"] .tool-call-muted {
    color: #8a857a !important;
    background: rgba(46, 42, 34, 0.5) !important;
    border-color: rgba(58, 53, 44, 0.6) !important;
}

html[data-ui-theme="night"] .tool-call-error,
html[data-ui-theme="night"].native-embedded-dark .tool-call-error,
.native-chat-mode html[data-ui-theme="night"] .tool-call-error {
    color: #f87171 !important;
    background: rgba(127, 29, 29, 0.3) !important;
    border-color: rgba(185, 28, 28, 0.4) !important;
}

html[data-ui-theme="night"] .tool-call-context-status,
html[data-ui-theme="night"].native-embedded-dark .tool-call-context-status,
.native-chat-mode html[data-ui-theme="night"] .tool-call-context-status {
    color: #86efac !important;
    background: rgba(22, 101, 52, 0.3) !important;
    border-color: rgba(34, 197, 94, 0.4) !important;
}

html[data-ui-theme="night"] .tool-call-result,
html[data-ui-theme="night"].native-embedded-dark .tool-call-result,
.native-chat-mode html[data-ui-theme="night"] .tool-call-result {
    color: #d8cfbe !important;
    background: rgba(46, 42, 34, 0.6) !important;
    border-color: rgba(58, 53, 44, 0.5) !important;
}

html[data-ui-theme="night"] .tool-call-group-item,
html[data-ui-theme="night"].native-embedded-dark .tool-call-group-item,
.native-chat-mode html[data-ui-theme="night"] .tool-call-group-item {
    background: rgba(46, 42, 34, 0.6) !important;
    border-color: rgba(58, 53, 44, 0.8) !important;
}

html[data-ui-theme="night"] .tool-call-scroll,
html[data-ui-theme="night"].native-embedded-dark .tool-call-scroll,
.native-chat-mode html[data-ui-theme="night"] .tool-call-scroll {
    background: transparent !important;
}

html[data-ui-theme="night"] .cot-content,
html[data-ui-theme="night"].native-embedded-dark .cot-content,
.native-chat-mode html[data-ui-theme="night"] .cot-content {
    background-color: #2e2a22 !important;
    color: #b5ad9e !important;
    border-top-color: rgba(58, 53, 44, 0.5) !important;
}
