/* Invermar ControlFleet - Custom Theme V1 */

/* 1. Definição da Paleta de Cores e Variáveis Globais */
:root {
    --invermar-bg-dark: #1a202c;      /* Fundo principal escuro */
    --invermar-surface: #2d3748;     /* Cor de superfície para cards, modais */
    --invermar-border: #4a5568;      /* Cor para bordas sutis */
    --invermar-primary: #3182ce;     /* Azul primário para botões e links */
    --invermar-primary-hover: #2b6cb0;/* Azul para hover */
    --invermar-text-primary: #e2e8f0;  /* Cor de texto principal (claro) */
    --invermar-text-secondary: #a0aec0;/* Cor de texto secundário (cinza) */
    --invermar-sidebar-bg: #2d3748;   /* Fundo da barra lateral */
    --invermar-success: #38a169;
    --invermar-danger: #e53e3e;
    --invermar-warning: #dd6b20;
}

/* 2. Estilos Globais do Corpo da Página */
body {
    background-color: var(--invermar-bg-dark);
    color: var(--invermar-text-primary);
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* 3. Ajustes em Componentes Bootstrap */

/* Cards */
.card {
    background-color: var(--invermar-surface);
    border: 1px solid var(--invermar-border);
    color: var(--invermar-text-primary);
}
.card-header {
    background-color: rgba(74, 85, 104, 0.2);
    border-bottom: 1px solid var(--invermar-border);
}

/* Tabelas */
.table {
    --bs-table-bg: transparent;
    --bs-table-striped-bg: rgba(74, 85, 104, 0.1);
    --bs-table-hover-bg: rgba(74, 85, 104, 0.2);
    --bs-table-border-color: var(--invermar-border);
    --bs-table-color: var(--invermar-text-primary);
    --bs-table-striped-color: var(--invermar-text-primary);
    --bs-table-hover-color: var(--invermar-text-primary);
}
.table thead th {
    color: var(--invermar-text-secondary);
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 0.05em;
}

/* Formulários */
.form-control, .form-select {
    background-color: var(--invermar-bg-dark);
    border-color: var(--invermar-border);
    color: var(--invermar-text-primary);
}
.form-control:focus, .form-select:focus {
    background-color: var(--invermar-bg-dark);
    color: var(--invermar-text-primary);
    border-color: var(--invermar-primary);
    box-shadow: 0 0 0 0.25rem rgba(49, 130, 206, 0.25);
}
.form-control::placeholder {
    color: var(--invermar-text-secondary);
    opacity: 0.7;
}
.form-label {
    color: var(--invermar-text-secondary);
}

/* Modais */
.modal-content {
    background-color: var(--invermar-surface);
    border: 1px solid var(--invermar-border);
}
.modal-header { border-bottom-color: var(--invermar-border); }
.modal-footer { border-top-color: var(--invermar-border); }
.btn-close { filter: invert(1) grayscale(100%) brightness(200%); }

/* Bordas */
.border-bottom { border-bottom-color: var(--invermar-border) !important; }
.border { border-color: var(--invermar-border) !important; }

/* 4. Barra Lateral (Sidebar) */
.sidebar {
    background-color: var(--invermar-bg-dark) !important;
    border-right: 1px solid var(--invermar-border);
}
.sidebar .nav-link {
    color: var(--invermar-text-secondary);
    transition: all 0.2s ease-in-out;
    border-left: 3px solid transparent;
    margin-left: -1px;
}
.sidebar .nav-link:hover, .sidebar .nav-link.active {
    color: var(--invermar-text-primary);
    background-color: rgba(49, 130, 206, 0.1);
    border-left: 3px solid var(--invermar-primary);
}
.sidebar .nav-link .bi {
    margin-right: 0.75rem;
}

/* Estilos para o Header da Sidebar com o Logo */
.sidebar-header {
    padding: 1.25rem 1rem;
    text-align: center;
    border-bottom: 1px solid var(--invermar-border);
    margin-bottom: 1rem;
}

.sidebar-header .logo {
    max-height: 40px;
    width: auto;
    transition: transform 0.2s ease-in-out;
}

.sidebar-header .logo:hover {
    transform: scale(1.05);
}