/* ==========================================================================
   LAYOUT MODERNO · COMPAT · BOOTSTRAP 3.4.1
   Só regras .lm-bs341 (diferenças de markup/comportamento do BS3).
   Carregado pelos shells BS3 depois do BundleLayoutModerno.
   ========================================================================== */

/* Dropdowns do topo: no BS3 abrem com .open no <li>; descola do botão */
.lm-bs341 .top_nav #menuSuperior > li.open > .dropdown-menu {
    margin-top: var(--lm-space-2);
}

/* Fundo dos modais (Componentes/24-modais.css): o BS3 usa opacity .5 no
   ".modal-backdrop.in", o que diluiria o blur. A cor já vem com a transparência.
   O ".fade" continua animando de 0 a 1. */
.lm-bs341 .modal-backdrop.in {
    opacity: 1;
}

/* "x" do modal: flutua à direita (vem antes do título no DOM) e fica
   alinhado com a 1ª linha do título (32px × 24px). */
.lm-bs341 .modal-header .close {
    margin: -4px 0 0 var(--lm-space-3);
}

/* --------------------------------------------------------------------------
   Input groups (Componentes/22-formularios.css): o BS3 monta o grupo como
   tabela, com as bordas coladas. Aqui ele vira flex, com espaço entre o campo
   e o botão. Escape por tela: .lm-input-group-junto no .input-group.
   O widget do datetimepicker entra no grupo, mas é absoluto (fora do flex).
   -------------------------------------------------------------------------- */
.lm-bs341 .input-group:not(.lm-input-group-junto) {
    display: flex;
    align-items: stretch;
    gap: var(--lm-space-2);
}

.lm-bs341 .input-group:not(.lm-input-group-junto) > .form-control {
    display: block;
    flex: 1 1 auto;
    width: 1%; /* a largura inline do custom.js (anexo) vira a base e encolhe */
    min-width: 0;
    float: none;
}

.lm-bs341 .input-group:not(.lm-input-group-junto) > .input-group-addon,
.lm-bs341 .input-group:not(.lm-input-group-junto) > .input-group-btn {
    display: flex;
    width: auto;
}

.lm-bs341 .input-group:not(.lm-input-group-junto) > .input-group-btn {
    gap: var(--lm-space-2);
}

/* Margens: -1px da junção (BS3), 5px (Gentelella) e 8px no ≤ 991px (custom.css) */
.lm-bs341 .input-group:not(.lm-input-group-junto) > .input-group-btn > .btn {
    margin: 0;
}

.lm-bs341 .input-group:not(.lm-input-group-junto) > .form-control,
.lm-bs341 .input-group:not(.lm-input-group-junto) > .input-group-addon,
.lm-bs341 .input-group:not(.lm-input-group-junto) > .input-group-btn > .btn {
    border-radius: var(--lm-radius-md) !important; /* vence: junção de cantos do BS3 e custom.css ".input-group.date .input-group-addon" (!important) */
}

/* --------------------------------------------------------------------------
   Tabelas (Componentes/23-tabelas.css): o BS3 divide as linhas com
   border-top e faz a listra com background na <tr>.
   -------------------------------------------------------------------------- */
.lm-bs341 .table:not(.table-bordered) > thead > tr > th,
.lm-bs341 .table:not(.table-bordered) > thead > tr > td {
    border-top: 0;
    border-bottom: 1px solid var(--lm-border); /* legado: 2px #DDD */
}

.lm-bs341 .table > tbody > tr > th,
.lm-bs341 .table > tbody > tr > td,
.lm-bs341 .table > tfoot > tr > th,
.lm-bs341 .table > tfoot > tr > td {
    border-top-color: var(--lm-border);
}

/* Com o border-collapse: separate do DataTables, a borda da 1ª linha somaria
   com a do cabeçalho. */
.lm-bs341 .table:not(.table-bordered) > thead + tbody > tr:first-child > th,
.lm-bs341 .table:not(.table-bordered) > thead + tbody > tr:first-child > td {
    border-top: 0;
}

.lm-bs341 .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(var(--lm-overlay-rgb), .05); /* mesma listra do DataTables 2 no BS5 */
}

.lm-bs341 .table-hover > tbody > tr:hover {
    background-color: var(--lm-primary-tint);
}

.lm-bs341 .table-bordered,
.lm-bs341 .table-bordered > thead > tr > th,
.lm-bs341 .table-bordered > thead > tr > td,
.lm-bs341 .table-bordered > tbody > tr > th,
.lm-bs341 .table-bordered > tbody > tr > td,
.lm-bs341 .table-bordered > tfoot > tr > th,
.lm-bs341 .table-bordered > tfoot > tr > td {
    border-color: var(--lm-border);
}

/* --------------------------------------------------------------------------
   Tooltip (Componentes/28-dropdowns-tooltips.css): a seta do BS3 é borda
   -------------------------------------------------------------------------- */
.lm-bs341 .tooltip.in {
    opacity: 1;
}

.lm-bs341 .tooltip.top .tooltip-arrow,
.lm-bs341 .tooltip.top-left .tooltip-arrow,
.lm-bs341 .tooltip.top-right .tooltip-arrow {
    border-top-color: var(--lm-text);
}

.lm-bs341 .tooltip.bottom .tooltip-arrow,
.lm-bs341 .tooltip.bottom-left .tooltip-arrow,
.lm-bs341 .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: var(--lm-text);
}

.lm-bs341 .tooltip.left .tooltip-arrow {
    border-left-color: var(--lm-text);
}

.lm-bs341 .tooltip.right .tooltip-arrow {
    border-right-color: var(--lm-text);
}