/* =============================================
   DATATABLE — CSS DA LISTAGEM (padrão JPWeb — front)
   CLÁUSULA PÉTREA: este arquivo é O PADRÃO de todas as
   listagens (emendas, licitações, trans, concursos,
   engenharia...). Proibido estilo de tabela/modal por
   página — qualquer ajuste entra AQUI e vale para todas.
   ============================================= */

/* ===================== GERAL-FILTROS ===================== */

.geral-filtros          {display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; margin-bottom:5px; box-sizing:border-box; color:#000; }
.filtros-left,
.filtros-right          {display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.filtros-select         {padding:0 8px; border:1px solid #ced4da; border-radius:4px; font-size:13px; color:#333; background:#fff; cursor:pointer; box-sizing:border-box; height:32px; }
.filtros-search-wrap    {position:relative; flex:1; display:flex; align-items:center; }
.filtros-search-wrap input {padding:0 10px 0 35px; border:1px solid #ced4da; border-radius:4px; outline:none; background:#fff; font-size:13px; color:#333; width:100%; box-sizing:border-box; height:32px; }
.filtros-search-wrap input::placeholder { color:#999; }
.filtros-search-wrap i  {color:#888; font-size:13px; }
.filtros-search-wrap .fa-search {position:absolute; left:12px; top:50%; transform:translateY(-50%); z-index:9; }
.filtros-btn            {display:flex; align-items:center; gap:5px; padding:0 10px; border:1px solid #ced4da; border-radius:4px; font-size:12px; color:#333; background:#fff; cursor:pointer; white-space:nowrap; transition:background .15s, border-color .15s; box-sizing:border-box; height:32px; }
.filtros-btn:hover      {background:#f0f0f0; border-color:#999; }
.filtros-btn i          {font-size:13px; width:14px; text-align:center; flex:none; }
@media (max-width: 768px) {
  .filtros-search-wrap  {min-width:140px; }
  .filtros-btn          {font-size:11px; height:28px; }
  .filtros-select       {font-size:12px; height:28px; }
  .filtros-search-wrap input {font-size:12px; padding:0 10px 0 32px; height:28px; }  }

/* ===================== TABELA ===================== */

.app-table-wrap         { border-radius:6px; border:1px solid #dee2e6; }
.table-scrollable       { overflow-x:auto; scrollbar-width:thin; scrollbar-color:#c8cdd5 #f2f4f6; }
.table-scrollable::-webkit-scrollbar { height:12px; }
.table-scrollable::-webkit-scrollbar-track { background:#f2f4f6; border-radius:10px; }
.table-scrollable::-webkit-scrollbar-thumb { background:#c8cdd5; border-radius:10px; }
.table-scrollable::-webkit-scrollbar-thumb:hover { background:#aab1ba; }
.app-table              { border-collapse:collapse; font-size:13px; background:#fff; table-layout:fixed; width:100%; min-width:max-content; font-family:'Lato', sans-serif; box-sizing:border-box; }
.app-table thead tr     { background:#1a6eb5; color:#fff; }
.app-table thead th     { padding:10px 12px; text-align:left; font-weight:600; border:none !important; border-bottom:2px solid #155a94 !important; box-sizing:border-box !important; background-position:center right; }
.app-table tbody tr     { border-bottom:1px solid #e9ecef; transition:background 0.15s; }
.app-table tbody tr:nth-child(even) { background:#f8f9fa; }
.app-table tbody tr:hover { background:#e8f0fb; }
.app-table tbody td     { padding:10px 5px !important; text-align:left; white-space:nowrap; vertical-align:middle; color:#333; border:none !important; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box !important; }
.app-table .td-objeto   { max-width:260px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.app-table .td-trunc    { max-width:200px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.app-table .td-maisinfo { max-width:240px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.app-table td.tem-mais  { cursor:pointer; }
.app-table td .app-ico-mais { display:none; color:#0d6efd; font-size:14px; margin-right:7px; line-height:1; }
.app-table td.tem-mais .app-ico-mais { display:inline-block; vertical-align:middle; transform:translateY(-3px); }
.app-table .td-valor    { white-space:nowrap; }
.app-acoes              { display:flex; align-items:center; gap:8px; white-space:nowrap; }

/* ===================== BOTÃO DE AÇÃO ===================== */

.app-btn-detalhes       { background:#1a6eb5; color:#fff; border:none; padding:6px 14px; border-radius:5px; cursor:pointer; font-size:12px; font-weight:600; white-space:nowrap; }
.app-btn-detalhes:hover { background:#155a94; }

.app-link-pdf           { display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:transparent; color:#000; font-size:22px; text-decoration:none; transition:transform .12s ease, background .12s ease; }
.app-link-pdf:hover     { margin-left: 3px; transition:transform .12s ease, background .12s ease;  }

/* ===================== DATATABLES GENÉRICO ===================== */

div.dataTables_wrapper div.dataTables_info { color:#555 !important; }
.dt-footer              { display:flex !important; align-items:center !important; justify-content:space-between !important; padding:10px 16px !important; flex-wrap:wrap !important; gap:10px !important; }
.dt-left, .dt-right     { display:flex !important; align-items:center !important; gap:10px !important; flex-wrap:wrap !important; }
div.dt-buttons              { display:none !important; }
.pagination                 { display:flex !important; flex-wrap:wrap !important; gap:2px !important; padding-left:0 !important; list-style:none !important; margin:0 !important; }
.pagination > li > a,
.pagination > li > span     { background:#fff !important; border:1px solid #ced4da !important; color:#1a6eb5 !important; padding:6px 12px !important; display:block !important; font-size:13px !important; text-decoration:none !important; border-radius:4px !important; }
.pagination > li > a:hover  { background:#e8f0fb !important; color:#155a94 !important; }
.pagination > .active > a   { background:#1a6eb5 !important; border-color:#1a6eb5 !important; color:#fff !important; }
.pagination > .active > a:hover { background:#155a94 !important; }
.pagination > .disabled > a,
.pagination > .disabled > a:hover { background:#f8f9fa !important; color:#aaa !important; cursor:default !important; }
table.dataTable         { table-layout:fixed !important; width:100% !important; min-width:max-content !important; box-sizing:border-box !important; }
table.dataTable > thead > tr[style*="height: 0"] { display:none !important; }
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc { background-position:center right; }

/* ===================== BADGES ===================== */

.badge-nivel            { display:inline-block; width:90px; padding:6px 10px; border-radius:5px; font-size:12px; font-weight:700; white-space:nowrap; background:#6c757d; color:#fff; text-align:center; box-sizing:border-box; }
.badge-nivel.federal    { background:#0d6efd; }
.badge-nivel.estadual   { background:#6f42c1; }
.badge-nivel.municipal  { background:#fd7e14; }
.badge-status           { display:inline-block; flex:0 0 110px; width:110px; padding:6px 10px; border-radius:5px; font-size:12px; font-weight:700; background:#6c757d; color:#fff; white-space:nowrap; text-align:center; box-sizing:border-box; }
.badge-status.recebido  { background:#198754; }
.badge-status.pendente  { background:#dc3545; }
.badge-status.parcial   { background:#fd7e14; }
.badge-status.aberto      { background:#28a745; }
.badge-status.encerrado   { background:#dc3545; }
.badge-status.suspenso    { background:#ffc107; color:#333; }
.badge-status.homologado  { background:#1a6eb5; }
.badge-status.fechado    { background:#dc3545; }
.badge-status.aguardando { background:#ffc107; color:#333; }
.badge-cat                { display:inline-block; flex:0 0 130px; width:130px; padding:6px 10px; border-radius:10px; font-size:12px; font-weight:600; white-space:nowrap; background:#6c757d; color:#fff; text-transform:uppercase; text-align:center; box-sizing:border-box; }
.badge-cat.licitacao      { background:#0d6efd; }
.badge-cat.contrato       { background:#6f42c1; }
.badge-cat.convenio       { background:#fd7e14; }
.badge-cat.dispensa       { background:#20c997; }
.badge-cat.inexigibilidade{ background:#0dcaf0; color:#333; }
.badge-cat.penalidade     { background:#dc3545; }

/* ===================== FILTROS DO TOPO ===================== */

.app-wrap * { box-sizing:border-box; }
.app-loading        { text-align:center; padding:60px 0; color:#888; }
.app-loading p      { margin:12px 0 0; font-size:13px; }
.app-filtros            { background:#f8f9fa; border:1px solid #dee2e6; border-radius:6px; padding:16px 20px; margin-bottom:20px; display:flex; flex-direction:column; gap:12px; }
.app-filtros-linha      { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.app-select             { height:36px; padding:5px 10px; border:1px solid #ced4da; border-radius:4px; font-size:13px; color:#333; background:#fff; min-width:200px; }
.app-data-sm            { height:36px; padding:5px 8px; border:1px solid #ced4da; border-radius:4px; font-size:13px; color:#333; background:#fff; width:150px; }
.app-buscar-lg          { height:36px; padding:5px 12px; border:1px solid #ced4da; border-radius:4px; font-size:13px; color:#333; background:#fff; width:220px; }
.app-btn-pesquisar      { background:#1a6eb5; color:#fff; border:none; padding:10px 20px; border-radius:4px; cursor:pointer; font-size:13px; font-weight:600; }
.app-btn-pesquisar:hover{ background:#155a94; }
.app-btn-limpar         { background:#fff; color:#555; border:1px solid #ced4da; padding:8px 20px; border-radius:4px; cursor:pointer; font-size:13px; display:inline-flex; align-items:center; }
.app-btn-limpar:hover   { background:#f0f0f0; }
@media(max-width:700px) { .app-select { min-width:100%; } .app-buscar-lg { width:100%; } }

/* ===================== TOOLTIP ===================== */

.app-tooltip            { position:fixed; z-index:10000; max-width:420px; background:#212529; color:#fff; font-size:12px; line-height:1.5; padding:8px 12px; border-radius:6px; box-shadow:0 4px 14px rgba(0,0,0,0.3); text-transform:none; white-space:pre-line; pointer-events:none; opacity:0; visibility:hidden; transition:opacity 0.15s; }
.app-tooltip.show       { opacity:1; visibility:visible; }

/* ===================== MODAL ===================== */

.app-modal-overlay      { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.55); z-index:9999; align-items:center; justify-content:center; }
.app-modal-overlay.active { display:flex; }
.app-modal              { background:#fff; border-radius:8px; width:90%; max-width:1200px; max-height:88vh; overflow:hidden; box-shadow:0 8px 40px rgba(0,0,0,0.22); display:flex; flex-direction:column; scrollbar-width:thin; scrollbar-color:#c8cdd5 #f2f4f6; }
.app-modal::-webkit-scrollbar { width:10px; height:12px; }
.app-modal::-webkit-scrollbar-track { background:#f2f4f6; border-radius:10px; }
.app-modal::-webkit-scrollbar-thumb { background:#c8cdd5; border-radius:10px; }
.app-modal::-webkit-scrollbar-thumb:hover { background:#aab1ba; }
.app-modal-header       { background:#1a6eb5; color:#fff; padding:16px 20px; display:flex; align-items:center; justify-content:space-between; flex-shrink:0; border-radius:8px 8px 0 0; }
.app-modal-header h3    { margin:0; font-size:15px; font-weight:700; color:#fff; }
.app-modal-close        { background:transparent; border:2px solid rgba(255,255,255,0.6); color:#fff; border-radius:50%; width:30px; height:30px; font-size:16px; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.app-modal-close:hover  { background:rgba(255,255,255,0.15); }
.app-modal-body         { padding:24px 24px 16px; flex:1; overflow-y:auto; }
.app-modal-body .objeto-texto { background:#f8f9fa; border-left:3px solid #1a6eb5; padding:10px 14px; border-radius:0 4px 4px 0; font-size:13px; color:#333; margin-top:4px; line-height:1.5; }
.app-modal-body .secao-titulo { font-size:13px; font-weight:700; color:#1a6eb5; text-transform:uppercase; margin:18px 0 10px; border-bottom:2px solid #e0eaf5; padding-bottom:5px; }
.app-modal-body .form-group label { font-size:11px; text-transform:uppercase; letter-spacing:.4px; color:#888; padding-left:2px; margin-bottom:4px; }
.app-modal-body .form-control { height:auto; min-height:36px; padding:8px 12px; background:#f8f9fa; border:1px solid #e0e6ed; border-left:3px solid #1a6eb5; border-radius:4px; font-weight:600; color:#333; }
.app-modal-footer       { padding:14px 24px; border-top:1px solid #e9ecef; display:flex; gap:10px; flex-wrap:wrap; flex-shrink:0; background:#fff; border-radius:0 0 8px 8px; }
.app-btn-imprimir       { background:#6c757d; color:#fff; border:none; padding:8px 16px; border-radius:4px; cursor:pointer; font-size:13px; display:flex; align-items:center; gap:6px; }
.app-btn-imprimir:hover { background:#5a6268; }
.app-btn-salvar         { background:#17a2b8; color:#fff; border:none; padding:8px 16px; border-radius:4px; cursor:pointer; font-size:13px; display:flex; align-items:center; gap:6px; }
.app-btn-salvar:hover   { background:#138496; }
.app-btn-fechar         { background:#fff; color:#555; border:1px solid #ced4da; padding:8px 16px; border-radius:4px; cursor:pointer; font-size:13px; margin-left:auto; }
.app-btn-fechar:hover   { background:#f0f0f0; }
.app-vazio              { padding:40px; text-align:center; color:#888; font-size:15px; }
@media(max-width:600px) { .app-modal { width:98%; } }

/* ===================== MODAL — ARQUIVOS ===================== */

.app-modal-body .arquivo-item { display:flex; align-items:center; gap:10px; padding:9px 12px; border:1px solid #dee2e6; border-radius:5px; margin-bottom:7px; background:#f8f9fa; text-decoration:none; color:#333; transition:background 0.15s; cursor:pointer; }
.app-modal-body .arquivo-item:hover { background:#e8f0fb; }
.app-modal-body .arquivo-item .arq-icone { font-size:20px; color:#dc3545; flex-shrink:0; }
.app-modal-body .arquivo-item .arq-info { flex:1; }
.app-modal-body .arquivo-item .arq-nome { font-size:13px; font-weight:600; color:#1a6eb5; display:block; }
.app-modal-body .arquivo-item .arq-data { font-size:11px; color:#888; margin-top:1px; display:block; }
.app-modal-body .sem-arquivos { color:#888; font-size:13px; font-style:italic; }
.app-modal-filtros-arq  { display:flex; gap:8px; margin-bottom:12px; flex-wrap:wrap; background:#f8f9fa; border:1px solid #dee2e6; border-radius:6px; padding:10px 12px; }
.app-modal-filtros-arq input { padding:7px 10px; border:1px solid #ced4da; border-radius:4px; font-size:13px; height:36px; background:#fff; color:#333; transition:border-color .15s, box-shadow .15s; }
.app-modal-filtros-arq input[type="text"] { flex:2; min-width:160px; }
.app-modal-filtros-arq input[type="date"] { flex:1; min-width:130px; }
.app-modal-filtros-arq input:hover { border-color:#b8c4d0; }
.app-modal-filtros-arq input:focus { outline:none; border-color:#1a6eb5; box-shadow:0 0 0 3px rgba(26,110,181,.13); }

/* ===================== MODAL — ABAS (engenharia etc.) ===================== */

.app-modal-tabs         { display:flex; flex-wrap:wrap; gap:4px; margin:18px 0 0; border-bottom:2px solid #dee2e6; }
.app-modal-tab          { background:#f0f4fa; border:1px solid #dee2e6; border-bottom:none; color:#555; padding:7px 14px; border-radius:4px 4px 0 0; cursor:pointer; font-size:12px; font-weight:600; transition:background .15s; }
.app-modal-tab.active   { background:#1a6eb5; color:#fff; border-color:#1a6eb5; }
.app-modal-tab:hover:not(.active) { background:#e0eaf5; }
.app-tabcontent         { display:none; padding:16px 0 8px; }
.app-tabcontent.active  { display:block; }
.app-exec-item          { border-left:3px solid #1a6eb5; padding:10px 14px; margin-bottom:12px; background:#f8f9fa; border-radius:0 4px 4px 0; }
.app-img-grid           { display:flex; flex-wrap:wrap; gap:8px; }
.app-img-grid .app-img-item { width:calc(25% - 6px); }
.app-img-grid img       { width:100%; height:200px; object-fit:cover; border-radius:4px; border:2px solid #dee2e6; display:block; }
@media(max-width:600px) { .app-img-grid .app-img-item { width:calc(50% - 4px); } }
.app-video-item         { margin-bottom:12px; }
.app-video-item iframe  { width:100%; height:380px; border-radius:4px; }
.app-capa               { text-align:center; margin-bottom:12px; }
.app-capa img           { max-width:100%; border-radius:6px; display:inline-block; }

/* ===================== VARS / FORM CONTROL ===================== */

:root {
    --form-input: #fff;
    --form-font: #333;
    --form-color-scheme: light;
    --form: #fff;
    --form-f: #333;
    --forms-fundo-input: #fff;
    --forms-borda: #ced4da;
    --forms-texto: #333;
    --forms-texto-muted: #888;
    --fonte: #555;
}
.form-control           {background: var(--form-input); border: 1px solid var(--form-font); color: var(--form-font); color-scheme: var(--form-color-scheme); display: block; width: 100%; padding: 6px 12px; font-size: 13px; line-height: 1.5; box-sizing: border-box; border-radius: 0; height: 40px; }
.form-control:focus     {background: var(--form); color: var(--form-f); outline: none; box-shadow: none; }
.form-group             {margin-bottom: 15px; }
.form-group label       {color: var(--form-font); margin-bottom: 6px; display: inline-block; font-weight: 600; font-size: 13px; padding-left: 5px; }

/* ===================== GRID ===================== */

.row                    {display:flex; flex-wrap:wrap; margin:0 -8px; }
.row > [class*="col-"]  {padding:0 8px; box-sizing:border-box; }
.col-xs-12              {width:100%; }
@media(min-width:768px) {.col-sm-2 {width:16.666%; } }

/* ===================== SEÇÕES AGRUPADAS (trans) ===================== */

.app-grupo-titulo       { display:flex; align-items:center; gap:10px; font-size:15px; font-weight:700; color:#1a6eb5; text-transform:uppercase; margin:24px 0 6px; border-bottom:2px solid #e0eaf5; padding-bottom:8px; }
.app-grupo-titulo .fa   { font-size:18px; color:#dc3545; }
.app-descricao-cat      { font-size:13px; color:#555; font-style:italic; margin:15px 0; }
.app-descricao-cat .fa  { color:#1a6eb5; margin-right:5px; }