/**
 * Visual unificado (área principal): fundo em degradê e painéis tipo card,
 * alinhado ao tema laudos / ListarBoletos. Escopo: .container.body .right_col2
 */

:root {
    --layout-modern-surface: #ffffff;
}

/* Área de conteúdo — não depende de body.nav-md */
.container.body .right_col2 {
    background: linear-gradient(135deg, #f8fafc 0%, #e8edf5 45%, #e2e8f0 100%);
    padding: 16px 28px 24px;
}

/* Evita “fundo duplo” nas telas que já usam .laudo-index-container */
.container.body .right_col2 .laudo-index-container {
    background: transparent !important;
    min-height: 0 !important;
    padding-top: 0.75rem;
    padding-bottom: 1.5rem;
}

.container.body .right_col2 .list-page-modern.laudo-index-container {
    padding-top: 1rem;
    padding-bottom: 2rem;
}

/* Painéis Gentelella */
.container.body .right_col2 .x_panel {
    background: var(--layout-modern-surface);
    border: 1px solid rgba(102, 126, 234, 0.12);
    border-radius: 14px;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.06);
    margin-bottom: 20px;
    overflow: visible;
}

.container.body .right_col2 .x_panel .x_title {
    border-bottom: 1px solid rgba(102, 126, 234, 0.12);
    padding: 14px 18px 12px;
    margin: 0;
}

.container.body .right_col2 .x_panel .x_title h2 {
    font-weight: 600;
    font-size: 1.15rem;
    color: #1e293b;
}

.container.body .right_col2 .x_panel .x_content {
    padding: 16px 18px 18px;
}

/* Bootstrap .panel legado */
.container.body .right_col2 .panel {
    border-radius: 14px;
    border: 1px solid rgba(102, 126, 234, 0.12);
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.06);
    overflow: visible;
}

.container.body .right_col2 .panel-heading {
    border-radius: 14px 14px 0 0;
    font-weight: 600;
}

/* Rodapé global (irmão de .container.body) */
.container.body ~ footer {
    border-top: 1px solid rgba(102, 126, 234, 0.14);
    padding-top: 14px;
    margin-top: 4px;
}

@media (max-width: 768px) {
    .container.body .right_col2 {
        padding: 12px 14px 18px;
    }
}

/* -------------------------------------------------------------------------
   Barra superior _LayoutV2 (#myTopnav): mesmo roxo do site_.css / demais telas.
   Carrega por último + !important para vencer cache ou regras antigas em site_v2.
   ------------------------------------------------------------------------- */
body > div#myTopnav.topnav {
    background: #613494 !important;
    background-color: #613494 !important;
}

#myTopnav.topnav #rc_logo {
    background-color: #613494 !important;
}

#myTopnav.topnav > a {
    background-color: #613494 !important;
    color: #f2f2f2 !important;
}

#myTopnav.topnav > a:hover,
#myTopnav.topnav > a:focus {
    background-color: #4b2775 !important;
    color: #fff !important;
}

#myTopnav.topnav > a.active {
    background-color: #8263ab !important;
    color: #fff !important;
}

#myTopnav.topnav > a.active:hover {
    background-color: #9b7ec8 !important;
    color: #fff !important;
}

#myTopnav.topnav .dropdown:hover .dropbtn {
    background-color: #4b2775 !important;
    color: #fff !important;
}