/* Cross-theme polish — modals, buttons, sync chip, banners (Sprint E) */

html[data-theme="light"] .header__stat-chip--sync[data-status="pending"] {
  border-color: rgba(138, 109, 66, 0.28);
  background: rgba(138, 109, 66, 0.08);
}

html[data-theme="light"] .header__stat-chip--sync[data-status="pending"] .header__stat-label {
  color: #8a6d42;
}

html[data-theme="light"] .header__stat-chip--sync[data-status="saved"] {
  border-color: rgba(45, 154, 82, 0.28);
  background: rgba(45, 154, 82, 0.08);
}

html[data-theme="light"] .header__stat-chip--sync[data-status="saved"] .header__stat-label {
  color: #2d7a48;
}

html[data-theme="light"] .header__stat-chip--sync[data-status="error"] {
  border-color: rgba(200, 80, 80, 0.28);
  background: rgba(200, 80, 80, 0.08);
}

html[data-theme="light"] .header__stat-chip--sync[data-status="error"] .header__stat-label {
  color: #b84a4a;
}

html[data-theme="light"] .header__stat-chip--sync[data-status="offline"] {
  border-color: rgba(0, 0, 0, 0.12);
  background: rgba(0, 0, 0, 0.05);
}

html[data-theme="light"] .header__stat-chip--sync[data-status="offline"] .header__stat-label {
  color: #6a6a74;
}

html[data-theme="purple"] .header__stat-chip--sync[data-status="saved"] {
  border-color: rgba(98, 224, 144, 0.28);
  background: rgba(98, 224, 144, 0.08);
}

html[data-theme="purple"] .header__stat-chip--sync[data-status="saved"] .header__stat-label {
  color: #8ee8b0;
}

html[data-theme="brown"] .header__stat-chip--sync[data-status="saved"] {
  border-color: rgba(110, 208, 144, 0.28);
  background: rgba(110, 208, 144, 0.08);
}

html[data-theme="brown"] .header__stat-chip--sync[data-status="saved"] .header__stat-label {
  color: #9ed8b4;
}

html[data-theme="pink"] .header__stat-chip--sync[data-status="saved"] {
  border-color: rgba(110, 208, 144, 0.28);
  background: rgba(110, 208, 144, 0.08);
}

html[data-theme="pink"] .header__stat-chip--sync[data-status="saved"] .header__stat-label {
  color: #9ed8b4;
}

html[data-theme="dark"] .header__stat-chip--sync[data-status="saved"],
html:not([data-theme]) .header__stat-chip--sync[data-status="saved"] {
  border-color: rgba(88, 195, 34, 0.28);
  background: rgba(88, 195, 34, 0.08);
}

html[data-theme="dark"] .header__stat-chip--sync[data-status="saved"] .header__stat-label,
html:not([data-theme]) .header__stat-chip--sync[data-status="saved"] .header__stat-label {
  color: #78d858;
}

html[data-theme="light"] .btn--danger,
html[data-theme="purple"] .btn--danger,
html[data-theme="brown"] .btn--danger,
html[data-theme="pink"] .btn--danger {
  color: #e05555;
  background: rgba(224, 85, 85, 0.1);
  border-color: rgba(224, 85, 85, 0.28);
}

html[data-theme="light"] .btn--danger:hover,
html[data-theme="purple"] .btn--danger:hover,
html[data-theme="brown"] .btn--danger:hover,
html[data-theme="pink"] .btn--danger:hover {
  background: rgba(224, 85, 85, 0.16);
  border-color: rgba(224, 85, 85, 0.38);
}

html[data-theme="dark"] .btn--danger,
html:not([data-theme]) .btn--danger {
  color: #ed4956;
  background: rgba(237, 73, 86, 0.1);
  border-color: rgba(237, 73, 86, 0.28);
}

html[data-theme="dark"] .btn--danger:hover,
html:not([data-theme]) .btn--danger:hover {
  background: rgba(237, 73, 86, 0.16);
  border-color: rgba(237, 73, 86, 0.38);
}

html[data-theme="light"] .modal__backdrop {
  background: rgba(20, 20, 24, 0.45);
}

html[data-theme="dark"] .modal__backdrop,
html:not([data-theme]) .modal__backdrop {
  background: rgba(0, 0, 0, 0.65);
}

html[data-theme="purple"] .modal__backdrop,
html[data-theme="brown"] .modal__backdrop,
html[data-theme="pink"] .modal__backdrop {
  background: rgba(0, 0, 0, 0.72);
}

html[data-theme="light"] .modal__footer,
html[data-theme="dark"] .modal__footer,
html:not([data-theme]) .modal__footer,
html[data-theme="purple"] .modal__footer,
html[data-theme="brown"] .modal__footer,
html[data-theme="pink"] .modal__footer {
  border-top-color: var(--border);
}

html[data-theme="light"] .share-modal__tagline,
html[data-theme="dark"] .share-modal__tagline,
html:not([data-theme]) .share-modal__tagline,
html[data-theme="purple"] .share-modal__tagline,
html[data-theme="brown"] .share-modal__tagline,
html[data-theme="pink"] .share-modal__tagline {
  color: var(--accent);
}

