/* Forçar padronização máxima do botão de alternância de tema no tema escuro */
body.dark-mode .navbar .btn-outline-dark#toggle-theme,
body.dark-mode .navbar .btn-outline-dark#toggle-theme:focus,
body.dark-mode .navbar .btn-outline-dark#toggle-theme:active {
    background: #23272b !important;
    border: 1.5px solid #888 !important;
    color: #e0e0e0 !important;
    box-shadow: none !important;
    outline: none !important;
    transition: background 0.2s, color 0.2s, border 0.2s;
}
body.dark-mode .navbar .btn-outline-dark#toggle-theme:hover {
    background: #333 !important;
    color: #7fff7f !important;
    border: 1.5px solid #7fff7f !important;
    box-shadow: none !important;
    outline: none !important;
}
/* Padronizar botão de alternância de tema no tema escuro */
.dark-mode .btn-outline-dark#toggle-theme {
    background: #23272b !important;
    border: 1px solid #888 !important;
    color: #e0e0e0 !important;
    box-shadow: none !important;
}
.dark-mode .btn-outline-dark#toggle-theme:hover,
.dark-mode .btn-outline-dark#toggle-theme:focus {
    background: #333 !important;
    color: #7fff7f !important;
    box-shadow: none !important;
}
/* Corrigir destaque da logo no hover no tema escuro para não adicionar cor de fundo */
.dark-mode .logo-link-no-highlight:hover, .dark-mode .logo-link-no-highlight:focus, .dark-mode .logo-link-no-highlight:active {
    background: none !important;
    box-shadow: none !important;
    outline: none !important;
}
.dark-mode .logo-link-no-highlight:hover img,
.dark-mode .logo-link-no-highlight:focus img {
    background: none !important;
    box-shadow: none !important;
    outline: none !important;
}
/* Não destacar a logo no hover no tema escuro */
.dark-mode .logo-link-no-highlight:hover, .dark-mode .logo-link-no-highlight:focus, .dark-mode .logo-link-no-highlight:active {
    background: none !important;
    box-shadow: none !important;
    outline: none !important;
}
body.dark-mode {
    background-color: #181a1b !important;
    color: #e0e0e0 !important;
}

.dark-mode .navbar {
    background-color: #23272b !important;
    color: #e0e0e0 !important;
    border-bottom-color: #2e7d32 !important;
}

.dark-mode .navbar a {
    color: #e0e0e0 !important;
}

.dark-mode .navbar a:hover {
    background-color: #333 !important;
}
.dark-mode .navbar .logo-link-no-highlight,
.dark-mode .navbar .logo-link-no-highlight:hover,
.dark-mode .navbar .logo-link-no-highlight:focus,
.dark-mode .navbar .logo-link-no-highlight:active {
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}
.dark-mode .nav-link-minhasplantas {
    color: #ccc !important;
}
.dark-mode .nav-link-minhasplantas:hover {
    background: #2a3a2a !important;
    color: #7fff7f !important;
}
.dark-mode .nav-link-minhasplantas.active {
    background: #2a3a2a !important;
    color: #7fff7f !important;
}
.dark-mode .navbar-toggler {
    border-color: #555 !important;
    filter: invert(1);
}
.dark-mode .theme-toggle-btn {
    border-color: #888 !important;
    color: #e0e0e0 !important;
    background: #23272b !important;
}
.dark-mode .theme-toggle-btn:hover {
    background: #333 !important;
    color: #7fff7f !important;
    border-color: #7fff7f !important;
}

.dark-mode .container {
    background: #23272b !important;
    color: #e0e0e0 !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.4) !important;
}

.dark-mode h1, .dark-mode h2 {
    color: #7fff7f !important;
}


.dark-mode .btn-primary, .dark-mode .btn-success {
    background-color: #388e3c !important;
    border: none !important;
}

/* Botão de alternância de tema */
.dark-mode #toggle-theme {
    background: #23272b !important;
    border: 1px solid #888 !important;
    color: #e0e0e0 !important;
}
.dark-mode #toggle-theme:hover {
    background: #333 !important;
    color: #7fff7f !important;
}
.dark-mode #theme-icon {
    color: #e0e0e0 !important;
}

.dark-mode .btn-secondary {
    background-color: #444 !important;
    color: #e0e0e0 !important;
    border: none !important;
}

