/* Pantalles mòbil primer: formularis, files tàctils i barra de pestanyes. S'afegeix després de base.css. */
.pagina { padding: var(--espai-3); padding-bottom: calc(var(--tocar) + var(--espai-4)); display: grid; gap: var(--espai-3); max-width: 40rem; margin: 0 auto; }
.camp { display: grid; gap: var(--espai-1); }
.camp--fila { display: flex; align-items: center; gap: var(--espai-2); min-height: var(--tocar); }
.camp__etiqueta { font-weight: 600; }
input[type=text], input[type=number], input[type=date], select { min-height: var(--tocar); font: inherit; padding: 0 var(--espai-2); border: 1px solid var(--vora); border-radius: var(--radi); background: var(--superficie); color: var(--text); }
input[type=checkbox] { inline-size: 1.5rem; block-size: 1.5rem; }
fieldset { border: 1px solid var(--vora); border-radius: var(--radi); }
.fila { display: flex; justify-content: space-between; align-items: center; gap: var(--espai-2); flex-wrap: wrap; }
.fila--toc { min-height: var(--tocar); justify-content: flex-start; }
.llista--toc { list-style: none; padding: 0; }
.error { color: var(--caducat-text); margin: 0; }
.pestanyes { position: fixed; inset: auto 0 0 0; display: flex; background: var(--superficie); border-top: 1px solid var(--vora); }
.pestanya { flex: 1; min-height: var(--tocar); border: 0; background: transparent; color: var(--text); font: inherit; }
.pestanya--activa { color: var(--primari); font-weight: 700; border-top: 3px solid var(--primari); }
button:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
@media (min-width: 48rem) { .pestanyes { position: static; justify-content: center; } .pagina { padding-bottom: var(--espai-4); } }
/* Biblioteca de fonts oficials */
.targeta--destacada { border-inline-start: 4px solid var(--primari); }
.targeta a { min-height: var(--tocar); display: inline-flex; align-items: center; }
.pagina--biblioteca .targeta small { display: block; }
/* En paper l'enllaç original s'imprimeix sencer */
@media print { .pagina--biblioteca .targeta a[href]::after { content: " (" attr(href) ")"; word-break: break-all; } }

/* Compartir i còpia de seguretat */
.pestanyes { flex-wrap: wrap; }
.comparteix { display: grid; gap: var(--espai-2); }
textarea.codi { font-family: var(--font-mono); font-size: .85rem; padding: var(--espai-2); border: 1px solid var(--vora); border-radius: var(--radi); background: var(--superficie); color: var(--text); inline-size: 100%; }
.qr { background: #ffffff; padding: var(--espai-2); border-radius: var(--radi); max-inline-size: 18rem; justify-self: center; }
.qr svg { display: block; inline-size: 100%; block-size: auto; }
input[type=file] { font: inherit; min-height: var(--tocar); }