/* ===========================================
   Epistemic Lens — Visual mood per lens
   Extends research-index.css for lens pages
   =========================================== */

/* --- Shared lens layout --- */

.ri-lens .ri-results-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}

.ri-lens .ri-result-row {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

/* Thumbnails */

.ri-result-thumb {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 3px;
  background: var(--grey-200, #eee);
}

body:not(.light-theme) .ri-result-thumb {
  background: #333;
}

.ri-result-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* --- OBSERVATIONS — field notebook feel --- */

.ri-lens-observations {
  --lens-accent: #5a7a3a;
  --lens-accent-light: #e8f0e0;
  --lens-accent-dark: #3d5a28;
}

.ri-lens-observations .ri-search-input {
  border-left: 3px solid var(--lens-accent);
}

.ri-lens-observations .ri-result-badge {
  background: var(--lens-accent-light);
  color: var(--lens-accent-dark);
}

body:not(.light-theme) .ri-lens-observations .ri-result-badge {
  background: #2a3a20;
  color: #a0c880;
}

/* --- MEASUREMENTS — clinical precision --- */

.ri-lens-measurements {
  --lens-accent: #3a6a8a;
  --lens-accent-light: #e0eef5;
  --lens-accent-dark: #1a4a6a;
}

.ri-lens-measurements .ri-search-input {
  border-left: 3px solid var(--lens-accent);
}

.ri-lens-measurements .ri-result-badge {
  background: var(--lens-accent-light);
  color: var(--lens-accent-dark);
}

.ri-lens-measurements .ri-result-code {
  font-weight: 600;
}

body:not(.light-theme) .ri-lens-measurements .ri-result-badge {
  background: #1a3040;
  color: #80b8d8;
}

/* --- PRACTICE — warm studio feel --- */

.ri-lens-practice {
  --lens-accent: #8a5a3a;
  --lens-accent-light: #f5e8e0;
  --lens-accent-dark: #6a3a1a;
}

.ri-lens-practice .ri-search-input {
  border-left: 3px solid var(--lens-accent);
}

.ri-lens-practice .ri-result-badge {
  background: var(--lens-accent-light);
  color: var(--lens-accent-dark);
}

.ri-lens-practice .ri-result-title {
  font-style: italic;
}

body:not(.light-theme) .ri-lens-practice .ri-result-badge {
  background: #3a2a1a;
  color: #d8a880;
}

/* --- THEORY — typographic/academic --- */

.ri-lens-theory {
  --lens-accent: #4a4a6a;
  --lens-accent-light: #e8e8f0;
  --lens-accent-dark: #2a2a4a;
}

.ri-lens-theory .ri-search-input {
  border-left: 3px solid var(--lens-accent);
}

.ri-lens-theory .ri-result-badge {
  background: var(--lens-accent-light);
  color: var(--lens-accent-dark);
  letter-spacing: 0.05em;
}

.ri-lens-theory .ri-result-title {
  font-weight: 500;
}

body:not(.light-theme) .ri-lens-theory .ri-result-badge {
  background: #2a2a3a;
  color: #a0a0c8;
}

/* --- Responsive --- */

@media (max-width: 480px) {
  .ri-result-thumb {
    width: 48px;
    height: 48px;
  }
}