@import url("./typography-clarity-final.css");
@import url("./bottom-nav-plans.css?v=4");

/* =========================================================
   KOVRA PASO 47 — AJUSTES FINALES SOLICITADOS
   Solo: logo, compactación vertical y alineación.
   No cambia colores ni identidad visual.
========================================================= */

:root {
    --kovra-safe-gap-final: 0px;
}

/* El contenido queda pegado al límite seguro real, nunca debajo de la cámara. */
.app,
.page,
.access-shell,
.register-shell {
    padding-top: max(
        0px,
        calc(env(safe-area-inset-top) + var(--kovra-safe-gap-final))
    ) !important;
}

/* Compactación pequeña: reduce solo aire vertical, no tamaños de letra. */
@media (max-height: 920px) {
    .header {
        margin-bottom: 10px !important;
    }

    .page-header {
        margin-bottom: 9px !important;
    }

    .topbar {
        margin-bottom: 5px !important;
    }

    .screen-header,
    .register-header {
        margin-bottom: 5px !important;
    }

    .access-shell .brand-panel {
        margin-bottom: 4px !important;
    }

    body:has(.bottom-nav) > .app,
    body:has(.bottom-nav) > main.app {
        padding-bottom: 0 !important;
    }
}

/* En teléfonos muy bajos se recupera un poco más de espacio sin reducir tipografía. */
@media (max-height: 760px) {
    .header,
    .page-header {
        margin-bottom: 7px !important;
    }

    .topbar,
    .screen-header,
    .register-header {
        margin-bottom: 4px !important;
    }

    .form-section,
    .summary-card,
    .notes-card {
        margin-bottom: 8px !important;
    }
}