/* Ajustes del móvil. Va el último para ganar a los estilos base de cada componente. */
/* ───────── Móvil: objetivos táctiles de 44 px y barra de guardado compacta ───────── */
@media (max-width: 899px) {
    :root { --savebar-h: 96px; }
    .btn, .view-link, .pill { min-height: var(--touch); }
    .icon-btn { width: var(--touch); height: var(--touch); }
    .item-tools { gap: 2px; }
    .savebar { padding: var(--s2) var(--s4); gap: var(--s1) var(--s3); }
    .savebar-status { flex: 1 1 100%; }
    .savebar-status .dot { margin-top: 8px; }
    .savebar-actions { width: 100%; }
    .savebar-actions .btn-primary { flex: 1; }
    .fmt .btn { min-height: var(--touch); }
    .btn-link { min-height: var(--touch); }
    .en-list a { display: inline-flex; align-items: center; min-height: var(--touch); }
    .view-link { padding: 0 var(--s4); }
    .item.compact { flex-wrap: wrap; }
    .item.compact .item-main { flex: 1 1 100%; }
    .item.compact .item-tools { margin-left: auto; }
}

@media (max-width: 520px) {
    .item-bar { flex-wrap: wrap; }
    .item-title { flex: 1 1 100%; }
    .item-tools { margin-left: auto; }
    .proj-row { flex-wrap: wrap; }
    .proj-info { flex: 1 1 120px; }
}