:root {
    --brand: #2c3e50;
    --brand-accent: #1abc9c;
}

body {
    background-color: #f4f6f9;
}

.app-navbar {
    background: linear-gradient(90deg, var(--brand), #34495e);
}

.company-select {
    max-width: 220px;
}

.app-sidebar {
    background: #fff;
    border-right: 1px solid #e6e9ef;
    min-height: calc(100vh - 56px);
}

.app-sidebar .nav-link {
    color: #495057;
    border-radius: .5rem;
}

.app-sidebar .nav-link:hover {
    background: #f1f3f7;
}

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

.stat-card {
    border: none;
    border-left: 4px solid #dee2e6;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
}

.border-start-primary { border-left-color: #0d6efd !important; }
.border-start-success { border-left-color: #198754 !important; }
.border-start-warning { border-left-color: #ffc107 !important; }
.border-start-danger  { border-left-color: #dc3545 !important; }

.card {
    border: 1px solid #e9ecef;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .04);
}

.cat-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: middle;
}

/* Telas de autenticação */
.auth-wrapper {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--brand), var(--brand-accent));
    padding: 1rem;
}

.auth-card {
    width: 100%;
    max-width: 420px;
    border: none;
}