/* « 📖 À lire » (play/lectures.js, docs/lectures.md): the reminder at the
   bottom of « Ma séance du jour » and the « contrôle de lecture » dialog.
   Theme tokens only, with fallbacks. */

.lc-card {
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px dashed var(--tertiary-neon, var(--primary-neon, #7646cc));
  border-radius: calc(var(--radius-k, 1px) * 14);
  color: inherit;
}
.lc-card[hidden] {
  display: none;
}
.lc-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 6px 12px;
}
.lc-title {
  font-family: var(--font-display, inherit);
  font-size: 1.05rem;
}
.lc-count {
  font-weight: 600;
  color: var(--text-muted, inherit);
}
.lc-note {
  margin: 6px 0;
  font-size: 0.9rem;
  color: var(--text-muted, inherit);
}
.lc-list {
  list-style: none;
  margin: 8px 0;
  padding: 0;
  display: grid;
  gap: 8px;
}
.lc-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  overflow-wrap: anywhere;
}
.lc-text {
  flex: 1 1 220px;
}
.lc-subject {
  font-weight: 700;
}
.lc-status {
  font-size: 0.85rem;
  padding: 1px 8px;
  border-radius: 999px;
  border: 1px solid currentColor;
  color: var(--text-muted, inherit);
}
.lc-ok .lc-status {
  color: var(--success-neon, #1b7f55);
}
.lc-relire .lc-status,
.lc-wait .lc-status {
  color: var(--warning-neon, #a95a00);
}
.lc-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}
.lc-btn {
  min-height: 40px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid var(--primary-neon, #3b82f6);
  background: var(--primary-neon, #3b82f6);
  color: var(--on-accent, #fff);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.lc-btn-quiet {
  background: transparent;
  color: var(--primary-neon, #3b82f6);
}
.lc-btn:disabled {
  opacity: 0.5;
  cursor: default;
}
.lc-overlay {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 16px;
  overflow-y: auto;
  background: color-mix(in srgb, var(--overlay, #000) 55%, transparent);
}
.lc-panel {
  box-sizing: border-box;
  width: min(640px, 100%);
  margin: auto 0;
  padding: 16px;
  border-radius: calc(var(--radius-k, 1px) * 18);
  border: 1px solid var(--border-color, #ccc);
  background: var(--bg-color, #fff);
  color: var(--text-main, #111);
}
.lc-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.lc-panel-title {
  margin: 0;
  font-size: 1.15rem;
}
.lc-close {
  min-width: 40px;
  min-height: 40px;
  border: 0;
  background: transparent;
  color: inherit;
  font-size: 1.2rem;
  cursor: pointer;
}
.lc-book {
  margin: 12px 0 4px;
  font-size: 1rem;
}
.lc-kap summary {
  cursor: pointer;
  font-weight: 600;
  padding: 6px 0;
}
.lc-pick {
  flex: 1 1 240px;
  cursor: pointer;
}
.lc-unit {
  font-weight: 700;
  margin: 8px 0 4px;
}
.lc-step {
  margin: 10px 0 0;
  font-size: 0.85rem;
  color: var(--text-muted, inherit);
}
.lc-prompt {
  font-size: 1.05rem;
  margin: 6px 0 10px;
}
.lc-options {
  display: grid;
  gap: 8px;
}
.lc-option {
  min-height: 44px;
  padding: 8px 12px;
  text-align: left;
  border-radius: calc(var(--radius-k, 1px) * 12);
  border: 1px solid var(--border-color, #ccc);
  background: var(--surface-color, transparent);
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.lc-option.lc-chosen {
  border-width: 2px;
  border-color: var(--primary-neon, #3b82f6);
}
.lc-num {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.lc-num input {
  flex: 1 1 140px;
  min-height: 40px;
  padding: 6px 10px;
  border-radius: 10px;
  border: 1px solid var(--border-color, #ccc);
  background: var(--surface-color, transparent);
  color: inherit;
  font: inherit;
}
.lc-feedback {
  min-height: 1.4em;
  font-weight: 600;
}
.lc-right {
  color: var(--success-neon, #1b7f55);
}
.lc-wrong {
  color: var(--warning-neon, #a95a00);
}
.lc-result {
  margin: 12px 0;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid currentColor;
}
.lc-pass {
  color: var(--success-neon, #1b7f55);
}
.lc-fail {
  color: var(--warning-neon, #a95a00);
}
.lc-score {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 700;
}