html[data-theme="light"] .modal__close:hover,
html[data-theme="purple"] .modal__close:hover,
html[data-theme="brown"] .modal__close:hover,
html[data-theme="pink"] .modal__close:hover {
  color: var(--text);
  border-color: var(--border-strong);
  background: rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .modal__close:hover,
html:not([data-theme]) .modal__close:hover {
  color: var(--text);
  border-color: var(--border-strong);
  background: #363636;
}

html[data-theme="light"] .modal__close:hover {
  background: rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .app-banner,
html[data-theme="dark"] .app-banner,
html:not([data-theme]) .app-banner,
html[data-theme="purple"] .app-banner,
html[data-theme="brown"] .app-banner,
html[data-theme="pink"] .app-banner {
  border-color: var(--border-strong);
}

html[data-theme="purple"] .btn--ghost:hover,
html[data-theme="brown"] .btn--ghost:hover {
  border-color: rgba(232, 192, 120, 0.28);
}

html[data-theme="pink"] .btn--ghost:hover {
  border-color: rgba(255, 160, 200, 0.28);
}

html[data-theme="light"] .header__sync-retry:hover {
  background: rgba(0, 0, 0, 0.06);
}

/* Active panel filters — loaded after theme files so highlights win over resets */
.panel__filters .filter-field--active,
.panel__filters .genre-filter--active > .genre-filter__select,
.panel__filters .watched-filter--active > .watched-filter__select,
.panel__filters .rating-filter--active > .rating-filter__select {
  border-color: rgba(232, 184, 74, 0.62) !important;
  background-color: rgba(232, 184, 74, 0.12) !important;
  box-shadow:
    0 0 0 1px rgba(232, 184, 74, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

.panel__filters .genre-filter--active > .panel-filter__label,
.panel__filters .watched-filter--active > .panel-filter__label,
.panel__filters .rating-filter--active > .panel-filter__label {
  color: var(--accent);
  font-weight: 600;
}

html[data-theme="brown"] .panel__filters .filter-field--active,
html[data-theme="brown"] .panel__filters .genre-filter--active > .genre-filter__select,
html[data-theme="brown"] .panel__filters .watched-filter--active > .watched-filter__select,
html[data-theme="brown"] .panel__filters .rating-filter--active > .rating-filter__select {
  border-color: rgba(245, 210, 168, 0.72) !important;
  background-color: rgba(201, 149, 106, 0.24) !important;
  box-shadow:
    0 0 0 1px rgba(232, 201, 168, 0.38),
    inset 0 1px 0 rgba(255, 248, 240, 0.1) !important;
}

html[data-theme="brown"] .panel__filters .genre-filter--active > .panel-filter__label,
html[data-theme="brown"] .panel__filters .watched-filter--active > .panel-filter__label,
html[data-theme="brown"] .panel__filters .rating-filter--active > .panel-filter__label {
  color: #f0dcc0;
}

html[data-theme="light"] .panel__filters .filter-field--active,
html[data-theme="light"] .panel__filters .genre-filter--active > .genre-filter__select,
html[data-theme="light"] .panel__filters .watched-filter--active > .watched-filter__select,
html[data-theme="light"] .panel__filters .rating-filter--active > .rating-filter__select {
  border-color: rgba(138, 109, 66, 0.55) !important;
  background-color: rgba(138, 109, 66, 0.1) !important;
  box-shadow: 0 0 0 1px rgba(138, 109, 66, 0.2) !important;
}

/* Episode jump bar — go button per theme */
html[data-theme="light"] .tds-episode-jump__go {
  background: var(--filter-field-bg);
  border-color: var(--border-strong);
  color: var(--text-muted);
}

html[data-theme="light"] .tds-episode-jump__go:hover {
  color: var(--text);
  border-color: rgba(138, 109, 66, 0.45);
  box-shadow: 0 0 0 3px rgba(138, 109, 66, 0.1);
}

html[data-theme="purple"] .tds-episode-jump__go {
  background: var(--filter-field-bg);
  border-color: rgba(180, 140, 255, 0.14);
  color: var(--text-muted);
}

html[data-theme="purple"] .tds-episode-jump__go:hover {
  color: #f0d498;
  border-color: rgba(232, 192, 120, 0.45);
  box-shadow: 0 0 0 3px rgba(232, 192, 120, 0.12);
}

html[data-theme="brown"] .tds-episode-jump__go {
  background: linear-gradient(180deg, rgba(10, 6, 4, 0.82) 0%, rgba(22, 14, 10, 0.68) 100%);
  border-color: rgba(232, 201, 168, 0.16);
  color: var(--text-muted);
  box-shadow: inset 0 1px 0 rgba(255, 248, 240, 0.04);
}

html[data-theme="brown"] .tds-episode-jump__go:hover {
  color: var(--latte-foam);
  border-color: rgba(232, 201, 168, 0.46);
  box-shadow:
    0 0 0 3px rgba(201, 149, 106, 0.14),
    inset 0 1px 0 rgba(255, 248, 240, 0.06);
}

html[data-theme="pink"] .tds-episode-jump__go {
  color: rgba(255, 255, 255, 0.78);
  background: linear-gradient(
    180deg,
    rgba(210, 55, 110, 0.52) 0%,
    rgba(185, 38, 90, 0.58) 100%
  );
  border-color: rgba(255, 180, 205, 0.26);
  box-shadow: inset 0 1px 0 rgba(255, 220, 235, 0.08);
}

html[data-theme="pink"] .tds-episode-jump__go:hover {
  color: #ffffff;
  border-color: rgba(255, 200, 218, 0.5);
}