/*
 * El Catálogo del panel nuevo es el del panel de siempre (apps/panel/src/levels.js y
 * catalog-vertical.js, con las reglas de /catalogo.css), pintado sin tocar. Estas reglas
 * lo ponen a gusto dentro del marco del nuevo:
 *  - los tokens que el catálogo usa y el nuevo no tiene (--ok, --dudoso, --malo…) salen de la
 *    paleta del nuevo, sólo dentro de `.catalogo-actual`;
 *  - las piezas genéricas que el catálogo usa con otro aspecto que en el nuevo (.chip, .busca,
 *    .tog, .fc, .seg, .i, .cab, .nota…) llevan aquí el del panel de siempre, también sólo dentro
 *    de `.catalogo-actual`, para que ni el catálogo se descoloque ni el resto del panel nuevo
 *    cambie.
 */
.catalogo-actual{--ok:#1f7a4d;--ok-soft:#ddefe4;--dudoso:#8c6a12;--dudoso-soft:#f5ecd3;--malo:var(--mal);--malo-soft:var(--mal-soft);--serif:var(--sans)}
.catalogo-actual .cab{align-items:flex-end;margin-bottom:1.2rem;gap:1rem}
.catalogo-actual .cab>div{min-width:0}
.catalogo-actual .cab h1{font-size:1.45rem;line-height:1.1;overflow-wrap:anywhere}
.catalogo-actual .cab .sub{color:var(--muted);margin-top:.2rem;overflow-wrap:anywhere}
.catalogo-actual .k{font-size:.68rem}
.catalogo-actual .nota{font-size:.86rem;margin-top:.9rem;line-height:1.5}
.catalogo-actual .chip{gap:.35rem;font-size:.76rem;padding:.14em .5em;border-radius:5px;background:transparent;color:inherit}
.catalogo-actual .chip::before{width:.4rem;height:.4rem;border:0;background:currentColor}
.catalogo-actual .chip.ok{background:var(--ok-soft);color:var(--ok)}.catalogo-actual .chip.dud{background:var(--dudoso-soft);color:var(--dudoso)}
.catalogo-actual .chip.mal{background:var(--malo-soft);color:var(--malo)}.catalogo-actual .chip.mal::before{background:currentColor}
.catalogo-actual .chip.brd{background:var(--accent-soft);color:var(--accent)}.catalogo-actual .chip.nil{background:var(--sunk);color:var(--faint)}
.catalogo-actual .nv .t .chip,.catalogo-actual .cv-c .t .chip{font-size:.66rem;padding:.06em .4em}
.catalogo-actual .seg{display:inline-flex;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--raise)}
.catalogo-actual .seg button{border:0;background:none;padding:.35rem .7rem;font-size:.84rem;color:var(--muted);white-space:nowrap}
.catalogo-actual .seg button.on{background:var(--sunk);color:var(--ink);font-weight:500}
.catalogo-actual .scroller{overflow-x:auto}
.catalogo-actual .busca{display:flex;gap:.6rem;align-items:center;margin-bottom:.7rem;flex-wrap:wrap}
.catalogo-actual .busca input{flex:1;min-width:16rem;max-width:34rem;font:inherit;font-size:.95rem;color:var(--ink);background:var(--raise);border:1px solid var(--line);border-radius:8px;padding:.5rem .8rem}
.catalogo-actual .busca input:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}
.catalogo-actual .tog{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border:1px solid var(--line);background:var(--raise);color:var(--muted);border-radius:50%;text-decoration:none}
.catalogo-actual .tog svg{width:15px;height:15px}.catalogo-actual .tog:hover{border-color:var(--faint);color:var(--ink)}
.catalogo-actual .tog.on{background:var(--accent);border-color:var(--accent);color:#fff}
.catalogo-actual .fc{border:1px solid var(--line);background:var(--raise);border-radius:999px;padding:.22rem .7rem;font-size:.84rem;color:var(--muted)}
.catalogo-actual .fc.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:500}
.catalogo-actual .fc.limpiar{border-style:dashed}
.catalogo-actual .i{margin-left:0;vertical-align:baseline;cursor:pointer}
.catalogo-actual .card{border-radius:9px}
.catalogo-actual .nv.card{box-shadow:none}
.catalogo-actual .mono{font-family:var(--mono)}
.catalogo-actual [data-ir]:focus-visible,.catalogo-actual [data-cv-card]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}