/* Shared interaction and layout guarantees for the EDUINFO portal. */
:root { --portal-nav-height: calc(64px + env(safe-area-inset-bottom, 0px)); }
body { min-width: 0; }
main, main > *, .offcanvas-body { min-width: 0; }
.portal-bottom-nav { position: fixed; inset: auto 0 0; display: flex; align-items: stretch; z-index: 1040; padding-bottom: env(safe-area-inset-bottom, 0px); background: var(--color-surface); border-top: 1px solid var(--color-border); }
.portal-bottom-tab { display: flex; flex: 1; flex-direction: column; gap: 3px; align-items: center; justify-content: center; min-width: 0; min-height: 64px; padding: 6px 3px; border: 0; background: transparent; color: var(--color-text-muted); text-decoration: none; font: 600 11px 'Fira Sans',sans-serif; }
.portal-bottom-tab.active { color: var(--color-brand); background: var(--color-brand-soft); }
.portal-bottom-tab .material-symbols-outlined { font-size: 23px; }
.portal-footer { color: var(--color-text-muted); border-color: var(--color-border)!important; background: var(--color-surface); }
.portal-footer a { color: inherit; }
.kinfo-dropdown > button.nav-link-item { border: 0; background: transparent; text-align: left; }
.kinfo-dropdown.is-open > .kinfo-dropdown-menu { display: block!important; }
.kinfo-dropdown:not(.is-open) > .kinfo-dropdown-menu { display: none!important; }
:focus-visible { outline: 3px solid var(--color-brand); outline-offset: 3px; }

@media(max-width:991.98px) { body { padding-bottom:var(--portal-nav-height)!important; } .offcanvas { max-width:min(90vw,380px); } .kinfo-mobile-header { gap:8px; } }