/* Corretor LEBI — app (PWA). Layout theme3 (AdminLTE 2). Tudo sob body.lebi-tema; o app (barra, cabeçalho, cartões) só no celular. */

/* ---------- base leve (todas as larguras) */
body.lebi-tema { background: #F3F5F9; color: #111827; }
body.lebi-tema .content-wrapper { background: #F3F5F9; }
body.lebi-tema .panel, body.lebi-tema .box, body.lebi-tema .card { border: 1px solid #E2E6EF; border-radius: 16px; box-shadow: none; }
body.lebi-tema .btn { border-radius: 12px; }
body.lebi-tema .lebi-topo, body.lebi-tema .lebi-barra, body.lebi-tema .lebi-mais, body.lebi-tema .lebi-mais-fundo { display: none; }

/* ---------- login (todas as larguras; não mexe no formulário) */
body.builder-template-login.lebi-tema { background: #141B4D; min-height: 100vh; }
body.builder-template-login.lebi-tema #wrapper {
  width: auto !important; max-width: 400px; margin: 40px 16px !important; padding: 72px 20px 20px; position: relative;
  background: #fff; border-radius: 16px; box-sizing: border-box;
}
@media (min-width: 450px) { body.builder-template-login.lebi-tema #wrapper { margin: 60px auto !important; } }
body.builder-template-login.lebi-tema #wrapper::before {
  content: ""; position: absolute; top: -32px; left: 50%; margin-left: -40px; width: 80px; height: 80px; border-radius: 20px;
  background: #1C75BC url("app/simbolo-branco.png") center / 54px no-repeat; box-shadow: 0 6px 18px rgba(20, 27, 77, .35);
}
body.builder-template-login.lebi-tema #wrapper .panel, body.builder-template-login.lebi-tema #wrapper .box { border: 0; border-radius: 0; }
body.builder-template-login.lebi-tema #wrapper input.form-control, body.builder-template-login.lebi-tema #wrapper input[type=text],
body.builder-template-login.lebi-tema #wrapper input[type=password] { height: 44px; font-size: 16px; border-radius: 12px; }
body.builder-template-login.lebi-tema #wrapper .btn-success, body.builder-template-login.lebi-tema #wrapper .btn-primary,
body.builder-template-login.lebi-tema #wrapper .btn-default.btn-lg { width: 100%; min-height: 44px; background: #1C75BC; border-color: #1C75BC; color: #fff; }
body.builder-template-login.lebi-tema #wrapper + div, body.builder-template-login.lebi-tema #wrapper ~ div { color: #fff; }
body.builder-template-login.lebi-tema #wrapper ~ div a { color: #fff; }

/* ---------- app: só no celular */
@media (max-width: 767px) {
  body.lebi-tema aside.main-sidebar,
  body.lebi-tema header.main-header,
  body.lebi-tema footer.main-footer { display: none; }

  body.lebi-tema:not(.builder-template-login) { padding: 0; }
  body.lebi-tema .content-wrapper {
    margin-left: 0 !important; min-height: 100vh;
    padding-top: 56px !important; padding-bottom: calc(64px + env(safe-area-inset-bottom)) !important;
  }
  body.lebi-tema .content-wrapper > .content, body.lebi-tema section.content { padding: 12px !important; }
  body.lebi-tema .wrapper, body.lebi-tema .content-wrapper { background: #F3F5F9 !important; }
  body.lebi-tema .breadcrumb, body.lebi-tema #div_breadcrumbs, body.lebi-tema .tbreadcrumb { display: none; }
  body.lebi-tema #adianti_content .adianti_tabs_container { margin: 0 !important; }
  body.lebi-tema .btn { min-height: 44px; }
  body.lebi-tema .form-control, body.lebi-tema select.form-control, body.lebi-tema input.form-control,
  body.lebi-tema .form-control.input-sm, body.lebi-tema .input-sm, body.lebi-tema .form-control-sm { height: 44px; min-height: 44px; font-size: 16px; }
  body.lebi-tema .form-control { border-radius: 12px; }
  /* o application.css do theme3 fixa o Select2 em 30px com !important */
  body.lebi-tema .select2-container--default .select2-selection--single, body.lebi-tema .select2-selection .select2-selection--single { height: 44px !important; padding: 0 12px !important; border-radius: 12px; }
  body.lebi-tema .select2-container .select2-selection--single .select2-selection__rendered { line-height: 42px !important; margin-top: 0 !important; font-size: 16px; }
  body.lebi-tema .select2-container--default .select2-selection--single .select2-selection__arrow { height: 42px !important; top: 0 !important; }
  body.lebi-tema .select2-container .select2-selection--multiple { min-height: 44px; border-radius: 12px; }
  body.lebi-tema textarea.form-control, body.lebi-tema select[multiple].form-control { height: auto; min-height: 44px; font-size: 16px; }
  /* seletores de data: acima de tudo o que abre janela (jQuery dialog 1001, TWindow, modais Bootstrap 1050) */
  body.lebi-tema .datepicker, body.lebi-tema .bootstrap-datetimepicker-widget, body.lebi-tema .ui-datepicker { z-index: 1070 !important; }

  /* cabeçalho do app */
  body.lebi-tema .lebi-topo {
    display: flex; align-items: center; position: fixed; top: 0; left: 0; right: 0; z-index: 900; height: 56px;
    padding: 0 8px; box-sizing: border-box; background: #141B4D; color: #fff;
  }
  body.lebi-tema .lebi-voltar {
    width: 44px; height: 44px; flex: 0 0 44px; border: 0; background: transparent; color: #fff;
    font-size: 34px; line-height: 1; padding: 0 0 4px; border-radius: 12px; cursor: pointer;
  }
  body.lebi-tema .lebi-simbolo { display: none; width: 32px; height: 32px; margin: 0 6px; }
  body.lebi-tema.lebi-sem-voltar .lebi-voltar { display: none; }
  body.lebi-tema.lebi-sem-voltar .lebi-simbolo { display: block; }
  body.lebi-tema .lebi-titulo {
    flex: 1 1 auto; min-width: 0; padding: 0 8px; font-size: 17px; font-weight: 600; color: #fff;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center;
  }
  body.lebi-tema:not(.lebi-sem-voltar) .lebi-titulo { padding-right: 52px; }
  body.lebi-tema.lebi-sem-voltar .lebi-titulo { text-align: left; }

  /* barra inferior */
  body.lebi-tema .lebi-barra {
    display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 900;
    box-sizing: border-box; height: calc(64px + env(safe-area-inset-bottom)); padding-bottom: env(safe-area-inset-bottom); background: #fff; border-top: 1px solid #E2E6EF;
  }
  body.lebi-tema .lebi-item {
    position: relative; flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 3px; border: 0; background: transparent; color: #5B6478; font-size: 12px; padding: 0; cursor: pointer;
  }
  body.lebi-tema .lebi-item i { font-size: 20px; }
  body.lebi-tema .lebi-item.lebi-item-ativo { color: #1C75BC; font-weight: 600; }
  body.lebi-tema .lebi-item.lebi-item-ativo::before {
    content: ""; position: absolute; top: 0; left: 50%; margin-left: -10px; width: 20px; height: 3px; border-radius: 0 0 3px 3px; background: #F7A823;
  }

  /* folha "Mais": fechada = fora da tela, invisível e sem toque; .aberta anima o translateY */
  body.lebi-tema .lebi-mais-fundo {
    display: block; position: fixed; inset: 0; z-index: 950; background: rgba(20, 27, 77, .55);
    opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .2s, visibility 0s .2s;
  }
  body.lebi-tema .lebi-mais-fundo.aberta { opacity: 1; visibility: visible; pointer-events: auto; transition: opacity .2s; }
  body.lebi-tema .lebi-mais {
    display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 960; max-height: 85vh; flex-direction: column;
    background: #fff; border-radius: 16px 16px 0 0; padding-bottom: env(safe-area-inset-bottom);
    transform: translateY(100%); visibility: hidden; pointer-events: none; transition: transform .2s ease-out, visibility 0s .2s;
  }
  body.lebi-tema .lebi-mais.aberta { transform: translateY(0); visibility: visible; pointer-events: auto; transition: transform .2s ease-out; }
  body.lebi-tema .lebi-mais-cab { display: flex; align-items: center; justify-content: space-between; padding: 8px 8px 8px 16px; font-size: 17px; color: #111827; }
  body.lebi-tema .lebi-mais-fechar { width: 44px; height: 44px; border: 0; background: transparent; color: #5B6478; font-size: 18px; }
  body.lebi-tema .lebi-mais-corpo { min-height: 0; overflow-y: auto; padding: 0 16px 12px; }
  body.lebi-tema .lebi-mais-grupo { margin: 14px 0 4px; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #5B6478; }
  body.lebi-tema .lebi-mais-linha {
    display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 48px; padding: 0 4px;
    border: 0; border-bottom: 1px solid #E2E6EF; background: transparent; color: #111827; font-size: 16px; text-align: left;
  }
  body.lebi-tema .lebi-mais-linha i { color: #5B6478; font-size: 14px; }
  body.lebi-tema .lebi-mais-versao { margin-top: 18px; font-size: 13px; color: #5B6478; text-align: center; }
  body.lebi-tema .lebi-mais-lgpd { margin: 4px 0 8px; font-size: 12px; color: #5B6478; text-align: center; }
  body.lebi-tema .lebi-mais-atualizar { color: #1C75BC; }
  body.lebi-tema .lebi-mais-atualizar i { color: #1C75BC; }
  body.lebi-tema .lebi-mais-sair { color: #B3261E; border-bottom: 0; }
  body.lebi-tema .lebi-mais-sair i { color: #B3261E; }

  /* tabelas que não viram cartão continuam com rolagem horizontal */
  body.lebi-tema .table-responsive { overflow-x: auto; }
}

/* ---------- listas em cartões (só no celular e só com body.lebi-ativo: se o JS desliga por laço, as listas voltam a ser tabela) */
@media (max-width: 767px) {
  body.lebi-tema.lebi-ativo .lebi-cartao-corpo { overflow: visible; padding: 0; border: 0; background: transparent; }
  body.lebi-tema.lebi-ativo .lebi-cartao-painel { border: 0; background: transparent; box-shadow: none; }
  body.lebi-tema.lebi-ativo .lebi-cartao-painel > .panel-body, body.lebi-tema.lebi-ativo .lebi-cartao-painel > .box-body, body.lebi-tema.lebi-ativo .lebi-cartao-painel > .card-body { padding: 0; }
  body.lebi-tema.lebi-ativo .lebi-cartao-painel > .panel-footer, body.lebi-tema.lebi-ativo .lebi-cartao-painel > .box-footer, body.lebi-tema.lebi-ativo .lebi-cartao-painel > .card-footer { background: transparent; border: 0; padding: 0; }
  body.lebi-tema.lebi-ativo table.lebi-cartao, body.lebi-tema.lebi-ativo table.lebi-cartao tbody { display: block; width: 100% !important; border: 0; background: transparent; }
  body.lebi-tema.lebi-ativo table.lebi-cartao thead { display: none; }
  body.lebi-tema.lebi-ativo table.lebi-cartao > tbody > tr {
    display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 12px; padding: 12px; background: #fff;
    border: 1px solid #E2E6EF; border-radius: 16px;
  }
  body.lebi-tema.lebi-ativo table.lebi-cartao > tbody > tr > td {
    display: block; flex: 0 0 100%; box-sizing: border-box; width: 100%; padding: 1px 0; line-height: 1.35; height: auto !important; min-height: 0; border: 0; background: transparent;
    font-size: 14px; color: #111827; word-break: break-word;
  }
  body.lebi-tema.lebi-ativo table.lebi-cartao > tbody > tr > td[data-label]::before {
    content: attr(data-label) ": "; font-size: 11px; color: #5B6478;
  }
  body.lebi-tema.lebi-ativo table.lebi-cartao td[data-papel="oculta"] { display: none; }
  /* o TDataGrid põe align="center"/text-align inline nas células: no cartão tudo à esquerda */
  body.lebi-tema.lebi-ativo table.lebi-cartao > tbody > tr > td, body.lebi-tema.lebi-ativo table.lebi-cartao > tfoot > tr > td { text-align: left !important; }
  body.lebi-tema.lebi-ativo table.lebi-cartao td[data-composto]::before { content: none !important; }
  body.lebi-tema.lebi-ativo table.lebi-cartao td > div { min-width: 0 !important; max-width: 100%; box-sizing: border-box; }
  body.lebi-tema.lebi-ativo table.lebi-cartao td .label { display: inline-block; font-size: 12px; line-height: 1.4; vertical-align: baseline; }
  body.lebi-tema.lebi-ativo table.lebi-cartao td[data-papel="pasta"] { order: -3; font-size: 11px; color: #5B6478; }
  body.lebi-tema.lebi-ativo table.lebi-cartao td[data-papel="pasta"]::before { content: "Pasta " !important; font-size: 11px; color: #5B6478; }
  body.lebi-tema.lebi-ativo table.lebi-cartao td[data-papel="titulo"] { order: -2; padding: 2px 0 6px; font-size: 16px; font-weight: 700; color: #141B4D; }
  body.lebi-tema.lebi-ativo table.lebi-cartao td[data-papel="titulo"]::before { content: none !important; }
  body.lebi-tema.lebi-ativo table.lebi-cartao td[data-papel="situacao"] { order: -1; margin: 0 0 6px; }
  body.lebi-tema.lebi-ativo table.lebi-cartao td[data-papel="situacao"]::before { content: none !important; }
  /* pílula só quando a célula é texto simples (JS põe data-tom); composta fica como bloco normal */
  body.lebi-tema.lebi-ativo table.lebi-cartao td[data-papel="situacao"][data-tom] { flex: 0 0 auto; width: auto; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; background: #EEF0F5; color: #3F4859; }
  body.lebi-tema.lebi-ativo table.lebi-cartao td[data-tom="verde"] { background: #E3F4E8 !important; color: #14633A !important; }
  body.lebi-tema.lebi-ativo table.lebi-cartao td[data-tom="ambar"] { background: #FFF1D6 !important; color: #8A4B08 !important; }
  body.lebi-tema.lebi-ativo table.lebi-cartao td[data-tom="vermelho"] { background: #FBE4E2 !important; color: #8C1D18 !important; }
  /* ações: os nós originais ficam onde estão; o CSS só os leva ao rodapé do cartão */
  body.lebi-tema.lebi-ativo table.lebi-cartao > tbody > tr > td.action {
    order: 99; flex: 0 0 auto; width: auto; display: flex; align-items: center; justify-content: flex-end; margin: 8px 0 0 auto; padding: 0 0 0 8px;
  }
  body.lebi-tema.lebi-ativo table.lebi-cartao > tbody > tr > td.action + td.action { margin-left: 0; }
  body.lebi-tema.lebi-ativo table.lebi-cartao td.action .btn, body.lebi-tema.lebi-ativo table.lebi-cartao td.action a.btn { min-height: 44px; min-width: 44px; display: inline-flex; align-items: center; justify-content: center; }
  body.lebi-tema.lebi-ativo table.lebi-cartao[data-lebi-toque] > tbody > tr { cursor: pointer; }
  /* totais (tfoot de Contratos e Comissões): cartão de totais, rótulo: valor em linha; células vazias escondidas */
  body.lebi-tema.lebi-ativo table.lebi-cartao tfoot { display: block; margin: 0 0 12px; }
  body.lebi-tema.lebi-ativo table.lebi-cartao tfoot > tr { display: block; padding: 12px; background: #fff; border: 1px solid #E2E6EF; border-radius: 16px; }
  body.lebi-tema.lebi-ativo table.lebi-cartao tfoot > tr::before { content: "Totais"; display: block; margin-bottom: 4px; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #5B6478; }
  body.lebi-tema.lebi-ativo table.lebi-cartao tfoot > tr > td { display: block; width: 100%; padding: 1px 0; border: 0; font-size: 14px; font-weight: 700; color: #141B4D; height: auto !important; }
  body.lebi-tema.lebi-ativo table.lebi-cartao tfoot > tr > td[data-label]::before { content: attr(data-label) ": "; font-size: 11px; font-weight: 400; color: #5B6478; }
  body.lebi-tema.lebi-ativo table.lebi-cartao tfoot > tr > td[data-vazio], body.lebi-tema.lebi-ativo table.lebi-cartao tfoot > tr > td.action { display: none; }
  /* paginação e exportar */
  body.lebi-tema nav.tpagenavigation .pagination > li > a, body.lebi-tema nav.tpagenavigation .pagination > li > span { min-width: 44px; min-height: 44px; line-height: 30px; text-align: center; }
  body.lebi-tema nav.tpagenavigation { text-align: center; }
  body.lebi-tema .tpagenavigation_resume, body.lebi-tema nav.tpagenavigation + div { text-align: center; }
  body.lebi-tema .datagrid-header-actions { margin: 0 0 8px; text-align: right; background: transparent; }
  body.lebi-tema.lebi-ativo .lebi-cartao-painel form, body.lebi-tema.lebi-ativo .lebi-cartao-painel .datagrid-container, body.lebi-tema.lebi-ativo .lebi-cartao-painel .panel-body { background: transparent; }
  body.lebi-tema nav.tpagenavigation .pagination { display: flex; flex-wrap: wrap; justify-content: center; margin: 8px 0; }
  body.lebi-tema .datagrid-header-actions .btn { min-height: 36px; padding: 4px 10px; font-size: 13px; }
}

/* ---------- atalhos do BInfoCard (Meus clientes: Novo Cliente / Puxar Cliente / Análises de crédito): fileira compacta no celular */
@media (max-width: 767px) {
  body.lebi-tema.lebi-ativo .lebi-atalhos { display: flex; flex-wrap: nowrap; gap: 8px; margin: 0 !important; padding: 2px 0 8px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  body.lebi-tema.lebi-ativo .lebi-atalhos > [class*="col-"] { flex: 0 0 auto; width: auto; max-width: none; padding: 0; }
  body.lebi-tema.lebi-ativo .lebi-atalhos .fb-inline-field-container { margin: 0; }
  body.lebi-tema.lebi-ativo .lebi-atalhos .b-info-card { display: flex; align-items: center; min-height: 56px; max-height: 64px; padding: 8px 14px; border-radius: 12px; white-space: nowrap; transform: none; }
  body.lebi-tema.lebi-ativo .lebi-atalhos .b-info-card-header { margin: 0; gap: 10px; }
  body.lebi-tema.lebi-ativo .lebi-atalhos .b-info-card-icon { width: 32px; height: 32px; font-size: 15px; border-radius: 8px; flex: none; }
  body.lebi-tema.lebi-ativo .lebi-atalhos .b-info-card-title { font-size: 14px; }
  body.lebi-tema.lebi-ativo .lebi-atalhos .b-info-card-content { display: none; }
}

/* ---------- Início do app (bloco acima dos avisos; só existe com o tema ligado) */
.lebi-ini { margin: 4px 0 18px; }
.lebi-ini-ola { margin: 4px 0 14px; font-size: 22px; font-weight: 700; color: #141B4D; }
.lebi-ini-nums { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.lebi-ini-num, .lebi-ini-num:hover, .lebi-ini-num:focus { display: flex; flex-direction: column; justify-content: center; min-height: 80px; padding: 14px 16px; background: #fff; border: 1px solid #E2E6EF; border-radius: 16px; text-decoration: none; }
.lebi-ini-larga { grid-column: 1 / -1; }
.lebi-ini-n { font-size: 26px; font-weight: 700; line-height: 1.1; color: #141B4D; }
.lebi-ini-r { margin-top: 4px; font-size: 12px; color: #5B6478; }
.lebi-ini-valor { margin: 10px 2px 0; font-size: 12px; color: #5B6478; }
.lebi-ini-valor strong { color: #111827; }
.lebi-ini-atalhos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px 8px; margin-top: 18px; }
.lebi-ini-atalho, .lebi-ini-atalho:hover, .lebi-ini-atalho:focus { display: flex; flex-direction: column; align-items: center; min-height: 44px; text-decoration: none; text-align: center; }
.lebi-ini-ico { display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 50%; background: #E6F1FB; color: #1C75BC; font-size: 20px; }
.lebi-ini-rot { margin-top: 6px; font-size: 11.5px; line-height: 1.2; color: #111827; }
@media (min-width: 768px) {
  .lebi-ini { max-width: 960px; }
  .lebi-ini-nums { grid-template-columns: repeat(3, 1fr); }
  .lebi-ini-larga { grid-column: auto; }
  .lebi-ini-atalhos { grid-template-columns: repeat(7, 1fr); }
}

/* ---------- detalhe da pasta (dadospasta dentro da Consulta Processo Financiamento): só no celular.
   Marcas postas pelo JS: .lebi-pasta (.dc-scope), .lebi-pasta-ext (card externo), .lebi-pasta-abas (card das abas), table.lebi-pt[data-kind].
   Ações do cabeçalho = <button id="tbutton_*"> dentro de .header-actions (TButton), reposicionados só por CSS. */
body.lebi-tema .lebi-acao-fixa, body.lebi-tema .lebi-p-corr { display: none; }
@media (max-width: 767px) {
  /* .fixed .wrapper { overflow:hidden } do AdminLTE quebra o position:sticky da barra de abas */
  body.lebi-tema.lebi-tem-pasta .wrapper, body.lebi-tema.lebi-tem-filtros .wrapper { overflow: visible; }
  body.lebi-tema.lebi-com-acao .content-wrapper { padding-bottom: calc(64px + 64px + env(safe-area-inset-bottom)) !important; }
  body.lebi-tema.lebi-ativo .lebi-pasta-ext, body.lebi-tema.lebi-ativo .lebi-pasta-abas { border: 0; border-radius: 0; background: transparent; box-shadow: none; margin: 0; }
  body.lebi-tema.lebi-ativo .lebi-pasta-ext > .panel-heading, body.lebi-tema.lebi-ativo .lebi-pasta-abas > .panel-heading { background: transparent; border: 0; padding: 0; }
  body.lebi-tema.lebi-ativo .lebi-pasta-ext > .panel-heading > .panel-title, body.lebi-tema.lebi-ativo .lebi-pasta-abas > .panel-heading > .panel-title { display: none; }
  /* zera os paddings aninhados do BootstrapFormBuilder (card > corpo > tab-pane > linha > coluna) */
  body.lebi-tema.lebi-ativo .lebi-pasta-ext > .form-horizontal > .panel-body, body.lebi-tema.lebi-ativo .lebi-pasta-abas > .form-horizontal > .panel-body { padding: 0; background: transparent; }
  body.lebi-tema.lebi-ativo .lebi-pasta-ext > .form-horizontal > .panel-body > .tab-content > .tab-pane,
  body.lebi-tema.lebi-ativo .lebi-pasta-abas > .form-horizontal > .panel-body > .tab-content > .tab-pane { padding: 0 !important; border: 0 !important; margin: 0 !important; }
  body.lebi-tema.lebi-ativo .lebi-pasta-ext .tformrow, body.lebi-tema.lebi-ativo .lebi-pasta-abas .tformrow { margin: 0 0 12px !important; }
  body.lebi-tema.lebi-ativo .lebi-pasta-ext .tformrow > .fb-field-container, body.lebi-tema.lebi-ativo .lebi-pasta-abas .tformrow > .fb-field-container { padding: 0 !important; width: 100%; max-width: 100%; flex: 0 0 100%; min-height: 0 !important; }
  body.lebi-tema.lebi-ativo .lebi-pasta-ext > .form-horizontal > .panel-body > .tab-content > .tab-pane > .tformrow + .tformrow { display: none; }
  body.lebi-tema.lebi-ativo .lebi-pasta { min-width: 0; }

  /* ações do cabeçalho: UMA fileira rolável (ícone + rótulo); destrutivas no fim, em vermelho */
  body.lebi-tema.lebi-ativo .lebi-pasta-ext > .panel-heading > .header-actions, body.lebi-tema.lebi-ativo .lebi-pasta-abas > .panel-heading > .header-actions {
    float: none !important; display: flex; flex-wrap: nowrap; gap: 8px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none;
    margin: 0 -12px 8px; padding: 2px 12px;
  }
  body.lebi-tema.lebi-ativo .lebi-pasta-ext > .panel-heading > .header-actions::-webkit-scrollbar, body.lebi-tema.lebi-ativo .lebi-pasta-abas > .panel-heading > .header-actions::-webkit-scrollbar { display: none; }
  body.lebi-tema.lebi-ativo .lebi-pasta-ext > .panel-heading > .header-actions > .btn, body.lebi-tema.lebi-ativo .lebi-pasta-abas > .panel-heading > .header-actions > .btn {
    flex: 0 0 auto; display: inline-flex; align-items: center; min-height: 44px; margin: 0; padding: 0 14px; white-space: nowrap;
    background: #fff; border: 1px solid #E2E6EF; border-radius: 22px; color: #111827;
  }
  body.lebi-tema.lebi-ativo .lebi-pasta-ext > .panel-heading > .header-actions > .btn > span, body.lebi-tema.lebi-ativo .lebi-pasta-abas > .panel-heading > .header-actions > .btn > span { display: inline-flex; align-items: center; }
  body.lebi-tema.lebi-ativo .lebi-pasta-ext .header-actions .btn label, body.lebi-tema.lebi-ativo .lebi-pasta-abas .header-actions .btn label { margin: 0; font-size: 13px !important; font-weight: 600; color: inherit !important; cursor: pointer; }
  body.lebi-tema.lebi-ativo .lebi-pasta-abas > .panel-heading > .header-actions > #tbutton_cancelar_pasta,
  body.lebi-tema.lebi-ativo .lebi-pasta-abas > .panel-heading > .header-actions > #tbutton_cancelar_reserva { order: 10; background: #FDECEA; border-color: #F0B9B4; color: #B3261E; }

  /* hero: cartão compacto marinho */
  body.lebi-tema.lebi-ativo .lebi-pasta .dc-wrap { padding: 0; }
  body.lebi-tema.lebi-ativo .lebi-pasta .dc-hero { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 10px 12px; padding: 14px; border-radius: 16px; background: #141B4D; box-shadow: none; }
  body.lebi-tema.lebi-ativo .lebi-pasta .dc-avatar { width: 48px; height: 48px; font-size: 17px; border-width: 1px; background: #1C75BC; border-color: rgba(255, 255, 255, .35); }
  body.lebi-tema.lebi-ativo .lebi-pasta .dc-hero-main { flex: 1 1 0; min-width: 0; }
  body.lebi-tema.lebi-ativo .lebi-pasta .dc-hero-main h2 { margin: 0 0 4px; font-size: 17px; line-height: 1.2; word-break: break-word; }
  body.lebi-tema.lebi-ativo .lebi-pasta .dc-badges { margin: 0 0 4px; }
  body.lebi-tema.lebi-ativo .lebi-pasta .dc-badge:first-child { display: none; }
  body.lebi-tema.lebi-ativo .lebi-pasta .dc-badge { padding: 2px 9px; font-size: 11px; }
  body.lebi-tema.lebi-ativo .lebi-pasta .dc-meta { gap: 2px 12px; font-size: 12.5px; }
  body.lebi-tema.lebi-ativo .lebi-pasta .dc-meta > span:nth-child(3) { display: none; }
  body.lebi-tema.lebi-ativo .lebi-pasta .lebi-p-corr { display: block; margin-top: 4px; font-size: 12px; color: rgba(255, 255, 255, .8); word-break: break-word; }
  body.lebi-tema.lebi-ativo .lebi-pasta .dc-hero-side { flex: 1 1 100%; flex-direction: row; gap: 8px; margin: 0; }
  body.lebi-tema.lebi-ativo .lebi-pasta .dc-hero-box { flex: 1 1 0; min-width: 0; padding: 8px 10px; border: 0; border-radius: 12px; background: #EEF0F5; color: #3F4859; }
  body.lebi-tema.lebi-ativo .lebi-pasta .dc-hero-box[data-tom="verde"] { background: #E3F4E8; color: #14633A; }
  body.lebi-tema.lebi-ativo .lebi-pasta .dc-hero-box[data-tom="ambar"] { background: #FFF1D6; color: #8A4B08; }
  body.lebi-tema.lebi-ativo .lebi-pasta .dc-hero-box[data-tom="vermelho"] { background: #FBE4E2; color: #8C1D18; }
  body.lebi-tema.lebi-ativo .lebi-pasta .dc-hero-box-lbl { font-size: 10px; letter-spacing: .3px; opacity: .8; }
  body.lebi-tema.lebi-ativo .lebi-pasta .dc-hero-box-val { font-size: 13px; line-height: 1.25; word-break: break-word; }
  /* resumo: 2 x 2 */
  body.lebi-tema.lebi-ativo .lebi-pasta .dc-stats { grid-template-columns: 1fr 1fr; gap: 8px; margin: 0; }
  body.lebi-tema.lebi-ativo .lebi-pasta .dc-stat { gap: 8px; padding: 10px; border-radius: 14px; box-shadow: none; min-width: 0; }
  body.lebi-tema.lebi-ativo .lebi-pasta .dc-stat-ico { width: 32px; height: 32px; border-radius: 10px; font-size: 14px; }
  body.lebi-tema.lebi-ativo .lebi-pasta .dc-stat-lbl { font-size: 10px; letter-spacing: .2px; line-height: 1.2; }
  body.lebi-tema.lebi-ativo .lebi-pasta .dc-stat-val { font-size: 14.5px; white-space: nowrap; }
  body.lebi-tema.lebi-ativo .lebi-pasta .dc-scope-vazio, body.lebi-tema.lebi-ativo .lebi-pasta .dc-empty { padding: 32px 12px; }

  /* abas: barra fixa (sticky) logo abaixo do cabeçalho do app, 44 px, rolagem horizontal, traço amarelo na ativa */
  body.lebi-tema.lebi-ativo .lebi-pasta-abas > .form-horizontal > .panel-body > .nav-tabs {
    position: -webkit-sticky; position: sticky; top: 56px; z-index: 880; display: flex; flex-wrap: nowrap; overflow-x: auto; height: 44px; margin: 12px -12px 12px; padding: 0 4px;
    background: #fff; border-top: 1px solid #E2E6EF; border-bottom: 1px solid #E2E6EF; scrollbar-width: none; -webkit-overflow-scrolling: touch;
  }
  body.lebi-tema.lebi-ativo .lebi-pasta-abas > .form-horizontal > .panel-body > .nav-tabs::-webkit-scrollbar { display: none; }
  body.lebi-tema.lebi-ativo .lebi-pasta-abas .nav-tabs > li { float: none; flex: 0 0 auto; margin: 0; }
  body.lebi-tema.lebi-ativo .lebi-pasta-abas .nav-tabs > li > a {
    display: flex; align-items: center; height: 43px; margin: 0; padding: 0 16px; border: 0 !important; border-bottom: 3px solid transparent !important; border-radius: 0;
    background: transparent !important; color: #5B6478; font-size: 14px; font-weight: 600; white-space: nowrap;
  }
  body.lebi-tema.lebi-ativo .lebi-pasta-abas .nav-tabs > li > a.active { border-bottom-color: #F7A823 !important; color: #141B4D; }

  /* seções (TPanelGroup): título pequeno, sem moldura; os cartões vêm do conteúdo */
  body.lebi-tema.lebi-ativo .lebi-pasta-abas .formView-detail { margin: 0; background: transparent; border: 0; box-shadow: none; }
  body.lebi-tema.lebi-ativo .lebi-pasta-abas .formView-detail > .panel-heading { background: transparent !important; border: 0; padding: 0 2px 8px; }
  body.lebi-tema.lebi-ativo .lebi-pasta-abas .formView-detail > .panel-heading .ttd { font-size: 12px !important; letter-spacing: .04em; text-transform: uppercase; color: #5B6478 !important; }
  body.lebi-tema.lebi-ativo .lebi-pasta-abas .formView-detail > .panel-body { padding: 0; background: transparent; }
  body.lebi-tema.lebi-ativo .lebi-pasta-abas .dp-banner { border-radius: 14px; }
  /* etapas: faixa rolável, a etapa atual centralizada pelo JS */
  body.lebi-tema.lebi-ativo .lebi-pasta-abas .dp-steps { overflow-x: auto; scrollbar-width: none; padding: 12px 8px 10px; background: #fff; border: 1px solid #E2E6EF; border-radius: 14px; -webkit-overflow-scrolling: touch; }
  body.lebi-tema.lebi-ativo .lebi-pasta-abas .dp-steps::-webkit-scrollbar { display: none; }
  body.lebi-tema.lebi-ativo .lebi-pasta-abas .dp-step { flex: 0 0 92px; }
  body.lebi-tema.lebi-ativo .lebi-pasta-abas .dp-step-lbl { font-size: 11px; }
  /* cartões de financiamento: uma coluna */
  body.lebi-tema.lebi-ativo .lebi-pasta-abas div[style*="minmax(280px"] { grid-template-columns: minmax(0, 1fr) !important; }

  /* tabelas das abas em cartões (Composição, Partes, Reservas) e histórico em linha do tempo */
  body.lebi-tema.lebi-ativo table.lebi-pt, body.lebi-tema.lebi-ativo table.lebi-pt > tbody { display: block; width: 100% !important; border: 0; background: transparent; }
  body.lebi-tema.lebi-ativo table.lebi-pt > thead { display: none; }
  body.lebi-tema.lebi-ativo table.lebi-pt > tbody > tr { display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 10px; padding: 12px; background: #fff; border: 1px solid #E2E6EF; border-radius: 14px; }
  body.lebi-tema.lebi-ativo table.lebi-pt > tbody > tr > td {
    display: block; flex: 0 0 100%; box-sizing: border-box; width: 100% !important; padding: 1px 0; border: 0; background: transparent; font-size: 14px; color: #111827; line-height: 1.35;
    text-align: left !important; word-break: break-word;
  }
  body.lebi-tema.lebi-ativo table.lebi-pt > tbody > tr > td[data-label]::before { content: attr(data-label) ": "; font-size: 11px; color: #5B6478; }
  body.lebi-tema.lebi-ativo table.lebi-pt td[data-papel="titulo"] { order: -2; padding: 0 0 6px; font-size: 16px; font-weight: 700; color: #141B4D; }
  body.lebi-tema.lebi-ativo table.lebi-pt td[data-papel="titulo"]::before, body.lebi-tema.lebi-ativo table.lebi-pt td[data-papel="situacao"]::before { content: none !important; }
  body.lebi-tema.lebi-ativo table.lebi-pt td[data-papel="situacao"] { order: -1; margin: 0 0 6px; }
  body.lebi-tema.lebi-ativo table.lebi-pt td[data-papel="oculta"], body.lebi-tema.lebi-ativo table.lebi-pt td:empty { display: none; }
  body.lebi-tema.lebi-ativo table.lebi-pt td .label { display: inline-block; font-size: 12px; line-height: 1.4; }
  body.lebi-tema.lebi-ativo table.lebi-pt[data-kind="comp"] > tbody > tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 8px; padding: 10px 12px; }
  body.lebi-tema.lebi-ativo table.lebi-pt[data-kind="comp"] > tbody > tr > td { width: auto !important; font-size: 13px; }
  body.lebi-tema.lebi-ativo table.lebi-pt[data-kind="comp"] > tbody > tr > td[data-label]::before { content: attr(data-label); display: block; font-size: 10.5px; color: #5B6478; }
  body.lebi-tema.lebi-ativo table.lebi-pt[data-kind="comp"] > tbody > tr > td[data-papel="titulo"] { grid-column: 1 / -1; padding: 0 0 4px; font-size: 15px; }
  body.lebi-tema.lebi-ativo table.lebi-pt[data-kind="comp"] > tbody > tr > td[data-papel="titulo"]::before { content: none; }
  body.lebi-tema.lebi-ativo table.lebi-pt[data-kind="comp"] tbody tr:last-child { background: #F3F7FC; border-color: #C9DDF0; }
  /* ações da linha (Ver dados, Renda): botões de 44 px no rodapé do cartão; o rótulo vem do aria-label posto pelo JS */
  body.lebi-tema.lebi-ativo table.lebi-pt > tbody > tr > td.action { order: 99; flex: 0 0 auto; width: auto !important; min-width: 0 !important; margin-top: 10px; padding: 0 8px 0 0; }
  body.lebi-tema.lebi-ativo table.lebi-pt td.action a[generator] {
    display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px; border: 1px solid #E2E6EF; border-radius: 12px; background: #fff; color: #141B4D; text-decoration: none; font-size: 14px; font-weight: 600;
  }
  body.lebi-tema.lebi-ativo table.lebi-pt td.action a[generator][aria-label]::after { content: attr(aria-label); }
  body.lebi-tema.lebi-ativo table.lebi-pt tfoot { display: block; }
  body.lebi-tema.lebi-ativo table.lebi-pt tfoot > tr { display: block; padding: 10px 12px; background: #F3F7FC; border: 1px solid #C9DDF0; border-radius: 14px; }
  body.lebi-tema.lebi-ativo table.lebi-pt tfoot > tr > td { display: none; }
  body.lebi-tema.lebi-ativo table.lebi-pt tfoot > tr > td[data-total] { display: block; width: 100% !important; border: 0; padding: 1px 0; text-align: left !important; font-weight: 700; color: #141B4D; }
  body.lebi-tema.lebi-ativo table.lebi-pt tfoot > tr > td[data-total]::before { content: attr(data-label) ": "; font-size: 11px; font-weight: 400; color: #5B6478; }
  /* histórico: linha do tempo */
  body.lebi-tema.lebi-ativo table.lebi-pt[data-kind="hist"] > tbody { padding: 2px 0 0 7px; }
  body.lebi-tema.lebi-ativo table.lebi-pt[data-kind="hist"] > tbody > tr { position: relative; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; margin: 0; padding: 0 0 16px 18px; background: transparent; border: 0; border-left: 2px solid #D5DBE8; border-radius: 0; }
  body.lebi-tema.lebi-ativo table.lebi-pt[data-kind="hist"] > tbody > tr:last-child { border-left-color: transparent; }
  body.lebi-tema.lebi-ativo table.lebi-pt[data-kind="hist"] > tbody > tr::before { content: ""; position: absolute; left: -7px; top: 3px; width: 12px; height: 12px; border-radius: 50%; background: #1C75BC; border: 2px solid #F3F5F9; }
  body.lebi-tema.lebi-ativo table.lebi-pt[data-kind="hist"] > tbody > tr:first-child::before { background: #F7A823; }
  body.lebi-tema.lebi-ativo table.lebi-pt[data-kind="hist"] td[data-label]::before { content: none; }
  body.lebi-tema.lebi-ativo table.lebi-pt[data-kind="hist"] td[data-papel="data"] { order: 1; font-size: 11.5px; color: #5B6478; }
  body.lebi-tema.lebi-ativo table.lebi-pt[data-kind="hist"] td[data-papel="titulo"] { order: 2; padding: 1px 0 2px; font-size: 14.5px; }
  body.lebi-tema.lebi-ativo table.lebi-pt[data-kind="hist"] td[data-papel="detalhe"] { order: 3; font-size: 13.5px; color: #111827; }
  body.lebi-tema.lebi-ativo table.lebi-pt[data-kind="hist"] td[data-papel="usuario"] { order: 4; margin-top: 2px; font-size: 11.5px; color: #5B6478; }

  /* arquivos: grade de 2 colunas */
  body.lebi-tema.lebi-ativo .lebi-pasta-abas .arq-toolbar { gap: 8px; }
  body.lebi-tema.lebi-ativo .lebi-pasta-abas .arq-busca { flex: 1 1 100%; min-width: 0; max-width: none; height: 44px; padding: 0 12px; font-size: 16px; border-radius: 12px; }
  body.lebi-tema.lebi-ativo .lebi-pasta-abas .arq-toggle { width: 100%; min-height: 44px; border-radius: 12px; }
  body.lebi-tema.lebi-ativo .lebi-pasta-abas .arq-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px; }
  body.lebi-tema.lebi-ativo .lebi-pasta-abas .arq-grid > div:not(.arq-card) { grid-column: 1 / -1; }
  body.lebi-tema.lebi-ativo .lebi-pasta-abas .arq-card { padding: 8px; border-radius: 14px; min-width: 0; }
  body.lebi-tema.lebi-ativo .lebi-pasta-abas .arq-thumb { height: 84px; }
  body.lebi-tema.lebi-ativo .lebi-pasta-abas .arq-acts { position: static; justify-content: flex-end; gap: 4px; margin-top: 6px; padding-top: 4px; border-top: 1px solid #EEF0F5; }
  body.lebi-tema.lebi-ativo .lebi-pasta-abas .arq-act { width: 44px; height: 44px; border-radius: 12px; font-size: 16px; }
  body.lebi-tema.lebi-ativo .lebi-pasta-abas .arq-data { font-size: 11px; }

  /* barra de ação fixa (acima da barra inferior): 1 botão primário */
  body.lebi-tema.lebi-com-acao .lebi-acao-fixa {
    display: block; position: fixed; left: 0; right: 0; bottom: calc(64px + env(safe-area-inset-bottom)); z-index: 890; box-sizing: border-box; padding: 8px 12px;
    background: #fff; border-top: 1px solid #E2E6EF; box-shadow: 0 -2px 8px rgba(20, 27, 77, .08);
  }
  body.lebi-tema .lebi-acao-primaria { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 48px; border: 0; border-radius: 12px; background: #1C75BC; color: #fff; font-size: 16px; font-weight: 600; }
  body.lebi-tema .lebi-acao-primaria:active { background: #175f97; }

  /* janelas das ações (TWindow = jQuery UI dialog; TQuestion/TMessage = bootbox): tela cheia útil, campos 44 px, botões de largura total */
  body.lebi-tema .ui-widget-overlay { z-index: 1000 !important; }
  body.lebi-tema .ui-dialog {
    position: fixed !important; top: 64px !important; left: 8px !important; right: 8px !important; width: auto !important; max-width: none; height: auto !important; max-height: calc(100vh - 80px - env(safe-area-inset-bottom));
    display: flex; flex-direction: column; box-sizing: border-box; padding: 0; border-radius: 16px; overflow: hidden;
  }
  body.lebi-tema .ui-dialog .ui-dialog-titlebar { flex: 0 0 auto; display: flex; align-items: center; min-height: 48px; padding: 0 8px 0 14px; border: 0; border-radius: 0; background: #141B4D; color: #fff; }
  body.lebi-tema .ui-dialog .ui-dialog-title { flex: 1 1 auto; min-width: 0; margin: 0; font-size: 16px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fff; }
  body.lebi-tema .ui-dialog .ui-dialog-titlebar-close { position: static; flex: 0 0 auto; width: 44px; height: 44px; margin: 0; padding: 0; transform: none; }
  body.lebi-tema .ui-dialog .ui-dialog-titlebar-close { background: transparent !important; border: 0 !important; box-shadow: none; color: #fff; font-size: 0; text-indent: 0; overflow: visible; display: flex; align-items: center; justify-content: center; }
  body.lebi-tema .ui-dialog .ui-dialog-titlebar-close > * { display: none; }
  body.lebi-tema .ui-dialog .ui-dialog-titlebar-close::before { content: "\00d7"; font-size: 30px; line-height: 44px; color: #fff; }
  body.lebi-tema .ui-dialog .ui-dialog-content { flex: 1 1 auto; min-height: 0; height: auto !important; max-height: none; overflow-y: auto; padding: 0; -webkit-overflow-scrolling: touch; }
  body.lebi-tema .ui-dialog .window_modal { padding: 0; }
  body.lebi-tema .ui-dialog .form-group { margin-bottom: 10px; }
  body.lebi-tema .ui-dialog .control-label, body.lebi-tema .ui-dialog label { display: block; margin-bottom: 4px; }
  body.lebi-tema .ui-dialog .panel-footer, body.lebi-tema .ui-dialog .card-footer { display: flex; flex-direction: column; gap: 8px; padding: 12px; }
  body.lebi-tema .ui-dialog .panel-footer .btn, body.lebi-tema .ui-dialog .card-footer .btn, body.lebi-tema .ui-dialog .ui-dialog-buttonpane .btn, body.lebi-tema .ui-dialog .ui-dialog-buttonpane button { width: 100%; min-height: 44px; margin: 0; }
  body.lebi-tema .ui-dialog .ui-dialog-buttonpane { display: flex; flex-direction: column; gap: 8px; padding: 8px 12px 12px; }
  body.lebi-tema .modal-dialog { margin: 12px; }
  body.lebi-tema .modal-footer { display: flex; flex-wrap: wrap; gap: 8px; }
  body.lebi-tema .modal-footer .btn { flex: 1 1 120px; margin: 0; }
}

/* ---------- filtros recolhidos nas listas com formulário de busca + totais compactos da Esteira (só no celular).
   Marcas do JS: .lebi-filtros (card do form_*), .lebi-f-linha (linhas com campos), .lebi-f-ajuda/.lebi-f-antes (o "?" do manual e a coluna anterior),
   .lebi-t-linha/.lebi-t-wrap/.lebi-t-kpis/.lebi-t-chips (totais da Esteira), .lebi-f-barra (único nó novo, botão "Filtros"). */
body.lebi-tema .lebi-f-barra { display: none; }
@media (max-width: 767px) {
  body.lebi-tema.lebi-ativo .lebi-f-barra {
    display: flex; align-items: center; position: -webkit-sticky; position: sticky; top: 56px; z-index: 870; margin: 0 -12px 8px; padding: 6px 12px; background: #F3F5F9;
  }
  body.lebi-tema.lebi-ativo .lebi-f-btn { position: relative; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 1px solid #E2E6EF; border-radius: 22px; background: #fff; color: #141B4D; font-size: 15px; font-weight: 600; }
  body.lebi-tema.lebi-ativo .lebi-f-btn[aria-expanded="true"] { border-color: #1C75BC; color: #1C75BC; }
  body.lebi-tema.lebi-ativo .lebi-f-selo { min-width: 22px; height: 22px; padding: 0 6px; border-radius: 11px; background: #F7A823; color: #141B4D; font-size: 12px; font-weight: 700; line-height: 22px; text-align: center; }
  body.lebi-tema.lebi-ativo .lebi-f-selo[hidden] { display: none; }
  body.lebi-tema.lebi-ativo .lebi-filtros { border: 0; background: transparent; box-shadow: none; margin: 0; border-radius: 0; }
  body.lebi-tema.lebi-ativo .lebi-filtros > .panel-heading { display: none; }
  body.lebi-tema.lebi-ativo .lebi-filtros > form > .panel-body { padding: 0; background: transparent; }
  body.lebi-tema.lebi-ativo .lebi-filtros .tab-pane { padding: 0 !important; border: 0 !important; margin: 0 !important; }
  body.lebi-tema.lebi-ativo .lebi-filtros .tformrow { margin: 0 0 8px; }
  body.lebi-tema.lebi-ativo .lebi-filtros .tformrow > .fb-field-container { padding: 0 !important; flex: 0 0 100%; max-width: 100%; min-height: 0 !important; margin-bottom: 8px; }
  /* painel fechado: linhas de campos e rodapé (Buscar) escondidos; abrir/fechar com transição de altura e opacity */
  body.lebi-tema.lebi-ativo .lebi-f-linha, body.lebi-tema.lebi-ativo .lebi-filtros > form > .panel-footer {
    overflow: hidden; max-height: 0; min-height: 0 !important; opacity: 0; visibility: hidden; margin: 0 !important; padding: 0 !important; border: 0;
    transition: max-height .25s ease, opacity .2s ease, visibility 0s .25s;
  }
  body.lebi-tema.lebi-ativo .lebi-f-aberto { background: #fff !important; border: 1px solid #E2E6EF !important; border-radius: 16px !important; padding: 12px; margin-bottom: 12px !important; }
  body.lebi-tema.lebi-ativo .lebi-f-aberto .lebi-f-linha { max-height: 1200px; opacity: 1; visibility: visible; transition: max-height .3s ease, opacity .2s ease; }
  body.lebi-tema.lebi-ativo .lebi-f-aberto .lebi-f-linha:not(:last-child) { margin-bottom: 8px !important; }
  body.lebi-tema.lebi-ativo .lebi-f-aberto > form > .panel-footer { display: flex; flex-direction: column; gap: 8px; max-height: 300px; opacity: 1; visibility: visible; padding: 4px 0 0 !important; background: transparent; transition: max-height .3s ease, opacity .2s ease; }
  body.lebi-tema.lebi-ativo .lebi-f-aberto > form > .panel-footer .btn { width: 100%; min-height: 44px; margin: 0; }
  /* o "?" do manual: pequeno, ao lado do título do campo anterior (Correspondente) */
  body.lebi-tema.lebi-ativo .lebi-f-linha:has(> .lebi-f-ajuda) { display: flex; flex-wrap: wrap; }
  body.lebi-tema.lebi-ativo .lebi-f-antes { flex: 1 1 calc(100% - 32px) !important; max-width: calc(100% - 32px) !important; }
  body.lebi-tema.lebi-ativo .lebi-f-ajuda { flex: 0 0 32px !important; max-width: 32px !important; align-self: flex-start; margin: 0 !important; }
  body.lebi-tema.lebi-ativo .lebi-f-ajuda .fb-inline-field-container { text-align: center; }
  body.lebi-tema.lebi-ativo .lebi-f-ajuda i { font-size: 15px !important; padding: 2px; }
  /* totais da Esteira: faixa baixa rolável + chips rolável */
  body.lebi-tema.lebi-ativo .lebi-t-linha { margin: 0 0 6px !important; }
  body.lebi-tema.lebi-ativo .lebi-t-wrap { margin: 0 !important; }
  body.lebi-tema.lebi-ativo .lebi-t-kpis, body.lebi-tema.lebi-ativo .lebi-t-chips {
    flex-wrap: nowrap !important; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; margin: 0 -12px !important; padding: 0 12px;
  }
  body.lebi-tema.lebi-ativo .lebi-t-kpis::-webkit-scrollbar, body.lebi-tema.lebi-ativo .lebi-t-chips::-webkit-scrollbar { display: none; }
  body.lebi-tema.lebi-ativo .lebi-t-kpis { gap: 8px !important; padding-bottom: 6px; }
  body.lebi-tema.lebi-ativo .lebi-t-kpis > div { flex: 0 0 auto !important; min-width: 118px !important; padding: 6px 12px !important; border-radius: 12px !important; }
  body.lebi-tema.lebi-ativo .lebi-t-kpis > div > div:first-child { font-size: 11px !important; white-space: nowrap; }
  body.lebi-tema.lebi-ativo .lebi-t-kpis > div > div:last-child { font-size: 17px !important; line-height: 1.2; white-space: nowrap; }
  body.lebi-tema.lebi-ativo .lebi-t-chips { gap: 6px !important; margin-bottom: 0 !important; }
  body.lebi-tema.lebi-ativo .lebi-t-chips > span { flex: 0 0 auto; }
  body.lebi-tema.lebi-ativo .lebi-t-chips > a { flex: 0 0 auto; display: inline-flex; align-items: center; min-height: 44px; white-space: nowrap; font-size: 13px !important; padding: 0 14px !important; }
}

/* ---------- Leads (LeadListaView: classes cl- e cp-) no celular; o botão Chamar (wa.me) só existe aqui */
body.lebi-tema .cl-lista .cl-chamar { display: none; }
@media (max-width: 767px) {
  body.lebi-tema.lebi-ativo .cl-lista { padding: 0; max-width: none; }
  body.lebi-tema.lebi-ativo .cl-lista .cp-bread, body.lebi-tema.lebi-ativo .cl-lista .cl-head > div:first-child { display: none; }
  body.lebi-tema.lebi-ativo .cl-lista .cl-head { margin-bottom: 10px; }
  body.lebi-tema.lebi-ativo .cl-lista .cl-head-actions { width: 100%; justify-content: space-between; gap: 8px; }
  body.lebi-tema.lebi-ativo .cl-lista .cl-head-actions .cp-btn, body.lebi-tema.lebi-ativo .cl-lista .cl-head-actions .cp-drop-btn { min-height: 44px; }
  body.lebi-tema.lebi-ativo .cl-lista .cl-head-actions .cp-btn-primary { flex: 1; justify-content: center; }
  body.lebi-tema.lebi-ativo .cl-lista .cl-cards { grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 10px; }
  body.lebi-tema.lebi-ativo .cl-lista .cl-card { padding: 10px; gap: 8px; border-radius: 14px; min-width: 0; }
  body.lebi-tema.lebi-ativo .cl-lista .cl-card b { font-size: 18px; }
  body.lebi-tema.lebi-ativo .cl-lista .cl-card small { font-size: 11px; line-height: 1.2; }
  body.lebi-tema.lebi-ativo .cl-lista .cl-card-ic { width: 32px; height: 32px; flex: 0 0 32px; font-size: 13px; }
  body.lebi-tema.lebi-ativo .cl-lista .cl-grid-card { background: transparent; border: 0; box-shadow: none; }
  body.lebi-tema.lebi-ativo .cl-lista .cl-bar { display: flex; flex-direction: column; align-items: stretch; flex-wrap: nowrap; gap: 8px; padding: 0 0 8px; border: 0; }
  body.lebi-tema.lebi-ativo .cl-lista .cl-busca { flex: none; min-width: 0; }
  body.lebi-tema.lebi-ativo .cl-lista .cl-busca input { height: 44px; padding-left: 34px; font-size: 16px; border-radius: 12px; }
  body.lebi-tema.lebi-ativo .cl-lista .cl-chips { flex: none; flex-wrap: nowrap; overflow-x: auto; margin: 0 -12px; padding: 0 12px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  body.lebi-tema.lebi-ativo .cl-lista .cl-chips::-webkit-scrollbar { display: none; }
  body.lebi-tema.lebi-ativo .cl-lista .cl-chip { flex: 0 0 auto; display: inline-flex; align-items: center; min-height: 40px; padding: 0 14px; font-size: 13px; white-space: nowrap; }
  body.lebi-tema.lebi-ativo .cl-lista .cl-bar-r { gap: 8px; }
  body.lebi-tema.lebi-ativo .cl-lista .cl-bar-r .cp-btn { flex: 1; min-height: 44px; justify-content: center; }
  body.lebi-tema.lebi-ativo .cl-lista .cl-bar-r button[data-n]:not([data-n="0"])::after { content: attr(data-n); margin-left: 6px; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: #F7A823; color: #141B4D; font-size: 12px; font-weight: 700; line-height: 20px; }
  body.lebi-tema.lebi-ativo .cl-lista .cl-filtros { padding: 12px; border: 1px solid #E2E6EF; border-radius: 14px; background: #fff; margin-bottom: 10px; }
  body.lebi-tema.lebi-ativo .cl-lista .cl-table-wrap { overflow: visible; }
  body.lebi-tema.lebi-ativo .cl-lista .cl-rodape { padding: 8px 0; justify-content: center; text-align: center; }
  body.lebi-tema.lebi-ativo .cl-lista .cl-rodape .pagination { display: flex; flex-wrap: wrap; justify-content: center; }
  body.lebi-tema.lebi-ativo .cl-lista .cl-rodape .pagination > li > a, body.lebi-tema.lebi-ativo .cl-lista .cl-rodape .pagination > li > span, body.lebi-tema.lebi-ativo .cl-lista .cl-rodape .page-link { min-width: 44px; min-height: 44px; line-height: 30px; text-align: center; }
  /* cada lead = cartão: nome (com nº e telefone), situação em selo, origem, data; rodapé com Chamar / Ver / menu */
  body.lebi-tema.lebi-ativo table.cl-grid.lebi-ll, body.lebi-tema.lebi-ativo table.cl-grid.lebi-ll > tbody { display: block; width: 100%; background: transparent; border: 0; }
  body.lebi-tema.lebi-ativo table.cl-grid.lebi-ll > thead { display: none; }
  body.lebi-tema.lebi-ativo table.cl-grid.lebi-ll > tbody > tr { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin: 0 0 10px; padding: 12px; background: #fff; border: 1px solid #E2E6EF; border-radius: 16px; }
  body.lebi-tema.lebi-ativo table.cl-grid.lebi-ll > tbody > tr > td { display: block; box-sizing: border-box; padding: 0 !important; border: 0 !important; background: transparent !important; }
  body.lebi-tema.lebi-ativo table.cl-grid.lebi-ll > tbody > tr > td[colspan] { flex: 0 0 100%; padding: 24px 12px !important; }
  body.lebi-tema.lebi-ativo table.cl-grid.lebi-ll td[data-papel="oculta"] { display: none; }
  body.lebi-tema.lebi-ativo table.cl-grid.lebi-ll td[data-papel="titulo"] { order: 1; flex: 0 0 100%; }
  body.lebi-tema.lebi-ativo table.cl-grid.lebi-ll td[data-papel="titulo"] .cl-pessoa { min-width: 0; }
  body.lebi-tema.lebi-ativo table.cl-grid.lebi-ll td[data-papel="titulo"] .cl-pessoa b { font-size: 16px; color: #141B4D; word-break: break-word; }
  body.lebi-tema.lebi-ativo table.cl-grid.lebi-ll td[data-papel="titulo"] .cl-pessoa small { font-size: 12px; }
  body.lebi-tema.lebi-ativo table.cl-grid.lebi-ll td[data-papel="situacao"] { order: 2; }
  body.lebi-tema.lebi-ativo table.cl-grid.lebi-ll td[data-papel="origem"] { order: 3; }
  body.lebi-tema.lebi-ativo table.cl-grid.lebi-ll td[data-papel="data"] { order: 4; flex: 0 0 100%; font-size: 12px; color: #5B6478; }
  body.lebi-tema.lebi-ativo table.cl-grid.lebi-ll td[data-papel="data"]::before { content: attr(data-label) ": "; }
  body.lebi-tema.lebi-ativo table.cl-grid.lebi-ll td[data-papel="acoes"] { order: 5; flex: 0 0 100%; margin-top: 6px; }
  body.lebi-tema.lebi-ativo table.cl-grid.lebi-ll .cl-acoes { justify-content: flex-start; gap: 8px; }
  body.lebi-tema.lebi-ativo table.cl-grid.lebi-ll .cl-acoes .cp-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; min-width: 44px; padding: 0 16px; font-size: 14px; }
  body.lebi-tema.lebi-ativo .cl-lista .cl-chamar { display: inline-flex; background: #E3F4E8; border-color: #B9E2C6; color: #14633A !important; font-weight: 600; }
  body.lebi-tema.lebi-ativo table.cl-grid.lebi-ll .cl-acoes .cp-drop-btn { padding: 0; }
}

/* ---------- cartões de empreendimento (TCard) no celular: uma coluna na largura toda */
@media (max-width: 767px) {
  body.lebi-tema.lebi-ativo .card-wrapper { display: block; }
  body.lebi-tema.lebi-ativo .card-wrapper > .card-item { display: block; width: 100% !important; max-width: none; margin: 0 0 12px !important; float: none; }
  body.lebi-tema.lebi-ativo .card-wrapper .card-item-content { min-height: 0 !important; }
  body.lebi-tema.lebi-ativo .card-wrapper .card-item img { max-width: 100%; height: auto; }
  body.lebi-tema.lebi-ativo .card-wrapper .card-item-actions { display: flex; gap: 8px; }
  body.lebi-tema.lebi-ativo .card-wrapper .card-item-actions i[generator] { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; font-size: 18px; }
}

/* ---------- formulários de cadastro no celular: uma coluna, ação fixa acima da barra inferior, abas internas como a barra do detalhe da pasta */
@media (max-width: 767px) {
  body.lebi-tema.lebi-tem-form .content-wrapper { padding-bottom: calc(64px + 72px + env(safe-area-inset-bottom)) !important; }
  body.lebi-tema.lebi-ativo .lebi-form { border: 0; background: transparent; box-shadow: none; margin: 0; }
  body.lebi-tema.lebi-ativo .lebi-form > .panel-heading { background: transparent; border: 0; padding: 0 2px 8px; }
  body.lebi-tema.lebi-ativo .lebi-form > .panel-heading .panel-title { display: none; }
  body.lebi-tema.lebi-ativo .lebi-form > form > .panel-body { padding: 0; background: transparent; }
  body.lebi-tema.lebi-ativo .lebi-form .tab-pane { padding: 12px !important; margin: 0 !important; background: #fff; border: 1px solid #E2E6EF !important; border-radius: 16px; }
  body.lebi-tema.lebi-ativo .lebi-form .tformrow { display: block; margin: 0 0 4px !important; }
  body.lebi-tema.lebi-ativo .lebi-form .tformrow > .fb-field-container { float: none; width: 100% !important; max-width: 100%; padding: 0 !important; min-height: 0 !important; margin-bottom: 10px; }
  body.lebi-tema.lebi-ativo .lebi-form .fb-inline-field-container { display: block !important; float: none !important; width: 100% !important; padding-right: 0 !important; }
  body.lebi-tema.lebi-ativo .lebi-form label { display: block; margin: 0 0 4px; font-size: 13px !important; color: #5B6478; }
  body.lebi-tema.lebi-ativo .lebi-form input[type=checkbox], body.lebi-tema.lebi-ativo .lebi-form input[type=radio] { width: 22px; height: 22px; }
  body.lebi-tema.lebi-ativo .lebi-form > form > .panel-footer {
    position: fixed; left: 0; right: 0; bottom: calc(64px + env(safe-area-inset-bottom)); z-index: 890; box-sizing: border-box; display: flex; gap: 8px; margin: 0;
    padding: 8px 12px; background: #fff; border-top: 1px solid #E2E6EF; box-shadow: 0 -2px 8px rgba(20, 27, 77, .08);
  }
  body.lebi-tema.lebi-ativo .lebi-form > form > .panel-footer .btn { flex: 1 1 0; min-height: 48px; margin: 0; font-size: 16px; font-weight: 600; }
  /* 3+ botões: o primário em linha própria de largura total, os demais lado a lado abaixo */
  body.lebi-tema.lebi-ativo .lebi-form > form > .panel-footer { flex-wrap: wrap; }
  body.lebi-tema.lebi-ativo .lebi-form > form > .panel-footer > .btn:first-child:nth-last-child(n+3) { flex: 0 0 100%; }
  body.lebi-tema.lebi-ativo .lebi-form > form > .panel-body > .nav-tabs {
    position: -webkit-sticky; position: sticky; top: 56px; z-index: 880; display: flex; flex-wrap: nowrap; overflow-x: auto; height: 44px; margin: 0 -12px 12px; padding: 0 4px;
    background: #fff; border-top: 1px solid #E2E6EF; border-bottom: 1px solid #E2E6EF; scrollbar-width: none;
  }
  body.lebi-tema.lebi-ativo .lebi-form .nav-tabs > li { float: none; flex: 0 0 auto; margin: 0; }
  body.lebi-tema.lebi-ativo .lebi-form .nav-tabs > li > a { display: flex; align-items: center; height: 43px; margin: 0; padding: 0 16px; border: 0 !important; border-bottom: 3px solid transparent !important; border-radius: 0; background: transparent !important; color: #5B6478; font-size: 14px; font-weight: 600; white-space: nowrap; }
  body.lebi-tema.lebi-ativo .lebi-form .nav-tabs > li > a.active { border-bottom-color: #F7A823 !important; color: #141B4D; }
  body.lebi-tema.lebi-tem-form .wrapper { overflow: visible; }
}

/* ---------- empreendimentos: cartões da lista (Fase 3). O HTML sai do controller só com o tema ligado (classe .lebi-emp no TCardView) */
.lebi-selo { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 11.5px; font-weight: 700; line-height: 1.5; background: #EEF1F7; color: #3B4256; }
.lebi-selo-obra { background: #FFF1D6; color: #8A4B08; }
.lebi-selo-lanc { background: #E6F1FB; color: #0F4F86; }
.lebi-selo-entregue { background: #E3F4E8; color: #14633A; }
.card-item.lebi-emp { overflow: hidden; border-radius: 16px; background: #fff; }
.card-item.lebi-emp > .card-item-title { display: block; padding: 0; background: transparent; border: 0; }
.card.panel:has(> .card-body > .card-wrapper > .lebi-emp) { border: 0; background: transparent; box-shadow: none; }
.card.panel:has(> .card-body > .card-wrapper > .lebi-emp) > .card-body { padding: 0; }
.lebi-emp-topo { position: relative; display: block; height: 150px; background: #E6F1FB; overflow: hidden; }
.lebi-emp-foto { display: block; width: 100%; height: 150px; object-fit: cover; }
.lebi-emp-faixa { display: flex; align-items: center; justify-content: center; width: 100%; height: 150px; color: rgba(255, 255, 255, .85); font-size: 44px; }
.lebi-emp-cor0 { background: linear-gradient(135deg, #1C75BC, #141B4D); }
.lebi-emp-cor1 { background: linear-gradient(135deg, #2E8B8B, #14404A); }
.lebi-emp-cor2 { background: linear-gradient(135deg, #C27A1B, #6B3E0A); }
.lebi-emp-cor3 { background: linear-gradient(135deg, #5B6FB5, #232B66); }
.lebi-emp-cor4 { background: linear-gradient(135deg, #3A9A6B, #14513A); }
.lebi-emp-topo .lebi-selo { position: absolute; top: 10px; left: 10px; box-shadow: 0 1px 4px rgba(20, 27, 77, .25); }
.lebi-emp-nome { display: block; padding: 12px 14px 0; font-size: 17px; font-weight: 700; line-height: 1.25; color: #141B4D; text-transform: none; }
.card-item.lebi-emp > .card-item-content { min-height: 0 !important; padding: 4px 14px 0; border: 0; }
.lebi-emp-end { display: block; font-size: 13px; line-height: 1.35; color: #5B6478; }
.lebi-emp-nums { display: flex; flex-wrap: wrap; gap: 4px 16px; margin-top: 8px; font-size: 13px; color: #5B6478; }
.lebi-emp-nums b { color: #111827; }
.lebi-emp-apartir b { font-size: 15px; color: #141B4D; }
.lebi-emp-sem { font-style: italic; }
.card-item.lebi-emp > .card-item-actions { display: flex; gap: 8px; padding: 12px 14px 14px; background: transparent; border: 0; }
.card-item.lebi-emp .card-item-actions i[generator] {
  flex: 1 1 0; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; margin: 0 !important; padding: 0 8px;
  border: 1px solid #E2E6EF; border-radius: 12px; background: #fff; font-size: 16px; cursor: pointer;
}
.card-item.lebi-emp .card-item-actions i[generator]::after { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 600; color: #141B4D; }
.card-item.lebi-emp .card-item-actions i[title="Visualizar empreendimento"]::after { content: "Ver"; }
.card-item.lebi-emp .card-item-actions i[title="Visualizar empreendimento"] { order: 2; background: #1C75BC; border-color: #1C75BC; color: #fff !important; }
.card-item.lebi-emp .card-item-actions i[title="Visualizar empreendimento"]::after { color: #fff; }
.card-item.lebi-emp .card-item-actions i[title="Unidades disponiveis"]::after { content: "Tabela (PDF)"; }
@media (max-width: 767px) {
  body.lebi-tema.lebi-ativo .card-item.lebi-emp { margin-bottom: 14px !important; }
}
@media (min-width: 768px) {
  .card-wrapper .card-item.lebi-emp { width: 320px; display: inline-block; vertical-align: top; margin: 0 12px 12px 0; }
}

/* ---------- empreendimentos: detalhe com abas, mapa de unidades e ficha (Fase 3). Só existe com o tema ligado (.lebi-emp-det vem do controller) */
.lebi-emp-det [hidden], .lebi-ficha [hidden], .lebi-emp-det .lebi-un-bloco[hidden] { display: none !important; }
.lebi-emp-det { max-width: 960px; }
.lebi-emp-hero { margin: 4px 0 12px; }
.lebi-emp-titulo { margin: 8px 0 2px; font-size: 22px; font-weight: 700; color: #141B4D; }
.lebi-emp-sub { margin: 0; font-size: 13px; color: #5B6478; }
.lebi-emp-hero .lebi-emp-nums { margin-top: 10px; }
.lebi-emp-abas { display: flex; gap: 0; overflow-x: auto; margin: 0 -12px 14px; padding: 0 4px; background: #fff; border-top: 1px solid #E2E6EF; border-bottom: 1px solid #E2E6EF; scrollbar-width: none; }
.lebi-emp-abas > button { flex: 1 0 auto; height: 46px; padding: 0 18px; border: 0; border-bottom: 3px solid transparent; background: transparent; color: #5B6478; font-size: 14px; font-weight: 600; white-space: nowrap; }
.lebi-emp-abas > button[aria-selected="true"] { border-bottom-color: #F7A823; color: #141B4D; }
.lebi-emp-tira { display: flex; gap: 8px; overflow-x: auto; margin: 0 0 12px; scroll-snap-type: x mandatory; scrollbar-width: none; }
.lebi-emp-tira img { flex: 0 0 86%; max-width: 420px; height: 210px; object-fit: cover; border-radius: 16px; scroll-snap-align: start; background: #E6F1FB; }
.lebi-emp-cartao { padding: 14px; margin-bottom: 12px; background: #fff; border: 1px solid #E2E6EF; border-radius: 16px; }
.lebi-emp-cartao h3 { margin: 0 0 8px; font-size: 15px; font-weight: 700; color: #141B4D; }
.lebi-emp-cond, .lebi-emp-cond * { font-size: 14px !important; line-height: 1.5; color: #111827; }
.lebi-emp-vazio { margin: 16px 2px; color: #5B6478; font-size: 14px; }
.lebi-emp-nota { margin: 12px 2px; font-size: 12px; color: #5B6478; }
.lebi-emp-bloqueado { padding: 20px 16px; background: #fff; border: 1px solid #E2E6EF; border-radius: 16px; color: #5B6478; }
.lebi-docs { padding: 4px 14px; }
.lebi-doc, .lebi-doc:hover, .lebi-doc:focus { display: flex; align-items: center; gap: 12px; min-height: 48px; border-bottom: 1px solid #EEF1F7; color: #111827; text-decoration: none; }
.lebi-doc:last-child { border-bottom: 0; }
.lebi-doc i { color: #ED0D0D; font-size: 20px; }
.lebi-fotos { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.lebi-fotos img { display: block; width: 100%; height: 130px; object-fit: cover; border-radius: 12px; background: #E6F1FB; }
.lebi-un-leg { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; margin: 0 0 10px; font-size: 12px; color: #5B6478; }
.lebi-un-amostra { display: inline-block; width: 12px; height: 12px; margin-right: 4px; vertical-align: -1px; border-radius: 4px; }
.lebi-un-cont { margin-left: auto; font-weight: 600; color: #111827; }
.lebi-chips { display: flex; gap: 8px; overflow-x: auto; margin: 0 -12px 12px; padding: 0 12px 2px; scrollbar-width: none; }
.lebi-chip { flex: 0 0 auto; min-height: 44px; padding: 0 16px; border: 1px solid #E2E6EF; border-radius: 999px; background: #fff; color: #141B4D; font-size: 14px; font-weight: 600; }
.lebi-chip[aria-pressed="true"] { background: #141B4D; border-color: #141B4D; color: #fff; }
.lebi-un-bloco { margin-bottom: 16px; }
.lebi-un-bloco-t { margin: 0 0 8px; font-size: 15px; font-weight: 700; color: #141B4D; }
.lebi-un-bloco-t small { margin-left: 6px; font-size: 12px; font-weight: 400; color: #5B6478; }
.lebi-un-andar { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 6px; }
.lebi-un-andar-r { flex: 0 0 62px; padding-top: 13px; font-size: 11px; font-weight: 700; color: #5B6478; text-transform: uppercase; }
.lebi-un-grade { display: flex; flex-wrap: wrap; gap: 6px; flex: 1 1 auto; margin-bottom: 6px; }
.lebi-un-cel { display: inline-flex; align-items: center; justify-content: center; min-width: 50px; height: 44px; padding: 0 6px; border-radius: 10px; font-size: 14px; font-weight: 700; }
.lebi-un-disp { border: 1px solid #14633A; background: #E3F4E8; color: #14633A; }
.lebi-un-indisp { border: 1px solid #E2E6EF; background: #EEF1F7; color: #9AA3B5; font-weight: 500; }
.lebi-un-res { border: 1px solid #B7791F; background: #FFF1CC; color: #8A5A00; font-weight: 600; }
.lebi-un-amostra.lebi-un-disp, .lebi-un-amostra.lebi-un-res, .lebi-un-amostra.lebi-un-indisp { min-width: 0; height: 12px; padding: 0; }
.lebi-ficha-fundo { position: fixed; inset: 0; z-index: 950; background: rgba(20, 27, 77, .55); }
.lebi-ficha { position: fixed; left: 0; right: 0; bottom: 0; z-index: 960; max-height: 88vh; display: flex; flex-direction: column; max-width: 520px; margin: 0 auto; background: #fff; border-radius: 16px 16px 0 0; padding-bottom: env(safe-area-inset-bottom); box-shadow: 0 -4px 24px rgba(20, 27, 77, .25); }
.lebi-ficha-cab { display: flex; align-items: center; justify-content: space-between; padding: 12px 8px 4px 16px; }
.lebi-ficha-cab h3 { margin: 0; font-size: 19px; font-weight: 700; color: #141B4D; }
.lebi-ficha-fechar { width: 44px; height: 44px; border: 0; background: transparent; color: #5B6478; font-size: 18px; }
.lebi-ficha-corpo { overflow-y: auto; padding: 0 16px 8px; }
.lebi-ficha-emp { margin: 0 0 8px; font-size: 13px; color: #5B6478; }
.lebi-ficha-linhas { margin: 0; }
.lebi-ficha-linha { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid #EEF1F7; font-size: 14px; }
.lebi-ficha-linha dt { font-weight: 400; color: #5B6478; }
.lebi-ficha-linha dd { margin: 0; font-weight: 600; color: #111827; text-align: right; }
.lebi-ficha-valor dd { font-size: 18px; color: #141B4D; }
.lebi-ficha-acoes { display: flex; gap: 8px; padding: 12px 16px 14px; }
.lebi-ficha-acoes a, .lebi-ficha-acoes a:hover, .lebi-ficha-acoes a:focus { flex: 1 1 0; display: flex; align-items: center; justify-content: center; min-height: 48px; border: 1px solid #1C75BC; border-radius: 12px; background: #fff; color: #1C75BC; font-size: 15px; font-weight: 700; text-decoration: none; }
.lebi-ficha-acoes a.lebi-ficha-reservar { background: #1C75BC; color: #fff; }
.lebi-ficha-dica { margin: 0; padding: 0 16px 12px; font-size: 12px; color: #5B6478; }
@media (max-width: 767px) {
  body.lebi-tema.lebi-ativo .lebi-emp-abas { position: -webkit-sticky; position: sticky; top: 56px; z-index: 880; }
  body.lebi-tema.lebi-ativo .lebi-emp-pagina { padding-bottom: 16px; }
}

/* ---------- listagem de unidades disponíveis (Fase 3, Task 3) */
.lebi-vistas { display: inline-flex; margin: 0 0 12px; padding: 3px; background: #E9EDF5; border-radius: 12px; }
.lebi-vista { min-width: 92px; min-height: 44px; padding: 0 18px; border: 0; border-radius: 10px; background: transparent; color: #5B6478; font-size: 14px; font-weight: 600; }
.lebi-vista[aria-pressed="true"] { background: #fff; color: #141B4D; box-shadow: 0 1px 3px rgba(20, 27, 77, .15); }
.lebi-un[data-modo="mapa"] .lebi-un-lista, .lebi-un[data-modo="lista"] .lebi-un-mapa { display: none; }
.lebi-un-barra { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0 0 10px; }
.lebi-un-total { font-size: 13px; font-weight: 600; color: #111827; }
.lebi-ordena { display: inline-flex; gap: 6px; }
.lebi-ordena button { min-height: 44px; padding: 0 12px; border: 1px solid #E2E6EF; border-radius: 999px; background: #fff; color: #141B4D; font-size: 13px; font-weight: 600; }
.lebi-ordena button[aria-pressed="true"] { background: #141B4D; border-color: #141B4D; color: #fff; }
.lebi-un-pdf, .lebi-un-pdf:hover, .lebi-un-pdf:focus { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; margin: 0 0 12px; border: 1px solid #E2E6EF; border-radius: 12px; background: #fff; color: #141B4D; font-size: 15px; font-weight: 700; text-decoration: none; }
.lebi-un-pdf i { color: #ED0D0D; }
.lebi-un-cards { display: flex; flex-direction: column; gap: 8px; }
.lebi-un-card { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 64px; padding: 10px 14px; border: 1px solid #E2E6EF; border-radius: 16px; background: #fff; text-align: left; }
.lebi-un-card[hidden] { display: none !important; }
.lebi-un-card-n { flex: 0 0 auto; min-width: 54px; padding: 8px 6px; border-radius: 10px; background: #E3F4E8; color: #14633A; font-size: 17px; font-weight: 700; text-align: center; }
.lebi-un-card-i { flex: 1 1 auto; display: flex; flex-direction: column; min-width: 0; font-size: 12.5px; line-height: 1.35; color: #5B6478; }
.lebi-un-card-i > span:first-child { font-size: 14px; font-weight: 600; color: #111827; }
.lebi-un-card-v { flex: 0 0 auto; font-size: 15px; font-weight: 700; color: #141B4D; }
.lebi-emp-disp-link, .lebi-emp-disp-link:hover, .lebi-emp-disp-link:focus { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; font-size: 13px; color: #5B6478; text-decoration: none; }
.lebi-emp-disp-link b { font-weight: 700; color: #14633A; text-decoration: none; }
.lebi-emp-disp b { color: #14633A; }
.lebi-emp-nums { align-items: center; }

/* ---------- reservar pela pasta (Fase 3): janela cliente -> pasta (TWindow = ui-dialog; no celular já ocupa a tela, ver .ui-dialog acima) */
.lebi-res { box-sizing: border-box; min-height: 100%; padding: 12px; background: #fff; }
.panel-body .lebi-res, .bform-body .lebi-res, form .lebi-res { padding: 4px 0 12px; }
.lebi-res-un { display: flex; align-items: center; gap: 12px; padding: 12px; margin: 0 0 12px; background: #E3F4E8; border-radius: 12px; }
.lebi-res-un-n { flex: 0 0 auto; min-width: 54px; padding: 8px 6px; border-radius: 10px; background: #fff; color: #14633A; font-size: 17px; font-weight: 700; text-align: center; }
.lebi-res-un-i { display: flex; flex-direction: column; min-width: 0; font-size: 13px; color: #14633A; }
.lebi-res-un-i b { font-size: 14px; color: #111827; }
.lebi-res-t { margin: 4px 0 10px; font-size: 15px; font-weight: 700; color: #141B4D; }
.lebi-res-lista { display: flex; flex-direction: column; gap: 8px; }
.lebi-res-card, .lebi-res-card:hover, .lebi-res-card:focus { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 8px 14px; border: 1px solid #E2E6EF; border-radius: 16px; background: #fff; color: #111827; text-decoration: none; }
.lebi-res-card > i { margin-left: auto; color: #5B6478; }
.lebi-res-ini { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: #E6F1FB; color: #1C75BC; font-size: 12px; font-weight: 700; }
.lebi-res-nome { display: flex; flex-direction: column; min-width: 0; font-size: 15px; font-weight: 600; }
.lebi-res-nome small { font-size: 12px; font-weight: 400; color: #5B6478; }
.lebi-res-cli { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; font-size: 15px; font-weight: 600; }
.lebi-res-trocar, .lebi-res-trocar:hover { margin-left: auto; display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; font-weight: 600; color: #1C75BC; }
.lebi-res-nova, .lebi-res-nova:hover, .lebi-res-nova:focus { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; border-radius: 12px; background: #1C75BC; color: #fff; font-size: 15px; font-weight: 700; text-decoration: none; }

/* Início desktop (só aparece com lebi-desktop.css) */
.lebi-ini-desk { display: none; }

/* item só do menu lateral (desktop): fora da barra inferior do celular */
@media (max-width: 767px) { body.lebi-tema .lebi-item-desk { display: none !important; } }

/* estado vazio das listas em grade: só o desktop mostra (lebi-desktop.css) */
.lebi-vazio-estado { display: none; }

/* janela Reservar: busca no topo (campo + botão na mesma linha) e atalho secundário */
.lebi-res-busca { display: flex; align-items: stretch; gap: 8px; margin: 0 0 12px; }
.lebi-res-busca input { flex: 1 1 auto; min-width: 0; height: 44px; font-size: 16px; border-radius: 12px; }
.lebi-res-busca .lebi-res-buscar { flex: 0 0 auto; min-height: 44px; padding: 0 16px; }
.lebi-res-nova-sec, .lebi-res-nova-sec:hover, .lebi-res-nova-sec:focus { margin-top: 12px; background: #fff; border: 1px solid #1C75BC; color: #1C75BC; }

/* ---------- cadastro de cliente (CPF primeiro): barra fina amarela com 3 passos, cartões, campos travados com cadeado (HTML do CadastroDeTerceirosFormPortalCorretoresIncluiCLiente) */
.lebi-cc-prog { margin: 0 0 14px; }
.lebi-cc-prog .lebi-cc-barra { height: 3px; border-radius: 2px; background: #E2E6EF; overflow: hidden; }
.lebi-cc-prog .lebi-cc-barra i { display: block; height: 100%; background: #F7A823; transition: width .25s ease; }
.lebi-cc-prog ol { display: flex; justify-content: space-between; margin: 8px 0 0; padding: 0; list-style: none; }
.lebi-cc-prog li { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #8A93A6; }
.lebi-cc-prog .lebi-cc-num { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: #E2E6EF; color: #5B6478; font-size: 11px; }
.lebi-cc-prog li.atual { color: #141B4D; }
.lebi-cc-prog li.atual .lebi-cc-num { background: #F7A823; color: #141B4D; }
.lebi-cc-prog li.feito .lebi-cc-num { background: #141B4D; color: #fff; }
body.lebi-tema .lebi-cc .bContainer-fieldset { border: 1px solid #E2E6EF !important; border-radius: 16px; background: #fff; overflow: hidden; margin: 0 0 12px; }
body.lebi-tema .lebi-cc .bContainer-title { background: transparent !important; border: 0 !important; color: #141B4D !important; font-size: 15px !important; font-weight: 700; padding: 12px 14px 0; }
body.lebi-tema .lebi-cc .bContainer-fieldset .tab-pane { border: 0 !important; padding: 8px 14px 6px !important; background: transparent !important; }
body.lebi-tema .lebi-cc .bContainer-fieldset .panel-body { padding: 0; }
body.lebi-tema .lebi-cc input[readonly], body.lebi-tema .lebi-cc input.tfield_disabled { background: #F3F5F9 !important; color: #5B6478; border-color: #E2E6EF; cursor: not-allowed; }
.lebi-cc .lebi-cc-cadeado { margin-left: 4px; font-size: 11px; color: #8A93A6; }
.lebi-cc .lebi-cc-intro { margin: 0 0 4px; font-size: 14px; line-height: 1.45; color: #5B6478; }
.lebi-cc .lebi-cc-aviso, .lebi-cc .lebi-cc-existente { padding: 12px 14px; border-radius: 12px; font-size: 14px; line-height: 1.45; background: #FFF8E8; border: 1px solid #F7D9A0; color: #5A3A00; }
body.lebi-tema.lebi-ativo .lebi-cc .lebi-cc-autoriza > .fb-field-container { display: flex !important; align-items: center; gap: 10px; }
body.lebi-tema.lebi-ativo .lebi-cc .lebi-cc-autoriza .fb-inline-field-container { display: block !important; float: none !important; width: auto !important; padding: 0 !important; }
body.lebi-tema.lebi-ativo .lebi-cc .lebi-cc-autoriza input[type=checkbox] { width: 22px; height: 22px; margin: 0; }
.lebi-cc .lebi-cc-autoriza-texto { font-size: 14px; color: #111827; }
.lebi-cc .lebi-cc-erro input, .lebi-cc .lebi-cc-erro select, .lebi-cc .lebi-cc-erro .select2-selection { border-color: #C62828 !important; }
/* passos 2 e 3 em dois painéis (lebi.js põe data-wiz); sem JS tudo aparece empilhado */
.lebi-cc[data-wiz="2"] .lebi-cc-passo3, .lebi-cc[data-wiz="3"] .lebi-cc-passo2 { display: none !important; }
.lebi-cc[data-wiz="2"] .lebi-cc-salvar { display: none !important; }
.lebi-cc[data-wiz="3"] .lebi-cc-seguir { display: none !important; }
.lebi-cc[data-wiz="2"] .lebi-cc-voltar { display: none !important; }
body.lebi-tema.lebi-ativo .lebi-cc .lebi-form > form > .panel-footer > .btn { flex: 1 1 0 !important; }
body.lebi-tema.lebi-ativo .lebi-cc .lebi-form > form > .panel-footer > .btn-primary, body.lebi-tema.lebi-ativo .lebi-cc .lebi-form > form > .panel-footer > .btn-success { flex: 2 1 0 !important; }
/* passos 2-3: os cartões (BContainer) já são o cartão; o painel externo do formulário fica transparente */
body.lebi-tema.lebi-ativo .lebi-cc-novo .lebi-form > form > .panel-body > .tab-content > .tab-pane, body.lebi-tema.lebi-ativo .lebi-cc-edicao .lebi-form > form > .panel-body > .tab-content > .tab-pane { background: transparent !important; border: 0 !important; padding: 0 !important; }
body.lebi-tema.lebi-ativo .lebi-cc .lebi-form > form > .panel-footer > .btn { display: flex; align-items: center; justify-content: center; gap: 6px; }

/* TRadioGroup com botões (Sim/Não, Percentual/Valor...): controle segmentado em linha, largura igual, alvo de 44px.
   Os estilos inline do Adianti (float:left; display:table) são vencidos com !important; vale para todo grupo de botões do app. */
body.lebi-tema .fb-inline-field-container[wrapped-widget=tradiogroup] { float: none !important; display: block !important; width: 100% !important; padding-right: 0 !important; }
body.lebi-tema .toggle-wrapper { width: 100%; }
body.lebi-tema .toggle-wrapper > .btn-group { display: flex !important; flex-direction: row; flex-wrap: nowrap; float: none !important; clear: both; width: 100% !important; }
body.lebi-tema .toggle-wrapper > .btn-group > label.btn {
  flex: 1 1 0; min-width: 0; min-height: 44px; margin: 0; padding: 10px 8px; display: flex; align-items: center; justify-content: center; text-align: center;
  border: 1px solid #C9CFDB; border-radius: 0; background: #fff; color: #111827; font-size: 15px; font-weight: 500; line-height: 1.2; box-shadow: none;
}
body.lebi-tema .toggle-wrapper > .btn-group > label.btn + label.btn { margin-left: -1px; }
body.lebi-tema .toggle-wrapper > .btn-group > label.btn:first-child { border-radius: 12px 0 0 12px; }
body.lebi-tema .toggle-wrapper > .btn-group > label.btn:last-child { border-radius: 0 12px 12px 0; }
body.lebi-tema .toggle-wrapper > .btn-group > label.btn:only-child { border-radius: 12px; }
body.lebi-tema .toggle-wrapper > .btn-group > label.btn.active,
body.lebi-tema .toggle-wrapper > .btn-group > label.btn.active:hover,
body.lebi-tema .toggle-wrapper > .btn-group > label.btn.active:focus { background: #0f2a4a; border-color: #0f2a4a; color: #fff; position: relative; z-index: 1; }
body.lebi-tema .toggle-wrapper > .btn-group > label.btn input[type=radio] { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }

/* ---------- Simular na unidade em 3 passos (SimulacaoUnidadePortalCorretor; lebi.js põe data-passo/data-modo na raiz .lebi-sim). Sem JS nada é escondido. */
.lebi-sim[data-passo="1"] .lebi-sim-p2, .lebi-sim[data-passo="1"] .lebi-sim-p3,
.lebi-sim[data-passo="2"] .lebi-sim-p1, .lebi-sim[data-passo="2"] .lebi-sim-p3,
.lebi-sim[data-passo="3"] .lebi-sim-p1, .lebi-sim[data-passo="3"] .lebi-sim-p2 { display: none !important; }
.lebi-sim[data-modo="com"] .lebi-sim-sem, .lebi-sim[data-modo="sem"] .lebi-sim-com { display: none !important; }
.lebi-sim[data-modo="com"] .lebi-sim-sf-bloqueio { display: none !important; }
.lebi-sim[data-base-zero="1"] .lebi-sim-parc { display: none !important; }
.lebi-sim .lebi-sim-so-adic { display: none; margin: 0 0 8px; padding: 10px 12px; border-radius: 12px; background: #EAF6EE; color: #14532D; font-size: 14px; }
.lebi-sim[data-base-zero="1"] .lebi-sim-so-adic { display: block; }
.lebi-sim .lebi-sim-base { margin: 0 0 8px; font-size: 14px; font-weight: 600; color: #141B4D; }
.lebi-sim .lebi-sim-base:empty { display: none; }
/* cabeçalho: cartão azul-marinho com o título textual "Passo N de 3" */
.lebi-sim .lebi-sim-cabeca { margin: 0 0 4px; padding: 12px 14px; border-radius: 14px; background: #0f2a4a; color: #fff; }
.lebi-sim .lebi-sim-cabeca .lebi-sim-passo { font-size: 17px; font-weight: 700; line-height: 1.25; }
.lebi-sim .lebi-sim-cabeca .lebi-sim-unidade { margin-top: 4px; font-size: 13px; line-height: 1.4; color: #C9D3E3; }
.lebi-sim .lebi-sim-cabeca .lebi-sim-unidade strong { color: #fff; }
.lebi-sim .lebi-sim-explica { margin: 6px 0 0; font-size: 13px; line-height: 1.4; }
.lebi-sim .lebi-sim-sf-bloqueio { margin: 10px 0 0; }
/* cartão do resultado do financiamento e destaque do valor a parcelar */
.lebi-sim .lebi-sim-fin-card { margin: 8px 0; }
.lebi-sim .lebi-sim-fin-card .lebi-sim-lista { margin: 0 0 8px; padding: 10px 12px; border-radius: 12px; background: #F3F5F9; }
.lebi-sim .lebi-sim-fin-card .lebi-sim-linha { display: flex; justify-content: space-between; gap: 8px; padding: 2px 0; font-size: 14px; }
.lebi-sim .lebi-sim-fin-card .lebi-sim-linha dt { font-weight: 400; }
.lebi-sim .lebi-sim-fin-card .lebi-sim-linha dd { margin: 0; font-weight: 700; text-align: right; }
.lebi-sim .lebi-sim-fin-card .lebi-sim-total dd { color: #14803C; }
.lebi-sim .lebi-sim-fin-aviso { margin: 0 0 8px; padding: 10px 12px; border-radius: 12px; background: #FFF8E8; border: 1px solid #F7D9A0; color: #5A3A00; font-size: 14px; }
.lebi-sim .lebi-sim-destaque { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 12px; border-radius: 14px; background: #0f2a4a; color: #fff; text-align: center; }
.lebi-sim .lebi-sim-destaque span { font-size: 14px; }
.lebi-sim .lebi-sim-destaque strong { font-size: 26px; line-height: 1.15; color: #FFC94D; }
.lebi-sim .lebi-sim-destaque small { font-size: 12px; color: #C9D3E3; }
.lebi-sim .lebi-sim-fin-zero { margin: 8px 0 0; padding: 10px 12px; border-radius: 12px; background: #EAF6EE; color: #14532D; font-size: 14px; }
.lebi-sim .lebi-sim-fin-erro:not(:empty) { margin: 8px 0; padding: 10px 12px; border-radius: 12px; background: #FDECEC; border: 1px solid #F5B5B5; color: #8A1C1C; font-size: 14px; }
/* botões do rodapé por passo (só valem com data-passo): 1 = Continuar (+ Minhas simulações); 2 = Calcular (ou Continuar, com o resultado na tela) e Voltar; 3 = Simular e Voltar */
.lebi-sim[data-passo] .lebi-sim-b-seguir, .lebi-sim[data-passo] .lebi-sim-b-calc, .lebi-sim[data-passo] .lebi-sim-b-voltar, .lebi-sim[data-passo] .lebi-sim-b-simular, .lebi-sim[data-passo] .lebi-sim-b-hist { display: none !important; }
.lebi-sim[data-passo="1"] .lebi-sim-b-seguir, .lebi-sim[data-passo="1"] .lebi-sim-b-hist,
.lebi-sim[data-passo="2"]:not([data-fin="1"]) .lebi-sim-b-calc, .lebi-sim[data-passo="2"][data-fin="1"] .lebi-sim-b-seguir, .lebi-sim[data-passo="2"] .lebi-sim-b-voltar,
.lebi-sim[data-passo="3"] .lebi-sim-b-simular, .lebi-sim[data-passo="3"] .lebi-sim-b-voltar { display: inline-block !important; }
.lebi-sim .lebi-sim-b-seguir[disabled] { opacity: .5; }
@media (max-width: 767px) {
  body.lebi-tema.lebi-ativo .lebi-sim .lebi-form > form > .panel-footer > .btn { flex: 1 1 0; order: 2; }
  body.lebi-tema.lebi-ativo .lebi-sim .lebi-form > form > .panel-footer > .lebi-sim-b-seguir,
  body.lebi-tema.lebi-ativo .lebi-sim .lebi-form > form > .panel-footer > .lebi-sim-b-calc,
  body.lebi-tema.lebi-ativo .lebi-sim .lebi-form > form > .panel-footer > .lebi-sim-b-simular { flex: 0 0 100%; order: 1; }
}

/* ---------- Simular na pasta (etapa 4): aviso de pré-preenchimento, "Salvar nos previstos" e confirmação Atual × Novo. Mobile first; amarelo LEBI no primário. */
.lebi-sim .lebi-sim-cabeca .lebi-sim-pasta-n { font-size: 12px; font-weight: 600; letter-spacing: .02em; color: #FFC94D; text-transform: uppercase; }
.lebi-sim .lebi-sim-prefill { margin: 0 0 10px; padding: 10px 12px; border-radius: 12px; background: #EEF1F8; color: #141B4D; font-size: 13px; line-height: 1.4; }
.lebi-sim .lebi-sim-prefill .fas { margin-right: 4px; color: #F7A823; }
/* amarelo LEBI no primário destas ações (o tema pinta .btn-primary de azul com !important no desktop: aqui a regra é mais específica) */
body .lebi-sim .btn.lebi-sim-btn-amarelo, body .lebi-sim .btn.lebi-sim-btn-amarelo:focus, body.lebi-tema.lebi-ativo .lebi-sim .btn.lebi-sim-btn-amarelo,
body .btn.lebi-btn-sim-pasta, body.lebi-tema.lebi-ativo .btn.lebi-btn-sim-pasta {
  background: #F7A823 !important; border-color: #F7A823 !important; color: #141B4D !important; font-weight: 700; }
body .lebi-sim .btn.lebi-sim-btn-amarelo:hover, body.lebi-tema.lebi-ativo .lebi-sim .btn.lebi-sim-btn-amarelo:hover,
body .btn.lebi-btn-sim-pasta:hover, body.lebi-tema.lebi-ativo .btn.lebi-btn-sim-pasta:hover { background: #E89A16 !important; border-color: #E89A16 !important; color: #141B4D !important; }
body .btn.lebi-btn-sim-pasta label, body .btn.lebi-btn-sim-pasta span, body .btn.lebi-btn-sim-pasta i { color: #141B4D !important; }
.lebi-sim .btn.lebi-sim-btn-claro { background: #fff; border: 1px solid #DFE3EE; color: #141B4D; font-weight: 600; }
.lebi-sim .lebi-sim-salvar { margin: 12px 0; }
.lebi-sim .lebi-sim-salvar .btn, .lebi-sim .lebi-sim-acoes .btn { display: block; width: 100%; min-height: 44px; margin: 0 0 8px; padding: 11px 12px; border-radius: 12px; font-size: 15px; white-space: normal; }
.lebi-sim .lebi-sim-confirma-pasta { max-width: 640px; }
.lebi-sim .lebi-sim-cartao { margin: 10px 0; padding: 12px; border: 1px solid #E2E6EF; border-radius: 14px; background: #fff; color: #141B4D; }
.lebi-sim .lebi-sim-cartao h4 { margin: 0 0 8px; font-size: 16px; font-weight: 700; }
.lebi-sim table.lebi-sim-comparar { width: 100%; margin: 0 0 6px; font-size: 14px; }
.lebi-sim table.lebi-sim-comparar > thead > tr > th { padding: 4px 6px; border-bottom: 1px solid #EEF0F6; color: #6B7390; font-weight: 600; text-align: right; }
.lebi-sim table.lebi-sim-comparar > tbody > tr > th, .lebi-sim table.lebi-sim-comparar > tfoot > tr > th { padding: 6px; font-weight: 400; text-align: left; }
.lebi-sim table.lebi-sim-comparar > tbody > tr > td, .lebi-sim table.lebi-sim-comparar > tfoot > tr > td { padding: 6px; text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.lebi-sim table.lebi-sim-comparar > tbody > tr > *, .lebi-sim table.lebi-sim-comparar > tfoot > tr > * { border-top: 1px solid #EEF0F6; }
.lebi-sim table.lebi-sim-comparar > tfoot > tr > * { font-weight: 700; border-top: 2px solid #DFE3EE; }
.lebi-sim table.lebi-sim-comparar tr.lebi-sim-l-muda { background: #FFF8E8; }
.lebi-sim table.lebi-sim-comparar .lebi-sim-up { color: #14633A; font-weight: 700; }
.lebi-sim table.lebi-sim-comparar .lebi-sim-dn { color: #B42318; font-weight: 700; }
.lebi-sim table.lebi-sim-comparar .lebi-sim-mantido { color: #6B7390; }
.lebi-sim .lebi-sim-sr { margin-left: 4px; font-size: 11px; font-weight: 400; color: #6B7390; }
.lebi-sim .lebi-sim-nota { margin: 4px 0 0; font-size: 12px; color: #6B7390; }
@media (min-width: 768px) {
  .lebi-sim .lebi-sim-salvar .btn, .lebi-sim .lebi-sim-acoes .btn { display: inline-block; width: auto; min-width: 220px; margin-right: 8px; }
}