/* Panneau de modération */

.admin-wrap {
  width: min(100% - 2 * clamp(1rem, 4vw, 2.5rem), 60rem);
  margin: 0 auto; padding-bottom: 4rem;
}
.admin-title { font-size: clamp(2.2rem, 5vw, 3rem); margin: 1.2rem 0 .3rem; }
.admin-sub { margin: 0 0 1.4rem; color: var(--lamp-dim); }

/* Histoires / Anecdotes */
.sections { display: inline-flex; gap: 0; margin: .4rem 0 1rem; border: 1px solid var(--line); border-radius: 4px; overflow: hidden; }
.section-btn {
  display: inline-flex; align-items: center; gap: .5rem; min-height: 46px; padding: .5rem 1.2rem;
  font: 600 1.05rem var(--font-body); color: var(--lamp-dim); background: transparent; border: 0; cursor: pointer;
}
.section-btn + .section-btn { border-left: 1px solid var(--line); }
.section-btn:hover { color: var(--lamp); }
.section-btn[aria-pressed=true] { background: var(--pine-2); color: var(--lamp); box-shadow: inset 0 -3px 0 var(--ember); }
.section-btn .badge.has { background: var(--ember); border-color: var(--ember); color: #1d0e00; }

/* Commentaire de l'admin sous le texte */
.paper-note {
  margin-top: .8rem; padding: .6rem .9rem; max-width: 46rem;
  border-left: 3px solid var(--ember-soft); background: rgba(255, 140, 40, .06);
}
.paper-note-label { display: block; font-size: .85rem; color: var(--ember-soft); font-weight: 600; margin-bottom: .2rem; }
.paper-note p { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.editor textarea.note { min-height: 6rem; }

/* Onglets */
.tabs { display: flex; gap: .3rem; flex-wrap: wrap; border-bottom: 1px solid var(--line); margin-bottom: 1.4rem; }
.tab {
  display: inline-flex; align-items: center; gap: .55rem; min-height: 48px; padding: .6rem 1rem;
  font: 600 1.02rem var(--font-body); color: var(--lamp-dim);
  background: none; border: 0; border-bottom: 3px solid transparent; cursor: pointer;
}
.tab:hover { color: var(--lamp); }
.tab[aria-selected=true] { color: var(--lamp); border-bottom-color: var(--ember); }
.badge {
  min-width: 1.6rem; padding: 0 .45rem; text-align: center; font-size: .88rem; line-height: 1.5rem;
  border-radius: 999px; background: var(--pine-2); border: 1px solid var(--line); color: var(--lamp);
}
.tab[data-tab=pending] .badge.has { background: var(--ember); border-color: var(--ember); color: #1d0e00; }

/* Une histoire = une feuille. Le liseré à gauche indique son statut. */
.paper {
  position: relative; margin-bottom: 1rem; padding: 1.1rem 1.3rem 1rem;
  background: linear-gradient(180deg, rgba(15, 23, 20, .95), rgba(10, 16, 14, .96));
  border: 1px solid var(--line); border-left: 5px solid var(--ember); border-radius: 3px;
}
.paper.is-accepted { border-left-color: var(--moss); }
.paper.is-rejected { border-left-color: var(--blood); opacity: .82; }
.paper.is-read .paper-title { color: var(--lamp-dim); }

.paper-title { font-size: 1.9rem; margin-bottom: .3rem; overflow-wrap: anywhere; }
.paper-meta { display: flex; flex-wrap: wrap; gap: .1rem 0; margin-bottom: .8rem; color: var(--lamp-dim); font-size: .95rem; }
.paper-meta > * { padding: 0 .75rem; border-left: 1px solid var(--line); }
.paper-meta > *:first-child { padding-left: 0; border-left: 0; }
.paper-meta .who { color: var(--ember-soft); font-weight: 600; }

.paper-text { white-space: pre-wrap; overflow-wrap: anywhere; max-width: 46rem; margin: 0; }
.paper-text.clamp {
  display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;
}
.link-btn {
  margin-top: .4rem; padding: .4rem 0; min-height: 40px; background: none; border: 0; cursor: pointer;
  font: 600 .98rem var(--font-body); color: var(--ember-soft); text-decoration: underline; text-underline-offset: 3px;
}

.paper-actions {
  display: flex; flex-wrap: wrap; align-items: center; gap: .5rem;
  margin-top: .9rem; padding-top: .9rem; border-top: 1px solid var(--line);
}
.paper-actions .spacer { flex: 1; }
.fear-label { color: var(--lamp-dim); font-size: .95rem; margin-right: .2rem; }
.tag-read { padding: .1rem .6rem; border: 1px solid var(--line); border-radius: 999px; font-size: .88rem; color: var(--lamp-dim); }

.empty { padding: 2.5rem 0; color: var(--lamp-dim); max-width: 32rem; }

/* Fenêtre d'édition */
dialog.editor {
  width: min(94vw, 44rem); max-height: 92vh; padding: 0; color: var(--lamp);
  background: #0d1411; border: 1px solid var(--line); border-radius: 4px;
  box-shadow: 0 40px 120px rgba(0, 0, 0, .8);
}
dialog.editor::backdrop { background: rgba(0, 0, 0, .75); }
.editor form { padding: clamp(1rem, 3vw, 1.8rem); }
.editor h2 { font-size: 2.2rem; margin-bottom: 1.1rem; }
.editor .row { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1rem; }
@media (max-width: 560px) { .editor .row { grid-template-columns: 1fr; } }
.editor textarea { min-height: 15rem; line-height: 1.6; resize: vertical; }
.editor .actions { display: flex; gap: .6rem; justify-content: flex-end; flex-wrap: wrap; }