/* ============================================================================
   THOR — RESULTADOS / HISTORIAL · Apple Redesign
   100% CSS. Cargado el ÚLTIMO en panel.html (gana cascada). Reversible.
   Cubre la sección #historial y #buscarAhora (ambas usan .result-card).
   Reutiliza los mismos tokens --ka-* del kanban para coherencia visual.
   No cambia HTML ni JS. Mantiene todas las clases (acopladas a renderCard.js).
   ============================================================================ */

/* Tokens (heredan/igualan a kanban-apple-redesign.css; redefinidos por si este
   archivo se carga sin el del kanban) */
:root {
  --sr-bg: #f5f5f7;
  --sr-card: #ffffff;
  --sr-text: #1d1d1f;
  --sr-text-2: #6e6e73;
  --sr-text-3: #a1a1a6;
  --sr-border: rgba(0,0,0,.08);
  --sr-border-2: rgba(0,0,0,.14);
  --sr-accent: #e88732;
  --sr-blue: #0a84ff;
  --sr-green: #34c759;
  --sr-red: #ff3b30;
  --sr-amber: #ff9f0a;
  --sr-r-card: 16px;
  --sr-r-pill: 980px;
  --sr-sh: 0 1px 2px rgba(0,0,0,.05), 0 6px 16px rgba(0,0,0,.05);
  --sr-sh-h: 0 8px 22px rgba(0,0,0,.12), 0 16px 40px rgba(0,0,0,.10);
  --sr-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, sans-serif;
  --sr-mono: "SF Mono", "JetBrains Mono", ui-monospace, monospace;
}
[data-theme="dark"] {
  --sr-bg: #000; --sr-card: #1c1c1e; --sr-text: #f5f5f7; --sr-text-2: #aeaeb2; --sr-text-3: #8e8e93;
  --sr-border: rgba(255,255,255,.10); --sr-border-2: rgba(255,255,255,.18);
  --sr-sh: 0 1px 2px rgba(0,0,0,.5), 0 6px 16px rgba(0,0,0,.4);
  --sr-sh-h: 0 10px 28px rgba(0,0,0,.6);
}

/* ===== GRID DE RESULTADOS (faltaba: salían en columna) ===== */
#historial .historial-results,
#buscarAhora .search-results-container,
#scrapeResults,
#historyResults {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)) !important;
  gap: 16px !important;
  align-items: start !important;
}

/* ===== TARJETA DE RESULTADO ===== */
#historial .result-card,
#buscarAhora .result-card,
.section .result-card {
  background: var(--sr-card) !important;
  border: 1px solid var(--sr-border) !important;
  border-radius: var(--sr-r-card) !important;
  box-shadow: var(--sr-sh) !important;
  overflow: hidden !important;
  transition: transform .22s cubic-bezier(.2,.7,.3,1), box-shadow .22s ease, border-color .2s ease !important;
}
.section .result-card::before { display: none !important; }
.section .result-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: var(--sr-sh-h) !important;
  border-color: var(--sr-border-2) !important;
}

/* Header: fondo plano (sin gradiente gris), badge expediente + título */
.section .result-card .card-header-section {
  background: transparent !important;
  border-bottom: 1px solid var(--sr-border) !important;
  padding: 16px 18px 14px !important;
}
.section .result-card .card-expediente-badge {
  background: rgba(10,132,255,.12) !important;
  color: var(--sr-blue) !important;
  font-family: var(--sr-mono) !important;
  font-weight: 700 !important;
  font-size: .72rem !important;
  letter-spacing: -.01em !important;
  border-radius: var(--sr-r-pill) !important;
  padding: 4px 11px !important;
  box-shadow: none !important;
}
.section .result-card .card-expediente-badge::before { content: "" !important; margin: 0 !important; }
.section .result-card .card-title-main {
  font-family: var(--sr-font) !important;
  font-size: 1.02rem !important;
  font-weight: 600 !important;
  letter-spacing: -.015em !important;
  line-height: 1.38 !important;
  color: var(--sr-text) !important;
  margin-top: 10px !important;
}

/* Body */
.section .result-card .card-body-section { padding: 16px 18px !important; gap: 14px !important; }
.section .result-card .card-info-label {
  font-size: .68rem !important; font-weight: 600 !important;
  text-transform: uppercase !important; letter-spacing: .04em !important;
  color: var(--sr-text-3) !important;
}
.section .result-card .card-info-value {
  font-size: .86rem !important; font-weight: 500 !important; color: var(--sr-text) !important;
}
/* Importe: naranja sólido pero sobrio */
.section .result-card .card-info-value.importe-value {
  color: var(--sr-accent) !important; font-weight: 700 !important; font-size: .95rem !important;
}