.dark-mode .form-control, .dark-mode input, .dark-mode select, .dark-mode textarea {
    background-color: #23272b !important;
    color: #e0e0e0 !important;
    border: 1px solid #444 !important;
}

.dark-mode .table {
    background-color: #23272b !important;
    color: #e0e0e0 !important;
}

.dark-mode .table thead {
    background-color: #181a1b !important;
    color: #7fff7f !important;
}

.dark-mode .alert {
    background-color: #333 !important;
    color: #e0e0e0 !important;
    border: 1px solid #444 !important;
}

/* Formulário — cards e labels */
.dark-mode .card {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #e0e0e0 !important;
}
.dark-mode .card-body {
    background-color: #1e293b !important;
}
.dark-mode .card-header {
    background-color: #0f172a !important;
    border-bottom-color: #334155 !important;
    color: #86efac !important;
}
.dark-mode .form-label {
    color: #cbd5e1 !important;
}
.dark-mode .input-group-text {
    background-color: #334155 !important;
    border-color: #475569 !important;
    color: #cbd5e1 !important;
}
.dark-mode .form-control::placeholder {
    color: #64748b !important;
}

/* Texto "muted" e "secondary" no dark mode */
.dark-mode .text-muted {
    color: #94a3b8 !important;
}
.dark-mode .text-secondary {
    color: #94a3b8 !important;
}

/* Formulário de plantas — card headers com inline style */
/* Rega (azul) */
.dark-mode .card-header[style*="background:#e1f5fe"] {
    background: #0c2233 !important;
    background-color: #0c2233 !important;
    color: #7dd3fc !important;
    border-bottom-color: #1e3a52 !important;
}
.dark-mode .card-header[style*="background:#e1f5fe"] .text-secondary,
.dark-mode .card-header[style*="background:#e1f5fe"] i.bi-question-circle {
    color: #7dd3fc !important;
    opacity: 0.7;
}
/* Adubação (verde) */
.dark-mode .card-header[style*="background:#f1f8e9"] {
    background: #0f2318 !important;
    background-color: #0f2318 !important;
    color: #86efac !important;
    border-bottom-color: #1a3a28 !important;
}
.dark-mode .card-header[style*="background:#f1f8e9"] .text-secondary,
.dark-mode .card-header[style*="background:#f1f8e9"] i.bi-question-circle {
    color: #86efac !important;
    opacity: 0.7;
}
/* Replantio (amarelo/laranja) */
.dark-mode .card-header[style*="background:#fff8e1"] {
    background: #2a1a00 !important;
    background-color: #2a1a00 !important;
    color: #fbbf24 !important;
    border-bottom-color: #3d2800 !important;
}
.dark-mode .card-header[style*="background:#fff8e1"] .text-secondary,
.dark-mode .card-header[style*="background:#fff8e1"] i.bi-question-circle {
    color: #fbbf24 !important;
    opacity: 0.7;
}

/* "(opcional)" dentro de qualquer card-header no dark mode */
.dark-mode .card-header span.fw-normal {
    opacity: 0.75;
}

/* Card border-left coloridas no dark mode (rega, adubação, replantio) */
.dark-mode .card[style*="border-left: 4px solid #29b6f6"] {
    border-color: #1e3a52 !important;
}
.dark-mode .card[style*="border-left: 4px solid #66bb6a"] {
    border-color: #1a3a28 !important;
}
.dark-mode .card[style*="border-left: 4px solid #ffa726"] {
    border-color: #3d2800 !important;
}

/* bio-atendimento (subtítulo das páginas de planta) */
.dark-mode .bio-atendimento {
    color: #94a3b8 !important;
}

/* Login page — dark mode */
.dark-mode .login-link-forgot {
    color: #94a3b8 !important;
}
.dark-mode .login-link-forgot:hover {
    color: #7fff7f !important;
}
.dark-mode .login-divider {
    border-color: #3a3a3a !important;
}
.dark-mode .login-register-text {
    color: #94a3b8 !important;
}
.dark-mode .btn-outline-success {
    color: #7fff7f !important;
    border-color: #7fff7f !important;
}
.dark-mode .btn-outline-success:hover {
    background-color: #2e7d32 !important;
    color: #fff !important;
    border-color: #2e7d32 !important;
}