/*
Template Name: Steex - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/

/* ============================================================
   CloudCare / Diagmed — Sidebar Branding Override
   Fundo azul escuro (#085DA9) conforme identidade visual
   ============================================================ */

/* Override sidebar for ALL themes — high-specificity selectors */
[data-theme="default"][data-sidebar="dark"] {
    --tb-vertical-menu-bg: #085DA9;
    --tb-vertical-menu-border: #074d8e;
    --tb-vertical-menu-item-color: rgba(255, 255, 255, 0.7);
    --tb-vertical-menu-item-hover-color: #ffffff;
    --tb-vertical-menu-item-hover-bg: rgba(255, 255, 255, 0.1);
    --tb-vertical-menu-item-active-color: #ffffff;
    --tb-vertical-menu-item-active-bg: rgba(255, 255, 255, 0.15);
    --tb-vertical-menu-sub-item-color: rgba(255, 255, 255, 0.6);
    --tb-vertical-menu-sub-item-hover-color: #ffffff;
    --tb-vertical-menu-sub-item-active-color: #ffffff;
    --tb-vertical-menu-title-color: rgba(255, 255, 255, 0.5);
    --tb-twocolumn-menu-iconview-bg: #074d8e;
}

/* Also cover other themes that might be active */
[data-theme="material"][data-sidebar="dark"],
[data-theme="minimal"][data-sidebar="dark"],
[data-theme="modern"][data-sidebar="dark"],
[data-theme="creative"][data-sidebar="dark"],
[data-theme="galaxy"][data-sidebar="dark"],
[data-theme="classic"][data-sidebar="dark"] {
    --tb-vertical-menu-bg: #085DA9;
    --tb-vertical-menu-border: #074d8e;
    --tb-vertical-menu-item-color: rgba(255, 255, 255, 0.7);
    --tb-vertical-menu-item-hover-color: #ffffff;
    --tb-vertical-menu-item-hover-bg: rgba(255, 255, 255, 0.1);
    --tb-vertical-menu-item-active-color: #ffffff;
    --tb-vertical-menu-item-active-bg: rgba(255, 255, 255, 0.15);
    --tb-vertical-menu-sub-item-color: rgba(255, 255, 255, 0.6);
    --tb-vertical-menu-sub-item-hover-color: #ffffff;
    --tb-vertical-menu-sub-item-active-color: #ffffff;
    --tb-vertical-menu-title-color: rgba(255, 255, 255, 0.5);
    --tb-twocolumn-menu-iconview-bg: #074d8e;
}

/* Direct element overrides as fallback */
[data-sidebar="dark"] .app-menu.navbar-menu {
    background: #085DA9 !important;
}

[data-sidebar="dark"] .navbar-brand-box {
    background-color: #085DA9 !important;
}

[data-sidebar="dark"] .sidebar-background {
    background-color: #085DA9 !important;
}

/* Adjust navbar-brand-box height to fit larger logo */
.navbar-brand-box {
    min-height: 100px;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar-brand-box .logo {
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Info-paciente banner — gradient com cores Diagmed */
.info-paciente {
    background: linear-gradient(135deg, #26AEE5 0%, #085DA9 100%) !important;
}

/* ============================================================
   Portal Paciente — Botões com azul claro Diagmed (#26AEE5)
   ============================================================ */

/* Botões primários (Buscar, Visualizar Exame) */
.info-paciente ~ * .btn-primary,
#meusExamesTabs ~ * .btn-primary,
#meusExamesTabContent .btn-primary {
    background-color: #26AEE5 !important;
    border-color: #26AEE5 !important;
}

#meusExamesTabContent .btn-primary:hover,
#meusExamesTabContent .btn-primary:focus {
    background-color: #1e9ad0 !important;
    border-color: #1e9ad0 !important;
}

/* Nav pills (Meus Exames / Agendamentos tabs) */
#meusExamesTabs .nav-link.active {
    background-color: #26AEE5 !important;
    border-color: #26AEE5 !important;
    color: #fff !important;
}

#meusExamesTabs .nav-link:not(.active) {
    color: #26AEE5 !important;
}

#meusExamesTabs .nav-link:hover:not(.active) {
    color: #1e9ad0 !important;
}

/* Botão Histórico Completo */
#meusExamesTabContent .btn-outline-info {
    color: #26AEE5 !important;
    border-color: #26AEE5 !important;
}

#meusExamesTabContent .btn-outline-info:hover {
    background-color: #26AEE5 !important;
    border-color: #26AEE5 !important;
    color: #fff !important;
}

/* Botão Novo Agendamento */
#agendamentos-content .btn-primary {
    background-color: #26AEE5 !important;
    border-color: #26AEE5 !important;
}

/* Paginação */
#exames-content .page-item.active .page-link {
    background-color: #26AEE5 !important;
    border-color: #26AEE5 !important;
}

#exames-content .page-link {
    color: #26AEE5;
}

/* Botões de QR code */
#meusExamesTabContent .btn-outline-info.download-qr-btn {
    color: #26AEE5 !important;
    border-color: #26AEE5 !important;
}

#meusExamesTabContent .btn-outline-info.download-qr-btn:hover {
    background-color: #26AEE5 !important;
    color: #fff !important;
}