:root {
    --apramed-blue: #003f72; /* Azul do logo Apramed */
    --apramed-silver: #a0a5aa; /* Prata/cinza do logo */
    --bg-light: #f4f6f9;
}

body {
    background-color: var(--bg-light);
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    transition: background-color 0.3s, color 0.3s;
}

/* Modificadores de Cartão */
.card {
    border: none;
    border-radius: 12px;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.05);
}

.card-header {
    border-radius: 12px 12px 0 0 !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.bg-apramed {
    background-color: var(--apramed-blue) !important;
    color: white;
}

/* Botões do Tratamento */
.input-group button {
    font-weight: bold;
    font-size: 1.2rem;
    padding: 0 15px;
}

.input-group input[readonly] {
    background-color: #fff;
    color: var(--apramed-blue);
    font-weight: bold;
    font-size: 1.2rem;
}

/* =========================================
   MODO ESCURO (Tons de Cinza Suaves)
   ========================================= */
[data-bs-theme="dark"] body {
    background-color: #3a3b3c; /* Cinza médio de fundo */
    color: #e4e6eb; /* Texto claro */
}

[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .modal-content {
    background-color: #444546; /* Fundo dos cartões e modais um pouco mais claro */
    border-color: #555;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4);
    color: #e4e6eb;
}

/* Inputs e Botões */
[data-bs-theme="dark"] .input-group input[readonly],
[data-bs-theme="dark"] .form-control {
    background-color: #555658;
    color: #fff;
    border-color: #6a6c6d;
}

[data-bs-theme="dark"] .form-control:focus {
    background-color: #636466;
    color: #fff;
}

/* Correção para Cores de Texto */
[data-bs-theme="dark"] .text-muted {
    color: #b0b3b8 !important;
}

[data-bs-theme="dark"] .card-header.bg-white {
    background-color: #4e4f50 !important;
    border-bottom-color: #555;
    color: #92bdf6 !important; /* Azul mais claro para leitura no escuro */
}

/* =========================================
   CORREÇÃO DA TABELA PARA MODO ESCURO
   ========================================= */
[data-bs-theme="dark"] .table {
    --bs-table-bg: transparent;
    --bs-table-color: #e4e6eb;
    --bs-table-border-color: #5c5c5c;
    --bs-table-hover-bg: #4f5052;
}

/* Força os fundos claros a ficarem cinza no modo escuro */
[data-bs-theme="dark"] .bg-light,
[data-bs-theme="dark"] .table-light,
[data-bs-theme="dark"] .table-light th,
[data-bs-theme="dark"] .table-light td {
    background-color: #4e4f50 !important;
    color: #e4e6eb !important;
    border-color: #5c5c5c !important;
}

/* Ajuste da borda das colunas */
[data-bs-theme="dark"] .border-end {
    border-right-color: #5c5c5c !important;
}

/* Campo de Input na edição de nome da tabela */
[data-bs-theme="dark"] .patient-name-cell input {
    background-color: #636466;
    color: #fff;
    border: 1px solid #777;
}
/* Logotipos */
.logo-software { max-height: 40px; }
.logo-apramed { max-height: 60px; margin-top: 20px; }