/* WikiCheck。色は nanona-ui のトークンだけを使う */

.wc-head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: var(--nn-space-3); }
.wc-clock { color: var(--nn-text-subtle); font-size: var(--nn-font-size-s); line-height: 1.5; text-align: right; white-space: nowrap; }
.wc-clock b { color: var(--nn-text); }

.wc-board { margin-bottom: var(--nn-space-4); }
.wc-sub { max-width: 48rem; margin: 0; color: var(--nn-text-subtle); font-size: var(--nn-font-size-s); line-height: 1.7; }

.controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--nn-space-2);
  margin-top: var(--nn-space-4);
  padding-top: var(--nn-space-4);
  border-top: var(--nn-border-width) solid var(--nn-border-subtle);
}
.wc-search { flex: 1 1 14rem; min-width: 10rem; }
.schedule-filters, .source-filters {
  display: flex;
  flex: 1 1 100%;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--nn-space-2) var(--nn-space-4);
}
.schedule-filters { padding-top: var(--nn-space-2); border-top: var(--nn-border-width) solid var(--nn-border-muted); }
.schedule-filters__label, .source-filters__label { color: var(--nn-text-subtle); font-size: var(--nn-font-size-xs); font-weight: 700; }

.progress-line { display: flex; align-items: center; gap: var(--nn-space-3); margin-top: var(--nn-space-3); color: var(--nn-text-subtle); font-size: var(--nn-font-size-xs); }
.wc-progress { flex: 1; height: 0.5rem; accent-color: var(--nn-link); }

.table-scroll { overflow-x: auto; border: var(--nn-border-width) solid var(--nn-border-subtle); border-radius: var(--nn-radius); }
.anime-table { width: 100%; }
.anime-table th { white-space: nowrap; }
.anime-table td { vertical-align: top; }
.anime-table tbody tr.schedule-before td { background: var(--nn-success-subtle); }
.anime-table tbody tr.schedule-after td { background: var(--nn-warning-subtle); }
.anime-table tbody tr.schedule-old td { background: var(--nn-error-subtle); }
.anime-table tbody tr.schedule-none td { background: var(--nn-bg-subtle); }

.col-status { width: 8rem; }
.col-latest { width: 14rem; }
.col-next { width: 10rem; }

.title-cell a { font-weight: 700; }
.title-cell .season-tag { display: block; max-width: 18rem; margin-top: 2px; overflow: hidden; color: var(--nn-text-subtle); font-size: var(--nn-font-size-xs); text-overflow: ellipsis; white-space: nowrap; }

.ep-cell { line-height: 1.5; }
.ep-cell .ep-date { color: var(--nn-text); font-weight: 700; }
.ep-cell.latest .ep-date { color: var(--nn-link); }
.ep-cell .ep-num { margin-left: var(--nn-space-1); color: var(--nn-text-subtle); font-size: var(--nn-font-size-xs); }
.ep-cell .ep-sub { display: block; max-width: 14rem; margin-top: 1px; overflow: hidden; color: var(--nn-text-subtle); font-size: var(--nn-font-size-xs); text-overflow: ellipsis; white-space: nowrap; }
.ep-cell.empty { color: var(--nn-text-placeholder); }

.empty-state { padding: var(--nn-space-12) var(--nn-space-4); color: var(--nn-text-subtle); font-size: var(--nn-font-size-s); text-align: center; }

.wc-details { margin-top: var(--nn-space-2); color: var(--nn-text-subtle); font-size: var(--nn-font-size-s); }
.wc-details summary { cursor: pointer; }
.wc-details ul { margin: var(--nn-space-2) 0 0; padding-left: var(--nn-space-4); line-height: 1.7; }
.wc-fetched { margin: var(--nn-space-3) 0 0; }
.title-cell .title-tools { display: flex; gap: var(--nn-space-3); margin-top: 2px; font-size: var(--nn-font-size-xs); }