/* ===================================================================
   ReadTrack — Ajustes específicos de página
   =================================================================== */

/* ---- Dashboard ---- */
.section-title {
  font-family: var(--font-display);
  font-size: var(--fs-md);
  font-weight: 600;
  margin-bottom: var(--sp-4);
}

.reading-now-list { display: flex; flex-direction: column; }

/* ---- Biblioteca ---- */
.library-controls {
  display: flex;
  flex-direction: column;
  gap: var(--sp-4);
}

.archive-filter, .detail-actions { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.detail-back { color: var(--color-accent); width: fit-content; }
.book-card-title:hover, .reading-title:hover, .detail-back:hover { text-decoration: underline; }
.book-overview { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: var(--sp-6); align-items: start; }
.detail-cover { aspect-ratio: 3 / 4; border-radius: var(--radius-md); background: var(--color-accent-soft); overflow: hidden; display: grid; place-items: center; font: 2.5rem var(--font-display); }
.detail-cover img { width: 100%; height: 100%; object-fit: cover; }
.detail-description, .book-reading { display: grid; gap: var(--sp-3); min-width: 0; }
.book-metadata { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-3); margin: 0; }
.book-metadata dt { font-size: var(--fs-xs); color: var(--color-text-muted); }
.book-metadata dd { margin: 0; overflow-wrap: anywhere; }
.book-reading .card-head { margin-bottom: 0; gap: var(--sp-2); flex-wrap: wrap; }
.book-rating { padding: var(--sp-3); background: var(--paper-50); border-radius: var(--radius-sm); }
.archive-banner { padding: var(--sp-4); background: var(--color-accent-soft); border-radius: var(--radius-md); }
.session-list > summary { cursor: pointer; padding: var(--sp-2) 0; }
.session-list .history-entry { margin-top: var(--sp-3); }
.detail-description progress { width: 100%; accent-color: var(--color-accent); }
.main-inner h1 { overflow-wrap: anywhere; }
.modal-foot { flex-wrap: wrap; }
@media (max-width: 640px) {
  .book-overview { grid-template-columns: minmax(0, 1fr); }
  .detail-cover { width: 120px; }
  .book-metadata { grid-template-columns: minmax(0, 1fr); }
  .detail-actions > .btn { white-space: normal; }
}

.book-progress-mini {
  font-size: var(--fs-2xs);
  color: var(--color-text-muted);
}

/* Botão de página seguinte no fluxo de leitura, dentro do card */
.book-quick-action {
  width: 100%;
  margin-top: var(--sp-2);
}

@media (max-width: 640px) {
  .field-row { grid-template-columns: 1fr; }
  .kpi-grid { grid-template-columns: 1fr 1fr; }
}