/* =========================================
   DeepSeek (itinerario) · DARK MODE
   Cubre el módulo inline del home (#deepseekInline)
   y la página /deepseek (mismas clases sin wrapper).
   Los selectores con #deepseekInline son necesarios para
   ganar a la especificidad de los IDs en deepseek.css.
   ========================================= */

/* ----- Página /deepseek: header sticky ----- */
/* Superficie propia (más clara que el fondo #0a0f1a) + borde y sombra
   para que la barra se distinga de la sección que tiene debajo. */
html[data-theme="dark"] .ds-header{
  background: rgba(15, 23, 42, .92);
  backdrop-filter: saturate(140%) blur(6px);
  -webkit-backdrop-filter: saturate(140%) blur(6px);
  border-bottom: 1px solid #1f2937 !important;
  box-shadow: 0 6px 20px rgba(0,0,0,.35);
}
html[data-theme="dark"] .ds-header h1{ color:#f1f5f9; }
html[data-theme="dark"] .ds-sub{ color:#94a3b8; }

/* Overlay "Generando…" */
html[data-theme="dark"] #overlayBox .bg-white{
  background-color:#0b1220 !important;
  color:#e5e7eb;
}

/* ----- Tarjetas de día (timeline) ----- */
html[data-theme="dark"] .ds-day,
html[data-theme="dark"] #deepseekInline .ds-day{
  background:#0b1220;
  border-color:#1f2937;
}
html[data-theme="dark"] .ds-day-head,
html[data-theme="dark"] #deepseekInline .ds-day-head{
  background:#0f172a;
  border-bottom-color:#111827;
}
html[data-theme="dark"] .ds-day-head:hover,
html[data-theme="dark"] #deepseekInline .ds-day-head:hover{
  background:#111c33;
}
html[data-theme="dark"] .ds-day-head strong{ color:#f1f5f9; }
html[data-theme="dark"] .ds-day-date{ color:#94a3b8; }
html[data-theme="dark"] .ds-day-date i{ color:#64748b; }

/* Chip "Día N" (las utilidades subtle de Bootstrap llevan !important) */
html[data-theme="dark"] .ds-day-head .badge.bg-primary-subtle{
  background-color:rgba(96,165,250,.15) !important;
  color:#93c5fd !important;
}
html[data-theme="dark"] .ds-day-head .badge.text-primary-emphasis{
  color:#93c5fd !important;
}

/* ----- Días plegables · dark ----- */
html[data-theme="dark"] .ds-day.ds-collapsible:not(.is-open) > .ds-day-head{
  border-bottom-color: transparent;
}
html[data-theme="dark"] .ds-day-head:focus-visible{
  box-shadow: inset 0 0 0 2px rgba(96,165,250,.45);
}
html[data-theme="dark"] .ds-day-count{
  color: #cbd5e1; background: #0f172a; border-color: #1f2937;
}
html[data-theme="dark"] .ds-day-caret{ color: #64748b; }
html[data-theme="dark"] .ds-day-head:hover .ds-day-caret{ color: #93c5fd; }

/* Ítems del timeline */
html[data-theme="dark"] .tl-item:hover{
  background:#101b30;
  box-shadow:none;
}
html[data-theme="dark"] .tl-item.active{
  background:#13233f;
  box-shadow:0 0 0 1px rgba(96,165,250,.35) inset;
}
html[data-theme="dark"] .tl-time{ color:#94a3b8; }
html[data-theme="dark"] .tl-title{ color:#f1f5f9; }
html[data-theme="dark"] .tl-sub{ color:#cbd5e1; }
html[data-theme="dark"] .tl-move{ color:#94a3b8; }

/* ----- Card de detalle ----- */
html[data-theme="dark"] .ds-card,
html[data-theme="dark"] #deepseekInline .ds-card{
  background:#0b1220;
  color:#e5e7eb;
  box-shadow:0 14px 40px rgba(0,0,0,.5);
}
html[data-theme="dark"] .ds-card .card-body{ color:#e5e7eb; }
html[data-theme="dark"] .ds-card h2,
html[data-theme="dark"] .ds-card h6{ color:#f1f5f9; }
html[data-theme="dark"] .ds-card .text-muted{ color:#94a3b8 !important; }
html[data-theme="dark"] .ds-card hr{ border-color:#1f2937; opacity:1; }

/* Pills y chips */
html[data-theme="dark"] .ds-pill,
html[data-theme="dark"] #deepseekInline .ds-pill{
  background:#0f172a;
  border-color:#1f2937;
  color:#e5e7eb;
}
html[data-theme="dark"] .ds-tags .badge,
html[data-theme="dark"] #deepseekInline .ds-tags .badge{
  background:#111c33;
  color:#cbd5e1;
  border-color:#1f2937;
}

/* Mapa (placeholder) y hero skeleton */
html[data-theme="dark"] .ds-map,
html[data-theme="dark"] #deepseekInline .ds-map{
  background:linear-gradient(135deg,#0f172a,#111c33);
  color:#94a3b8;
}
html[data-theme="dark"] .ds-hero{ background:#0f172a; }
html[data-theme="dark"] .ds-hero.loading{
  background:linear-gradient(90deg,#0f172a 25%,#16213b 37%,#0f172a 63%);
  background-size:400% 100%;
}

/* Overlay de carga global (footer) */
html[data-theme="dark"] .loading-box{
  background:#0b1220;
  color:#f1f5f9;
}

/* ----- Nota de itinerario recortado · dark ----- */
html[data-theme="dark"] .ds-limit-note{
  background: rgba(245,158,11,.07);
  border-color: rgba(245,158,11,.35);
}
html[data-theme="dark"] .ds-limit-ico{
  background: rgba(245,158,11,.14); color: #fcd34d;
}
html[data-theme="dark"] .ds-limit-body{ color: #d6c089; }
html[data-theme="dark"] .ds-limit-body strong{ color: #fcd34d; }

/* ----- Bottom sheet móvil (detalle) · dark ----- */
html[data-theme="dark"] .tl-item:focus-visible{
  box-shadow: inset 0 0 0 2px rgba(96,165,250,.5);
}
@media (max-width: 991.98px){
  html[data-theme="dark"] main.ds-detail-col{
    background: #0b1220;
    box-shadow: 0 -18px 50px rgba(0,0,0,.65);
  }
  /* La hoja ya es la superficie: sin sombra/borde de card duplicados */
  html[data-theme="dark"] .ds-detail-col .ds-card,
  html[data-theme="dark"] #deepseekInline .ds-detail-col .ds-card{
    box-shadow: none;
  }
  html[data-theme="dark"] .ds-sheet-grip span{ background: #334155; }
  html[data-theme="dark"] .ds-sheet-close{
    background: rgba(148,163,184,.22);
    color: #e5e7eb;
  }
  html[data-theme="dark"] .ds-sheet-close:focus-visible{
    box-shadow: 0 0 0 3px rgba(96,165,250,.5);
  }
  html[data-theme="dark"] .ds-sheet-backdrop{ background: rgba(0,0,0,.62); }
}

/* ----- Navegación entre paradas · dark ----- */
html[data-theme="dark"] .ds-stopnav{
  background: #0f172a;
  border-bottom-color: #1f2937;
}
html[data-theme="dark"] .ds-stopnav-btn{ color: #e5e7eb; }
html[data-theme="dark"] .ds-stopnav-btn:hover:not(:disabled){
  background: rgba(96,165,250,.10); color: #93c5fd;
}
html[data-theme="dark"] .ds-stopnav-btn i{ color: #64748b; }
html[data-theme="dark"] .ds-stopnav-btn:hover:not(:disabled) i{ color: #93c5fd; }
html[data-theme="dark"] .ds-stopnav-txt small{ color: #64748b; }

/* ----- Distintivo "Día N" · dark ----- */
html[data-theme="dark"] .ds-day-flag{
  background: rgba(139,92,246,.92);
  box-shadow: 0 6px 14px rgba(0,0,0,.45);
}

/* ===== Estado de carga por día · DARK (spec AgentUI) ===== */
html[data-theme="dark"] .ds-day-status.is-loading{ color: #a78bfa; }
html[data-theme="dark"] .ds-day-bars i{ background: linear-gradient(180deg, #60a5fa, #a78bfa); }
html[data-theme="dark"] .ds-day-status.is-done{ color: #4ade80; }
html[data-theme="dark"] .ds-day-status.is-failed{ color: #fcd34d; }
html[data-theme="dark"] .ds-day.is-failed > .ds-day-head{ background: rgba(245,158,11,.08); }
html[data-theme="dark"] .tl-skel-line{
  background: linear-gradient(90deg,#0f172a 25%,#16213b 37%,#0f172a 63%);
  background-size: 400% 100%;
}
html[data-theme="dark"] .ds-progress-track{ background: #1f2937; }
html[data-theme="dark"] .ds-progress-fill{ background: linear-gradient(90deg,#60a5fa,#a78bfa); }
html[data-theme="dark"] .ds-progress-txt{ color: #94a3b8; }
@media (prefers-reduced-motion: reduce){
  html[data-theme="dark"] .tl-skel-line{ background: #0f172a; }
}

/* ===== Afinar día (✨) · DARK ===== */
html[data-theme="dark"] .ds-refine-btn{ color: #c4b5fd; background: rgba(139,92,246,.14); border-color: rgba(139,92,246,.3); }
html[data-theme="dark"] .ds-refine-btn:hover{ background: rgba(139,92,246,.22); border-color: rgba(139,92,246,.45); }
html[data-theme="dark"] .ds-refine-btn[aria-expanded="true"]{
  background: linear-gradient(135deg, rgba(96,165,250,.2), rgba(139,92,246,.24));
  border-color: rgba(167,139,250,.5); color: #ddd6fe;
}
html[data-theme="dark"] .ds-refine-btn.is-locked{ color: #94a3b8; background: #0f172a; border-color: #1f2937; }
html[data-theme="dark"] .ds-refine-btn.is-locked:hover{ background: #111c33; border-color: #334155; color: #cbd5e1; }
html[data-theme="dark"] .ds-refine-inner{ border-color: #2b2546; background: linear-gradient(180deg, #0f1226, #0b1220); }
html[data-theme="dark"] .ds-refine-title{ color: #c4b5fd; }
html[data-theme="dark"] .ds-refine-x{ color: #64748b; }
html[data-theme="dark"] .ds-refine-x:hover{ background: rgba(148,163,184,.14); color: #cbd5e1; }
html[data-theme="dark"] .ds-refine-chip{ color: #cbd5e1; background: #0f172a; border-color: #1f2937; }
html[data-theme="dark"] .ds-refine-chip:hover{ background: #111c33; border-color: #3730a3; color: #f1f5f9; }
html[data-theme="dark"] .ds-refine-chip[aria-pressed="true"]{
  background: linear-gradient(135deg, #60a5fa, #8b5cf6); border-color: transparent; color: #0b1020;
  box-shadow: 0 4px 12px rgba(139,92,246,.4);
}
html[data-theme="dark"] .ds-refine-input{ background: #0b1220; border-color: #283449; color: #e5e7eb; }
html[data-theme="dark"] .ds-refine-input::placeholder{ color: #64748b; }
html[data-theme="dark"] .ds-refine-input:focus{ border-color: #a78bfa; box-shadow: 0 0 0 .2rem rgba(167,139,250,.22); }
html[data-theme="dark"] .ds-refine-go{ background: linear-gradient(135deg, #60a5fa, #8b5cf6); color: #0b1020; }
html[data-theme="dark"] .ds-refine-error{ color: #fca5a5; }
html[data-theme="dark"] .ds-refine-status{ color: #a78bfa; }
html[data-theme="dark"] .ds-refine-status .ds-day-bars i{ background: linear-gradient(180deg, #60a5fa, #a78bfa); }
html[data-theme="dark"] .ds-day.is-refining .tl-item .tl-time{
  background: linear-gradient(90deg,#0f172a 25%,#16213b 37%,#0f172a 63%); background-size: 400% 100%;
}

/* ===== Presupuesto estimado (.ds-budget*) · DARK ===== */
html[data-theme="dark"] .ds-budget{ background: #0b1220; border-color: #1f2937; }
html[data-theme="dark"] .ds-budget-head{ background: linear-gradient(180deg, #0f172a, #0b1220); border-bottom-color: #111827; }
html[data-theme="dark"] .ds-budget-ico{ background: linear-gradient(135deg, rgba(96,165,250,.16), rgba(139,92,246,.2)); color: #c4b5fd; }
html[data-theme="dark"] .ds-budget-amt{ color: #f1f5f9; }
html[data-theme="dark"] .ds-budget-unit{ color: #94a3b8; }
html[data-theme="dark"] .ds-budget-group{ color: #cbd5e1; }
html[data-theme="dark"] .ds-budget-tag{ color: #ddd6fe; background: rgba(139,92,246,.16); border-color: rgba(167,139,250,.3); }
html[data-theme="dark"] .ds-budget-foot{ color: #64748b; }
html[data-theme="dark"] .ds-budget-bar{ background: #1f2937; }
html[data-theme="dark"] .ds-budget-seg.is-act  { background: linear-gradient(180deg,#60a5fa,#3b82f6); }
html[data-theme="dark"] .ds-budget-seg.is-meal { background: linear-gradient(180deg,#a78bfa,#8b5cf6); }
html[data-theme="dark"] .ds-budget-seg.is-trans{ background: linear-gradient(180deg,#fcd34d,#f59e0b); }
html[data-theme="dark"] .ds-budget-seg + .ds-budget-seg{ box-shadow: -1px 0 0 rgba(11,18,32,.6); }
html[data-theme="dark"] .ds-budget-dot.is-act  { background: #60a5fa; }
html[data-theme="dark"] .ds-budget-dot.is-meal { background: #a78bfa; }
html[data-theme="dark"] .ds-budget-dot.is-trans{ background: #fbbf24; }
html[data-theme="dark"] .ds-budget-leg-lbl{ color: #94a3b8; }
html[data-theme="dark"] .ds-budget-leg-val{ color: #f1f5f9; }
html[data-theme="dark"] .ds-budget-leg-val small{ color: #64748b; }
html[data-theme="dark"] .ds-budget-toggle{ background: #0f172a; border-top-color: #111827; color: #93c5fd; }
html[data-theme="dark"] .ds-budget-toggle:hover{ background: #111c33; }
html[data-theme="dark"] .ds-budget-toggle:focus-visible{ box-shadow: inset 0 0 0 2px rgba(96,165,250,.45); }
html[data-theme="dark"] .ds-budget-caret{ color: #64748b; }
html[data-theme="dark"] .ds-budget-toggle[aria-expanded="true"] .ds-budget-caret{ color: #93c5fd; }
html[data-theme="dark"] .ds-budget-day + .ds-budget-day{ border-top-color: #111827; }
html[data-theme="dark"] .ds-budget-day:hover{ background: #101b30; }
html[data-theme="dark"] .ds-budget-day-n{ color: #94a3b8; }
html[data-theme="dark"] .ds-budget-day-ttl{ color: #e5e7eb; }
html[data-theme="dark"] .ds-budget-day-amt{ color: #f1f5f9; }

/* ===== Mapa del dia (.ds-map*) DARK ===== */
html[data-theme="dark"] .ds-map-section{ border-top-color: #111827; }
html[data-theme="dark"] .ds-map-toggle{ color: #93c5fd; }
html[data-theme="dark"] .ds-map-toggle:hover{ background: #111c33; }
html[data-theme="dark"] .ds-map-toggle:focus-visible{ box-shadow: inset 0 0 0 2px rgba(96,165,250,.45); }
html[data-theme="dark"] .ds-map-toggle-ico{ background: linear-gradient(135deg, rgba(96,165,250,.16), rgba(139,92,246,.2)); color: #60a5fa; }
html[data-theme="dark"] .ds-map-caret{ color: #64748b; }
html[data-theme="dark"] .ds-map-toggle[aria-expanded="true"] .ds-map-caret{ color: #93c5fd; }
html[data-theme="dark"] .ds-map-canvas{ background: linear-gradient(135deg, #0f172a, #111c33); border-color: #1f2937; box-shadow: inset 0 0 0 1px rgba(255,255,255,.02); }
html[data-theme="dark"] .ds-map-state{ background: linear-gradient(135deg, #0f172a, #111c33); color: #94a3b8; }
html[data-theme="dark"] .ds-map-loading{ background: linear-gradient(90deg,#0f172a 25%,#16213b 37%,#0f172a 63%); background-size: 400% 100%; }
html[data-theme="dark"] .ds-map-empty i{ color: #64748b; }
html[data-theme="dark"] .ds-map-pin-n{ background: linear-gradient(150deg, #60a5fa, #3b82f6); border-color: #0b1220; box-shadow: 0 4px 10px rgba(0,0,0,.5), 0 0 0 1px rgba(96,165,250,.3); }
html[data-theme="dark"] .ds-map-pin.is-active .ds-map-pin-n{ background: linear-gradient(150deg, #a78bfa, #8b5cf6); box-shadow: 0 6px 14px rgba(0,0,0,.55), 0 0 0 1px rgba(167,139,250,.4); }
html[data-theme="dark"] .leaflet-popup.ds-map-pop .leaflet-popup-content-wrapper{ background: #0b1220; border-color: #1f2937; box-shadow: 0 12px 30px rgba(0,0,0,.6); }
html[data-theme="dark"] .leaflet-popup.ds-map-pop .leaflet-popup-tip{ background: #0b1220; }
html[data-theme="dark"] .ds-map-pop-name{ color: #f1f5f9; }
html[data-theme="dark"] .ds-map-pop-time{ color: #93c5fd; }
html[data-theme="dark"] .leaflet-popup.ds-map-pop .leaflet-popup-close-button{ color: #94a3b8; }
html[data-theme="dark"] .ds-map-exp-gmaps{ background: linear-gradient(135deg, #60a5fa, #8b5cf6); color: #0b1020; box-shadow: 0 4px 12px rgba(0,0,0,.4); }
html[data-theme="dark"] .ds-map-exp-gpx{ background: #0b1220; border-color: #283449; color: #93c5fd; }
html[data-theme="dark"] .ds-map-exp-gpx:hover{ background: #111c33; border-color: #334155; color: #bfdbfe; }
html[data-theme="dark"] .ds-map-exp:focus-visible{ box-shadow: 0 0 0 .2rem rgba(96,165,250,.4); }
html[data-theme="dark"] .ds-map-upsell .ds-limit-note{ background: rgba(37,99,235,.08); border-color: rgba(96,165,250,.3); }
html[data-theme="dark"] .ds-map-upsell .ds-limit-ico{ background: rgba(96,165,250,.14); color: #93c5fd; }
html[data-theme="dark"] .ds-map-upsell .ds-limit-body{ color: #cbd5e1; }
html[data-theme="dark"] .ds-map-upsell .ds-limit-body strong{ color: #bfdbfe; }
html[data-theme="dark"] .ds-map-canvas .leaflet-container{ background: #0f172a; }
html[data-theme="dark"] .ds-map-canvas .leaflet-control-attribution{ background: rgba(11,18,32,.8); color: #64748b; }
html[data-theme="dark"] .ds-map-canvas .leaflet-control-attribution a{ color: #60a5fa; }
html[data-theme="dark"] .ds-map-canvas .leaflet-bar a{ background: #0f172a; color: #cbd5e1; border-color: #1f2937; }
html[data-theme="dark"] .ds-map-canvas .leaflet-bar a:hover{ background: #111c33; }
html[data-theme="dark"] .ds-map-canvas .leaflet-tile-pane{ filter: brightness(.82) contrast(1.05) saturate(.9); }

/* Presupuesto plegable DARK */
html[data-theme="dark"] .ds-budget-head:hover{ background: linear-gradient(180deg, #111c33, #0f172a); }
html[data-theme="dark"] .ds-budget-head:focus-visible{ box-shadow: inset 0 0 0 2px rgba(96,165,250,.45); }
html[data-theme="dark"] .ds-budget-headcaret{ color: #64748b; }
html[data-theme="dark"] .ds-budget.is-open .ds-budget-headcaret{ color: #93c5fd; }

/* ===== Recorrido del detalle (.ds-rmap*) DARK ===== */
html[data-theme="dark"] .ds-rmap-fab{ background: rgba(15,23,42,.82); border-color:#1f2937; color:#93c5fd; box-shadow:0 6px 18px rgba(0,0,0,.5), 0 0 0 1px rgba(96,165,250,.08); }
html[data-theme="dark"] .ds-rmap-fab:hover{ background:rgba(17,28,51,.95); box-shadow:0 8px 22px rgba(0,0,0,.6); }
html[data-theme="dark"] .ds-rmap-fab:focus-visible{ box-shadow:0 0 0 .2rem rgba(96,165,250,.4), 0 6px 18px rgba(0,0,0,.5); }
html[data-theme="dark"] .ds-rmap-fab-ico{ background: linear-gradient(135deg, rgba(96,165,250,.16), rgba(139,92,246,.2)); color:#60a5fa; }
html[data-theme="dark"] .ds-map.is-route .ds-rmap-fab{ color:#c4b5fd; }
html[data-theme="dark"] .ds-map.is-route .ds-rmap-fab-ico{ background: linear-gradient(135deg, rgba(139,92,246,.22), rgba(124,58,237,.28)); color:#a78bfa; }
html[data-theme="dark"] .ds-rmap-canvas .leaflet-container{ background:#0f172a; }
html[data-theme="dark"] .ds-rmap-canvas .leaflet-control-attribution{ background:rgba(11,18,32,.8); color:#64748b; }
html[data-theme="dark"] .ds-rmap-canvas .leaflet-control-attribution a{ color:#60a5fa; }
html[data-theme="dark"] .ds-rmap-canvas .leaflet-tile-pane{ filter: brightness(.82) contrast(1.05) saturate(.9); }
html[data-theme="dark"] .ds-rmap-loading{ color:#94a3b8; background:rgba(11,18,32,.55); }
html[data-theme="dark"] .ds-rmap-spin{ border-color:rgba(96,165,250,.25); border-top-color:#60a5fa; }
html[data-theme="dark"] .ds-rmap-bar{ background: rgba(11,18,32,.88); border-color:#1f2937; box-shadow:0 8px 22px rgba(0,0,0,.55), 0 0 0 1px rgba(96,165,250,.08); }
html[data-theme="dark"] .ds-rmap-back{ background: linear-gradient(135deg,#60a5fa,#8b5cf6); color:#0b1020; box-shadow:0 3px 9px rgba(0,0,0,.45); }
html[data-theme="dark"] .ds-rmap-tag{ color:#94a3b8; }
html[data-theme="dark"] .ds-rmap-upsell.ds-limit-note{ background: rgba(37,99,235,.1); border-color: rgba(96,165,250,.3); }
html[data-theme="dark"] .ds-rmap-upsell .ds-limit-ico{ background: rgba(96,165,250,.14); color:#93c5fd; }
html[data-theme="dark"] .ds-rmap-upsell .ds-limit-body{ color:#cbd5e1; }
html[data-theme="dark"] .ds-rmap-upsell .ds-limit-body strong{ color:#bfdbfe; }

html[data-theme="dark"] .ds-budget-usd{ color:#94a3b8; }

/* ===== CHAT CONVERSACIONAL (.ds-chat*) DARK ===== */
html[data-theme="dark"] .ds-chat-fab{ background: linear-gradient(135deg, #60a5fa, #8b5cf6); box-shadow: 0 12px 30px rgba(0,0,0,.55), 0 0 0 1px rgba(96,165,250,.12); }
html[data-theme="dark"] .ds-chat-fab:focus-visible{ box-shadow: 0 0 0 4px rgba(167,139,250,.4), 0 12px 30px rgba(0,0,0,.5); }
html[data-theme="dark"] .ds-chat-fab-badge{ color: #6d28d9; background: #e9e5ff; }
html[data-theme="dark"] .ds-chat-fab-lock{ color: #cbd5e1; background: #0f172a; box-shadow: 0 2px 6px rgba(0,0,0,.5); }
html[data-theme="dark"] .ds-chat-fab.is-locked{ background: linear-gradient(135deg, #475569, #334155); box-shadow: 0 10px 24px rgba(0,0,0,.55); }
html[data-theme="dark"] .ds-chat-gate{ background: #0b1220; border-color: #1f2937; color: #cbd5e1; box-shadow: 0 16px 38px rgba(0,0,0,.6); }
html[data-theme="dark"] .ds-chat-gate::after{ border-color: #1f2937; }
html[data-theme="dark"] .ds-chat-gate strong{ color: #f1f5f9; }
html[data-theme="dark"] .ds-chat-gate p{ color: #94a3b8; }
html[data-theme="dark"] .ds-chat-gate-primary{ background: linear-gradient(135deg,#60a5fa,#8b5cf6); color: #0b1020; }
html[data-theme="dark"] .ds-chat-gate-ghost{ color: #93c5fd; background: #0b1220; border-color: #283449; }
html[data-theme="dark"] .ds-chat-panel{ background: #0b1220; border-color: #1f2937; box-shadow: 0 24px 60px rgba(0,0,0,.7), 0 0 0 1px rgba(96,165,250,.06); }
html[data-theme="dark"] .ds-chat-head{ background: linear-gradient(135deg, rgba(96,165,250,.08), rgba(139,92,246,.1)); border-bottom-color: #111827; }
html[data-theme="dark"] .ds-chat-head-ico{ background: linear-gradient(135deg, #60a5fa, #8b5cf6); box-shadow: 0 4px 12px rgba(0,0,0,.45); }
html[data-theme="dark"] .ds-chat-head-txt strong{ color: #f1f5f9; }
html[data-theme="dark"] .ds-chat-head-txt small{ color: #94a3b8; }
html[data-theme="dark"] .ds-chat-x{ color: #64748b; }
html[data-theme="dark"] .ds-chat-x:hover{ background: rgba(148,163,184,.14); color: #cbd5e1; }
html[data-theme="dark"] .ds-chat-msgs{ scrollbar-color: #334155 transparent; }
html[data-theme="dark"] .ds-chat-msgs::-webkit-scrollbar-thumb{ background: #334155; }
html[data-theme="dark"] .ds-chat-msgs::-webkit-scrollbar-thumb:hover{ background: #475569; }
html[data-theme="dark"] .ds-chat-empty-ico{ background: linear-gradient(135deg, rgba(96,165,250,.12), rgba(139,92,246,.16)); color: #a78bfa; }
html[data-theme="dark"] .ds-chat-empty-txt{ color: #94a3b8; }
html[data-theme="dark"] .ds-chat-chip{ color: #cbd5e1; background: #0f172a; border-color: #1f2937; }
html[data-theme="dark"] .ds-chat-chip:hover{ background: #111c33; border-color: #3730a3; color: #f1f5f9; }
html[data-theme="dark"] .ds-chat-ava{ background: linear-gradient(135deg, #60a5fa, #8b5cf6); box-shadow: 0 2px 8px rgba(0,0,0,.45); }
html[data-theme="dark"] .ds-chat-ava.is-error{ background: linear-gradient(135deg, #fbbf24, #f59e0b); }
html[data-theme="dark"] .ds-chat-bubble.is-assistant{ color: #e5e7eb; background: #0f172a; border-color: #1f2937; }
html[data-theme="dark"] .ds-chat-bubble.is-user{ background: linear-gradient(135deg, #60a5fa, #8b5cf6); color: #0b1020; box-shadow: 0 4px 12px rgba(0,0,0,.4); }
html[data-theme="dark"] .ds-chat-bubble.is-error{ color: #fcd34d; background: rgba(245,158,11,.08); border-color: rgba(245,158,11,.35); }
html[data-theme="dark"] .ds-chat-pill.is-busy{ color: #a78bfa; background: linear-gradient(135deg, rgba(96,165,250,.12), rgba(139,92,246,.16)); border-color: rgba(167,139,250,.28); }
html[data-theme="dark"] .ds-chat-pill.is-done{ color: #4ade80; background: rgba(74,222,128,.1); border-color: rgba(74,222,128,.28); }
html[data-theme="dark"] .ds-chat-pill.is-failed{ color: #fcd34d; background: rgba(245,158,11,.08); border-color: rgba(245,158,11,.3); }
html[data-theme="dark"] .ds-chat-pill-bars i{ background: linear-gradient(180deg, #60a5fa, #a78bfa); }
html[data-theme="dark"] .ds-chat-typing-dot{ background: #64748b; }
html[data-theme="dark"] .ds-chat-composer{ background: #0f172a; border-top-color: #111827; }
html[data-theme="dark"] .ds-chat-input{ background: #0b1220; border-color: #283449; color: #e5e7eb; }
html[data-theme="dark"] .ds-chat-input::placeholder{ color: #64748b; }
html[data-theme="dark"] .ds-chat-input:focus{ border-color: #a78bfa; box-shadow: 0 0 0 .2rem rgba(167,139,250,.2); }
html[data-theme="dark"] .ds-chat-send{ background: linear-gradient(135deg, #60a5fa, #8b5cf6); color: #0b1020; box-shadow: 0 4px 12px rgba(0,0,0,.4); }
html[data-theme="dark"] .ds-chat-cred-track{ stroke: rgba(255,255,255,.18); }
html[data-theme="dark"] .ds-chat-mic{ color: #c4b5fd; background: rgba(139,92,246,.18); }
html[data-theme="dark"] .ds-chat-mic:hover{ background: rgba(139,92,246,.30); }
html[data-theme="dark"] .ds-chat-mic.is-listening{ color: #fff; background: #ef4444; }
@media (max-width: 991.98px){
  html[data-theme="dark"] .ds-chat-panel{ box-shadow: 0 -18px 50px rgba(0,0,0,.7); }
  html[data-theme="dark"] .ds-chat-head::before{ background: #334155; }
  html[data-theme="dark"] .ds-chat-backdrop{ background: rgba(0,0,0,.62); }
}