/* app.css · el que només fa servir l'app de l'usuari. El sistema de disseny és a shared/ui/forja.css. */
.cap-buit{min-width:var(--toc);display:inline-block}
a.btn-text{text-decoration:none}
/* Sense logo, la marca de Forja va sobre la placa clara del logo */
.gim-logo{color:#0B0B0A}
.capcalera h1:focus{outline:none}
.capcalera h1{overflow-wrap:anywhere}
.m-cos{padding-bottom:24px}

/* Accés, alta i inici */
.acces,.inici{gap:20px;padding-top:24px}
.acces .gim{flex:none}
.acces .gim-nom{font-size:1.625rem}
.acces .gim-nom:focus{outline:none}
.acces-lema{font-size:1.375rem;line-height:1.3}
.inici-marca{display:flex;align-items:center;gap:14px}
.inici-marca svg{width:56px;height:56px;flex:none;color:var(--accio-text)}
.inici-marca h1{font-size:2.5rem;text-transform:uppercase}
.fila-casella{display:flex;align-items:flex-start;gap:12px;min-height:var(--toc);padding:8px 0;font-size:1rem;cursor:pointer}
input.casella{flex:none;width:28px;height:28px;min-height:0;padding:0;margin:2px 0 0;accent-color:var(--accio)}
.fila-entrada{align-items:flex-end}
.fila-entrada .camp{flex:1;min-width:0}

/* Full de recuperació */
.full-codi{font-size:1.625rem;line-height:1.2;overflow-wrap:anywhere}
.full-valor{font-size:1rem;overflow-wrap:anywhere}
.full-recuperacio .amb-forja{color:var(--text)}
@media print{
  html,body{background:#fff!important;color:#000!important}
  .no-imprimir,.nav-inf,.gim-franja,.avis,.franja-estat,.franja-versio,.btn{display:none!important}
  .app{max-width:none;background:#fff}
  .targeta{border:2px solid #000;background:#fff;color:#000}
  .full-recuperacio *{color:#000!important}
}

/* Franges d'estat */
.franja-estat{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:8px 16px;background:var(--panell-2);border-bottom:1px solid var(--linia);font-size:.9375rem;color:var(--text-2)}
.franja-versio{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;max-width:560px;margin:0 auto;padding:10px 16px;background:var(--panell);border-top:var(--gruix-regla) solid var(--text)}
.avis-prova{margin:8px 16px 0}

/* Llistes */
.llista{list-style:none;margin:0;padding:0}
.llista li+li{border-top:1px solid var(--linia)}
.llista.targeta{padding:0}
.fila-enllac{display:flex;align-items:center;gap:10px;min-height:64px;padding:10px 14px;color:var(--text);text-decoration:none}
.fila-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.fila-text b{font-weight:700;overflow-wrap:anywhere}
.llista-neta{list-style:none;margin:0;padding:0}
.resum{margin:0;padding-left:18px;display:grid;gap:4px;font-size:1rem}
.nota-bloc{display:block;margin-top:2px}
.enllac-net{color:inherit;text-decoration:none;display:flex}
a.targeta.enllac-net{flex-direction:column}
a.btn{text-decoration:none;text-align:center}
.btn-text.accio{color:var(--accio-text);padding:0}
.jo-nom{font-size:1.5rem;text-transform:uppercase}

/* Xifres */
.pes .xifra-g{font:900 clamp(96px,30vw,168px)/1 var(--f-disp);letter-spacing:-.01em}
.pes .xifra-m{font:900 clamp(64px,20vw,96px)/1 var(--f-disp);letter-spacing:-.01em}
.pes .unitat{font-size:2rem}
.v-gran{font:800 1.75rem/1 var(--f-disp)}
.v-gran small{font:700 1rem/1 var(--f-disp);color:var(--text-2)}
.t-mini .valor{margin:6px 0 8px}

/* Progrés d'una meta: neutre */
.barra-progres{display:block;height:10px;background:var(--panell-2);border:1px solid var(--vora)}
.barra-progres-i{display:block;height:100%;width:0;background:var(--text)}

/* Informe lent */
.lent-nom{font-size:1.75rem;text-transform:uppercase}
.soma-text{margin-top:8px;font-size:1rem}
.mesures li{grid-template-columns:1fr auto auto}

/* Entrenament */
.segell-petit{font-size:.75rem;padding:2px 6px;border-width:2px}
.serie-activa .segmentat{grid-template-columns:repeat(2,1fr)}
.serie-activa .dos .camp.ocult{display:none}

/* Tatami */
select.selector{appearance:auto}
input[type=file]{padding:10px}