/* ===== Journal de combat (battle-journal.js) ===== */
#btn-battle-journal { flex-shrink: 0; padding: 4px 8px; }
.journal-card { width: min(96vw, 560px); max-height: 92dvh; display: flex; flex-direction: column; padding: 12px 12px 10px; text-align: left; }
.journal-tabs { display: flex; gap: 4px; margin: 6px 0; }
.journal-tabs button { flex: 1; padding: 7px 4px; border: 1px solid var(--card-edge); border-radius: 8px; background: #0006; color: var(--muted); font: inherit; font-size: 0.78rem; cursor: pointer; }
.journal-tabs button[aria-selected="true"] { color: #fff1ad; border-color: var(--gold); background: #e8c35a16; }
.journal-filters { display: flex; flex-wrap: wrap; gap: 4px 10px; margin: 2px 0 6px; font-size: 0.7rem; color: var(--muted); }
.journal-filters label { display: inline-flex; align-items: center; gap: 4px; }
.journal-body { flex: 1; min-height: 0; overflow-y: auto; padding-right: 4px; scrollbar-width: thin; font-size: 0.74rem; line-height: 1.35; }
.journal-empty { color: var(--muted); text-align: center; padding: 20px 0; }
.journal-wave { margin: 10px 0 4px; color: var(--gold); font-size: 0.8rem; }
.journal-round { margin: 6px 0 8px; }
.journal-round-title { font-weight: 700; color: #e9d2a7; border-bottom: 1px solid #b4a17a44; margin-bottom: 4px; padding-bottom: 2px; }
.journal-entry { margin: 3px 0 5px; padding: 4px 6px 4px 8px; border-left: 3px solid #6d7486; border-radius: 0 6px 6px 0; background: #ffffff08; }
.journal-entry.side-A { border-left-color: #6fb0e8; }
.journal-entry.side-B { border-left-color: #e86a6a; }
.journal-entry.kind-ult { background: #e8c35a14; }
.journal-entry.kind-ult .journal-actor { color: var(--gold); }
.journal-entry.kind-active .journal-actor { color: #9fd3ff; }
.journal-entry.kind-skip .journal-actor { color: #ff9e9e; font-style: italic; }
.journal-entry.kind-pet .journal-actor { color: #9be7a0; }
.journal-actor { font-weight: 600; }
.journal-entry ul { margin: 2px 0 0; padding-left: 14px; color: #d8d8e1; }
.journal-entry li.cat-heal { color: #9be7a0; }
.journal-entry li.cat-shield { color: #9fd3ff; }
.journal-entry li.cat-status { color: #f3cd96; }
.journal-end { text-align: center; font-weight: 700; color: var(--gold); margin: 8px 0 2px; }
.journal-table { display: flex; flex-direction: column; gap: 3px; }
.journal-row { display: grid; grid-template-columns: minmax(0, 2.2fr) repeat(7, minmax(0, 1fr)); gap: 4px; align-items: center; padding: 4px 6px; border-radius: 6px; background: #ffffff08; font-variant-numeric: tabular-nums; text-align: right; }
.journal-row.journal-head { background: none; color: var(--muted); font-size: 0.7rem; }
.journal-row .journal-name { text-align: left; min-width: 0; }
.journal-row .journal-name b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.journal-row .journal-name small { display: block; color: var(--muted); font-size: 0.62rem; white-space: normal; }
.journal-row.is-fallen { opacity: 0.6; }
.journal-kit { margin: 4px 0; padding: 4px 8px; border: 1px solid var(--card-edge); border-radius: 8px; background: #0005; }
.journal-kit summary { cursor: pointer; display: flex; gap: 8px; align-items: baseline; }
.journal-kit summary small { color: var(--muted); }
.journal-kit p { margin: 5px 0; }
.journal-kit i { font-style: normal; }
.journal-kit i.kit-ultimate { color: var(--gold); }
.journal-kit i.kit-active { color: #9fd3ff; }
.journal-kit i.kit-passive { color: #9be7a0; }
.journal-rule { margin: 6px 0; }
.journal-rule b { color: #e9d2a7; }
.journal-extras { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin-top: 10px; }