/* public/assets/secrets.css — L'Aula de la Laia · «Els meus secrets» (catàleg de recompenses)
 * (I4-RECOMPENSES I4-A-nivells, docs/briefs/I4-RECOMPENSES-BRIEF.md §11.1).
 * ── I4-A nivells ──
 *
 * Només variables del sistema de pells ja existent (var(--...)); cap color hexadecimal escrit a
 * mà, cap !important, cap font externa. Reutilitza `.tab-panel`/`.board-empty` d'app.css -- aquest
 * fitxer només n'afegeix les peces NOVES del calaix de secrets.
 */

.secret-resum{margin:0 0 12px;font-size:12.5px;font-weight:700;color:var(--text-dim);}

.secret-carregant{margin:0;font-size:12.5px;color:var(--text-dim);}

.secret-nivell{margin-bottom:18px;}
.secret-nivell:last-child{margin-bottom:0;}
.secret-nivell-titol{margin:0 0 2px;font-family:var(--font-head);font-size:14px;font-weight:700;color:var(--text);}
.secret-nivell-text{margin:0 0 8px;font-size:11.5px;line-height:1.4;color:var(--text-dim);}

.secret-llista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}

.secret-item{position:relative;border:1px solid var(--border);border-radius:10px;background:var(--bg3);padding:9px 11px;cursor:pointer;}
.secret-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
.secret-item--tancada{cursor:default;opacity:.65;}
.secret-item--buit{cursor:default;opacity:.5;font-size:12px;color:var(--text-dim);padding:6px 11px;}

.secret-item-cap{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.secret-item-cap strong{font-size:12.5px;color:var(--text);}

.secret-nova{font-size:10px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#fff;background:var(--accent);border-radius:999px;padding:2px 8px;flex-shrink:0;}

.secret-cos{margin:6px 0 0;font-size:12px;line-height:1.5;color:var(--text-dim);}
.secret-cos--tancat{font-style:italic;}

.secret-tag{margin:4px 0 0;font-size:16px;}