/*
 * Local vendor assets are intentionally optional during development.  This
 * small structural layer keeps the application panels usable when the full
 * Vuexy bundle is not present, while Bootstrap supplies the component styles.
 */
html, body { min-height: 100%; }
.layout-wrapper, .layout-container { display: flex; min-height: 100vh; width: 100%; }
.layout-page { flex: 1 1 auto; min-width: 0; }
.content-wrapper { min-height: 100%; }
.layout-menu { display: flex; width: 260px; flex: 0 0 260px; flex-direction: column; }
.menu-inner { margin: 0; padding: .75rem; list-style: none; }
.menu-link { display: flex; gap: .75rem; align-items: center; text-decoration: none; }
.menu-header { list-style: none; }
.app-brand { display: flex; align-items: center; min-height: 4.5rem; padding: 1rem; }
.app-brand-link { display: inline-flex; align-items: center; text-decoration: none; }
.menu-icon { width: 1.25rem; text-align: center; }
@media (max-width: 1199px) { .layout-menu { position: fixed; z-index: 1100; transform: translateX(-100%); } .layout-page { width: 100%; } }