/* philtext/static/philtext/css/texts_list.css
   Styles specific to the texts list page.
   Base table styles (.texts-table, .year-cell, .lang-badge, etc.) are
   already defined in author_detail.css and loaded globally.
*/

/* ── Texts table overrides ────────────────────────────────────────────────── */
.texts-table th { white-space: nowrap; }
.texts-table th a { color: var(--ink); text-decoration: none; font-weight: 600; }
.texts-table th a:hover { color: var(--accent-text); }

.author-link { color: var(--text-mid); text-decoration: none; }
.author-link:hover { color: var(--accent-text); text-decoration: underline; }

/* ── Cover thumbnail (texts list) ─────────────────────────────────────────── */
.text-title-cell { display: flex; align-items: center; gap: 0.6rem; }
.text-cover-thumb {
  flex: 0 0 auto;
  width: 40px;
  height: 56px;
  object-fit: cover;
  border-radius: 3px;
  border: 1px solid var(--line-mid);
  background: var(--surface-wash);
}
/* Placeholder shown when a text has no cover yet. */
.text-cover-thumb--empty {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  color: var(--text-faint);
}

/* One author per line so several authors with different roles stay readable. */
.author-list { list-style: none; margin: 0; padding: 0; }
.author-list li {
  display: flex;
  align-items: baseline;
  gap: 0.4rem;
  white-space: nowrap;
}
.author-list li + li { margin-top: 0.2rem; }

/* Small muted tag identifying each author's role (author, translator, …). */
.author-role {
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-muted);
  background: var(--control-hover-bg);
  padding: 0.05rem 0.4rem;
  border-radius: 9px;
}

/* ── Collections cell ─────────────────────────────────────────────────────── */
.collections-cell { min-width: 180px; max-width: 260px; }

.col-tags { display: flex; flex-wrap: wrap; gap: 0.3rem; margin-bottom: 0.35rem; }
.col-tag {
  font-size: 0.72rem;
  padding: 0.1rem 0.45rem;
  border-radius: 10px;
  background: var(--control-hover-bg);
  color: var(--accent-text);
  white-space: nowrap;
}
.col-tag-none { font-size: 0.75rem; color: #e05050; font-style: italic; }

.btn-edit-cols {
  font-size: 0.75rem;
  color: var(--accent-text);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  text-decoration: underline dotted;
  font-family: inherit;
}
.btn-edit-cols:hover { color: var(--accent-text-hover); }

/* ── Collections inline editor ────────────────────────────────────────────── */
.col-editor {
  display: none;
  margin-top: 0.5rem;
  background: var(--surface-card-2);
  border: 1px solid var(--line-mid);
  border-radius: 5px;
  padding: 0.6rem 0.75rem;
}
.col-editor.open { display: block; }

.col-editor-checkboxes {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  margin-bottom: 0.5rem;
  max-height: 160px;
  overflow-y: auto;
}
.col-editor-label {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.82rem;
  color: var(--text-soft);
  cursor: pointer;
}
.col-editor-label input[type="checkbox"] {
  accent-color: var(--accent-soft-bg);
  width: 13px;
  height: 13px;
  flex-shrink: 0;
}

.col-editor-actions { display: flex; gap: 0.4rem; align-items: center; }

.btn-col-save {
  padding: 0.22rem 0.65rem;
  font-size: 0.78rem;
  background: var(--accent-soft-bg);
  color: var(--accent-soft-text);
  border: none;
  border-radius: 3px;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.12s;
}
.btn-col-save:hover { background: var(--accent-soft-hover-bg); }

.btn-col-cancel {
  font-size: 0.78rem;
  color: var(--text-muted);
  background: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
}
.btn-col-cancel:hover { color: var(--text-soft); }

/* ── Pagination (texts-list style, larger/blue) ───────────────────────────── */
.pagination { margin-top: 1.4rem; }
.pagination .page-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  height: 2rem;
  padding: 0 .5rem;
  border: 1px solid var(--line-mid);
  border-radius: 4px;
  font-size: .88rem;
  color: var(--accent-text);
  text-decoration: none;
  background: var(--surface-card);
  transition: background .12s;
}
.pagination .page-btn:hover { background: var(--surface-wash); }
.pagination .page-btn.current {
  background: var(--accent-soft-bg);
  color: var(--accent-soft-text);
  border-color: var(--accent-soft-border);
  font-weight: 600;
}
.pagination .page-btn.disabled {
  color: var(--text-faint);
  border-color: var(--line);
  pointer-events: none;
}