/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Knowledge graph dual-range date slider — shared by speaker/stock show pages.
   Track 는 min 쪽에만 그려서 min/max 겹침 방지. thumb pointer-events: auto 로 양쪽 독립 드래그. */
.kg-range-min, .kg-range-max {
  -webkit-appearance: none; appearance: none;
  pointer-events: none; background: transparent;
}
.kg-range-min::-webkit-slider-runnable-track,
.kg-range-max::-webkit-slider-runnable-track {
  height: 3px; background: var(--border); border-radius: 2px;
}
.kg-range-max::-webkit-slider-runnable-track { background: transparent; }
.kg-range-min::-webkit-slider-thumb,
.kg-range-max::-webkit-slider-thumb {
  -webkit-appearance: none; appearance: none;
  width: 14px; height: 14px; border-radius: 50%;
  background: var(--accent); border: 2px solid var(--bg-page);
  cursor: pointer; pointer-events: auto; margin-top: -6px;
}
.kg-range-min::-moz-range-track,
.kg-range-max::-moz-range-track {
  height: 3px; background: var(--border); border-radius: 2px; border: none;
}
.kg-range-max::-moz-range-track { background: transparent; }
.kg-range-min::-moz-range-thumb,
.kg-range-max::-moz-range-thumb {
  width: 12px; height: 12px; border-radius: 50%;
  background: var(--accent); border: 2px solid var(--bg-page);
  cursor: pointer; pointer-events: auto;
}

/* Horizontal scroll with edge fade indicator (scroll-shadow technique).
   Cover layer = var(--bg-card) with attachment:local → scrolls with content & hides shadow at start/end.
   Shadow layer = attachment:scroll → stays pinned to edges, revealed only when content overflows that side. */
.chip-scroll {
  overflow-x: auto;
  scrollbar-width: none;
  background:
    linear-gradient(to right, var(--bg-card), rgba(0,0,0,0)) 0 0 / 24px 100% no-repeat local,
    linear-gradient(to left,  var(--bg-card), rgba(0,0,0,0)) 100% 0 / 24px 100% no-repeat local,
    linear-gradient(to right, rgba(0,0,0,0.45), rgba(0,0,0,0)) 0 0 / 14px 100% no-repeat scroll,
    linear-gradient(to left,  rgba(0,0,0,0.45), rgba(0,0,0,0)) 100% 0 / 14px 100% no-repeat scroll;
}
.chip-scroll::-webkit-scrollbar { display: none; }