/* Alegria & Teixeira ERP — app shell styling on top of Bootstrap 5.
   Clean, neutral, professional palette: slate sidebar, white content. */

:root {
    --at-sidebar-bg: #212a37;
    --at-sidebar-active: #33415c;
}

body {
    background-color: #f5f6f8;
}

#app-shell {
    min-height: 100vh;
}

.sidebar {
    width: 240px;
    min-height: 100vh;
    background-color: var(--at-sidebar-bg);
    flex-shrink: 0;
}

.sidebar .nav-link {
    color: rgba(255, 255, 255, 0.75);
    border-radius: 0.375rem;
}

.sidebar .nav-link:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.08);
}

.sidebar .nav-link.active {
    color: #fff;
    background-color: var(--at-sidebar-active);
}

.topbar {
    min-height: 56px;
}

.auth-page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f5f6f8;
}

.auth-card {
    width: 100%;
    max-width: 380px;
}