/* Badge de estado (Publicada, etc.) — el HTML lo genera obtenerBadgeEstado */
.section .result-card .card-info-value .badge,
.section .result-card .estado-badge,
.section .result-card [class*="badge-estado"] {
  border-radius: var(--sr-r-pill) !important;
  font-weight: 600 !important;
  font-size: .72rem !important;
  padding: 3px 10px !important;
}

/* Fecha límite: caja sutil; vencida en chip rojo discreto (no bloque rosa) */
.section .result-card .fecha-limite-card {
  background: color-mix(in srgb, var(--sr-text-2) 7%, transparent) !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 9px 12px !important;
  display: flex !important; align-items: center !important; justify-content: space-between !important;
}
.section .result-card .fecha-limite-text { font-size: .8rem !important; color: var(--sr-text-2) !important; }
.section .result-card .dias-restantes {
  font-size: .7rem !important; font-weight: 700 !important;
  border-radius: var(--sr-r-pill) !important; padding: 2px 9px !important;
  background: color-mix(in srgb, var(--sr-text-2) 14%, transparent) !important;
  color: var(--sr-text-2) !important;
}
.section .result-card .fecha-limite-card.urgencia-amarilla { background: rgba(255,159,10,.12) !important; }
.section .result-card .fecha-limite-card.urgencia-amarilla .dias-restantes { background: rgba(255,159,10,.20) !important; color: #b06a00 !important; }
.section .result-card .fecha-limite-card.urgencia-roja { background: rgba(255,59,48,.10) !important; }
.section .result-card .fecha-limite-card.urgencia-roja .dias-restantes,
.section .result-card .fecha-limite-card.urgencia-vencida .dias-restantes { background: var(--sr-red) !important; color: #fff !important; }
.section .result-card .fecha-limite-card.urgencia-vencida { background: rgba(255,59,48,.08) !important; }

/* ===== BOTONES DE ACCIÓN DE LA TARJETA ===== */
.section .result-card .card-actions-section {
  background: transparent !important;
  border-top: 1px solid var(--sr-border) !important;
  padding: 13px 18px !important;
  display: flex !important; flex-direction: column !important; gap: 10px !important;
}
.section .result-card .card-action-buttons { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; }
/* Reset del naranja global + base pill */
.section .result-card .card-actions-section button,
.section .result-card .card-actions-section a {
  background-image: none !important;
  border-radius: var(--sr-r-pill) !important;
  font-family: var(--sr-font) !important;
  font-weight: 600 !important;
  font-size: .78rem !important;
  padding: 7px 14px !important;
  border: none !important;
  box-shadow: none !important;
  transition: filter .15s ease, background .15s ease !important;
}
/* Capturar enlace / Ver licitación → acción principal naranja */
.section .result-card .capturar-enlace-btn,
.section .result-card .lic-link {
  background: var(--sr-accent) !important; color: #fff !important;
  display: inline-flex !important; align-items: center !important; gap: 5px !important;
  text-decoration: none !important;
}
.section .result-card .capturar-enlace-btn:hover,
.section .result-card .lic-link:hover { filter: brightness(.94) !important; }
/* Analizar → secundario azul tenue */
.section .result-card .analizar-btn {
  background: rgba(10,132,255,.12) !important; color: var(--sr-blue) !important;
}
.section .result-card .analizar-btn:hover:not(:disabled) { background: rgba(10,132,255,.20) !important; }
.section .result-card .analizar-btn:disabled { background: color-mix(in srgb, var(--sr-text-2) 8%, transparent) !important; color: var(--sr-text-3) !important; cursor: not-allowed !important; }
/* Favorito → secundario ámbar tenue */
.section .result-card .add-fav-btn {
  background: rgba(255,159,10,.14) !important; color: #b06a00 !important;
}
.section .result-card .add-fav-btn:hover { background: rgba(255,159,10,.22) !important; }
.section .result-card .add-fav-btn:disabled { background: rgba(52,199,89,.14) !important; color: #248a3d !important; }
/* Quitar / No me interesa → secundario rojo tenue */
.section .result-card .remove-fav-btn,
.section .result-card .btn-no-me-interesa-thoria {
  background: rgba(255,59,48,.10) !important; color: #d70015 !important;
}
.section .result-card .remove-fav-btn:hover,
.section .result-card .btn-no-me-interesa-thoria:hover { background: rgba(255,59,48,.18) !important; }
/* Ver resumen ThorIA → secundario violeta tenue */
.section .result-card .btn-thoria-open-resumen {
  background: rgba(191,90,242,.14) !important; color: #8e3fce !important;
}
.section .result-card .btn-thoria-open-resumen:hover { background: rgba(191,90,242,.22) !important; }

/* ===== BOTONES DE ACCIÓN DE LA SECCIÓN (Buscar / Email / Eliminar) ===== */
#historial .historial-actions .btn-primary,
#historial .historial-actions .btn-secondary,
#historial .historial-actions .btn-danger {
  background-image: none !important;
  border-radius: 10px !important;
  font-family: var(--sr-font) !important;
  font-weight: 600 !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  transition: filter .15s ease, background .15s ease !important;
}
#historial .historial-actions .btn-primary { background: var(--sr-accent) !important; color: #fff !important; }
#historial .historial-actions .btn-primary:hover { filter: brightness(.94) !important; }
#historial .historial-actions .btn-secondary {
  background: var(--sr-card) !important; color: var(--sr-text) !important; border-color: var(--sr-border-2) !important;
}
#historial .historial-actions .btn-secondary:hover { background: color-mix(in srgb, var(--sr-text-2) 8%, var(--sr-card)) !important; }
#historial .historial-actions .btn-danger { background: rgba(255,59,48,.12) !important; color: #d70015 !important; }
#historial .historial-actions .btn-danger:hover { background: rgba(255,59,48,.20) !important; }

/* ===== FILTROS DE PERIODO (Este mes / Mes pasado / ...) ===== */
#historial .quick-date-btn {
  background: var(--sr-card) !important;
  background-image: none !important;
  color: var(--sr-text-2) !important;
  border: 1px solid var(--sr-border-2) !important;
  border-radius: var(--sr-r-pill) !important;
  font-family: var(--sr-font) !important;
  font-weight: 600 !important;
  font-size: .8rem !important;
  padding: 7px 14px !important;
  box-shadow: none !important;
  transition: background .15s, border-color .15s, color .15s !important;
}
#historial .quick-date-btn:hover {
  background: color-mix(in srgb, var(--sr-text-2) 8%, var(--sr-card)) !important;
  background-image: none !important;
}
#historial .quick-date-btn.active {
  background: var(--sr-accent) !important;
  background-image: none !important;
  color: #fff !important;
  border-color: var(--sr-accent) !important;
}

/* ===== CHIPS DE TIPO/PERIODO ===== */
#historial .filter-chip {
  background: var(--sr-card) !important;
  background-image: none !important;
  color: var(--sr-text-2) !important;
  border: 1px solid var(--sr-border-2) !important;
  border-radius: var(--sr-r-pill) !important;
  font-family: var(--sr-font) !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
#historial .filter-chip:hover { background: color-mix(in srgb, var(--sr-text-2) 8%, var(--sr-card)) !important; }
#historial .filter-chip.active {
  background: var(--sr-accent) !important; background-image: none !important;
  color: #fff !important; border-color: var(--sr-accent) !important;
}
#historial .filter-chip.ted-chip.active { background: var(--sr-blue) !important; border-color: var(--sr-blue) !important; }

/* ===== INPUTS (Palabras clave, Importe, fechas) ===== */
#historial .filter-input,
#historial .date-input,
#historial .config-input,
#buscarAhora #keywordScrape,
#buscarAhora #importeDesdeScrape,
#buscarAhora #importeHastaScrape {
  border: 1px solid var(--sr-border-2) !important;
  border-radius: 10px !important;
  background: var(--sr-card) !important;
  color: var(--sr-text) !important;
  font-family: var(--sr-font) !important;
  outline: none !important;
  transition: border-color .15s, box-shadow .15s !important;
}
#historial .filter-input:focus,
#historial .date-input:focus,
#buscarAhora #keywordScrape:focus {
  border-color: var(--sr-accent) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--sr-accent) 18%, transparent) !important;
}

/* ===== CONTADOR DE RESULTADOS ===== */
#historial .results-info,
#buscarAhora .results-info,
#historialResultsInfo {
  font-family: var(--sr-font) !important;
  color: var(--sr-text-2) !important;
  font-size: .9rem !important;
}
#historial #historialResultsCount,
#historialResultsCount { font-weight: 700 !important; color: var(--sr-text) !important; }

/* ===== TÍTULO SECCIÓN ===== */
#historial .historial-title {
  font-family: var(--sr-font) !important; font-weight: 700 !important;
  letter-spacing: -.02em !important; color: var(--sr-text) !important;
}

/* ===== Movimiento reducido ===== */
@media (prefers-reduced-motion: reduce) {
  .section .result-card, .section .result-card:hover { transition: none !important; transform: none !important; }
}

/* ===== Responsive ===== */
@media (max-width: 640px) {
  #historial .historial-results,
  #buscarAhora .search-results-container,
  #scrapeResults, #historyResults {
    grid-template-columns: 1fr !important;
  }
}