/*
 CARGODEC LEGACY STYLE
 ORDEN=37
 ID=config_pedimentos_auditado_v2036
 EXTRAIDO_DE=index.html
*/

/* === AUDITORIA FINAL CONFIG/PEDIMENTOS v2.0.38 ===
   Objetivo: mantener la vista dentro del viewport, sin ensanchar toda Configuración,
   y dejar el cuadro de pedimentos profesional y legible. */
html, body { max-width:100%; overflow-x:hidden; }
body .wrap{
  width:100% !important;
  max-width:1360px !important;
  margin:0 auto !important;
  padding:12px 14px 18px !important;
}
.proTopNav{ max-width:1360px !important; margin:0 auto !important; }
#config.configPage{
  width:100% !important;
  max-width:calc(100vw - 28px) !important;
  margin:0 auto 18px !important;
  padding:18px 20px !important;
  overflow:hidden !important;
}
.configPage .configPanel,
.configPage .configGrid,
.configPage .configTabPane,
.configPage .configSection{
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
}
.configPage .configTabs{
  display:flex !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  margin:12px 0 16px !important;
}
.configPage .configTabs button{
  min-width:auto !important;
  height:38px !important;
  padding:9px 16px !important;
  border-radius:15px !important;
  white-space:nowrap !important;
}
.configPage .configTabPane[data-config-tab="pedimentos"] .compactCard{
  max-width:1180px !important;
  margin:0 !important;
  padding:22px 22px !important;
  border-radius:20px !important;
  overflow:hidden !important;
}
.configPage .configTabPane[data-config-tab="pedimentos"] h2{
  font-size:20px !important;
  margin:10px 0 12px !important;
}
.configPage .configTabPane[data-config-tab="pedimentos"] .subtle{
  max-width:820px !important;
  line-height:1.35 !important;
}
.configPage .configTabPane[data-config-tab="pedimentos"] .pedRangeGrid{
  display:grid !important;
  grid-template-columns:minmax(240px,320px) minmax(240px,320px) 150px 160px !important;
  gap:12px !important;
  align-items:end !important;
  max-width:980px !important;
}
.configPage .configTabPane[data-config-tab="pedimentos"] .pedAdminActions{
  display:flex !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  background:transparent !important;
  border:0 !important;
  padding:10px 0 4px !important;
  margin:12px 0 !important;
}
.configPage .configTabPane[data-config-tab="pedimentos"] .pedToolbar{
  display:grid !important;
  grid-template-columns:minmax(420px,1fr) auto !important;
  gap:12px !important;
  align-items:center !important;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  margin:12px 0 14px !important;
}
.configPage .configTabPane[data-config-tab="pedimentos"] .pedFilters{
  display:grid !important;
  grid-template-columns:minmax(280px,420px) 190px !important;
  gap:10px !important;
  max-width:630px !important;
}
.configPage .configTabPane[data-config-tab="pedimentos"] .pedToolbar > button{
  justify-self:end !important;
  width:auto !important;
  min-width:142px !important;
  max-width:190px !important;
  height:38px !important;
  padding:8px 12px !important;
  border-radius:13px !important;
  font-size:12px !important;
  background:#fff !important;
  color:#0b2f66 !important;
  border:1px solid #b8c9e5 !important;
  box-shadow:none !important;
}
.configPage .configTabPane[data-config-tab="pedimentos"] .pedToolbar > button.red{
  color:#b91c1c !important;
  border-color:#f2c7c7 !important;
}
.configPage .configTabPane[data-config-tab="pedimentos"] .pedAdminActions .btn{
  background:#fff !important;
  color:#0b2f66 !important;
  border:1px solid #cbd7ea !important;
  box-shadow:none !important;
  min-width:150px !important;
}
.configPage .configTabPane[data-config-tab="pedimentos"] .pedAdminActions .btn.red{
  color:#b91c1c !important;
  border-color:#f2c7c7 !important;
}
.configPage .configTabPane[data-config-tab="pedimentos"] .pedRangeGrid .btn.green,
.configPage .configTabPane[data-config-tab="pedimentos"] .pedRangeGrid .btn.blue{
  background:#0b3a78 !important;
  color:#fff !important;
  border:1px solid #0b3a78 !important;
  box-shadow:none !important;
  width:100% !important;
}
.configPage .configTabPane[data-config-tab="pedimentos"] .pedRangeGrid .btn.blue{
  background:#fff !important;
  color:#0b3a78 !important;
  border-color:#8aace0 !important;
}
.configPage .configTabPane[data-config-tab="pedimentos"] input,
.configPage .configTabPane[data-config-tab="pedimentos"] select{
  height:40px !important;
  font-size:13px !important;
  border-radius:12px !important;
  padding:8px 10px !important;
}
.configPage .configTabPane[data-config-tab="pedimentos"] #counters{
  margin:2px 0 12px !important;
}
.configPage .configTabPane[data-config-tab="pedimentos"] .tableWrap{
  width:100% !important;
  max-width:100% !important;
  overflow-x:auto !important;
  border-radius:15px !important;
  border:1px solid #e2e8f0 !important;
}
.configPage .configTabPane[data-config-tab="pedimentos"] #pedTable table{
  width:100% !important;
  min-width:1040px !important;
  table-layout:fixed !important;
}
.configPage .configTabPane[data-config-tab="pedimentos"] #pedTable th,
.configPage .configTabPane[data-config-tab="pedimentos"] #pedTable td{
  padding:10px 9px !important;
  font-size:12px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.configPage .configTabPane[data-config-tab="pedimentos"] #pedTable th:nth-child(1),
.configPage .configTabPane[data-config-tab="pedimentos"] #pedTable td:nth-child(1){width:48px !important;text-align:center !important;}
.configPage .configTabPane[data-config-tab="pedimentos"] #pedTable th:nth-child(2),
.configPage .configTabPane[data-config-tab="pedimentos"] #pedTable td:nth-child(2){width:130px !important;}
.configPage .configTabPane[data-config-tab="pedimentos"] #pedTable td:nth-child(2) b{font-size:14px !important;color:#0646a0 !important;}
.configPage .configTabPane[data-config-tab="pedimentos"] #pedTable th:nth-child(3),
.configPage .configTabPane[data-config-tab="pedimentos"] #pedTable td:nth-child(3){width:165px !important;white-space:normal !important;line-height:1.15 !important;}
.configPage .configTabPane[data-config-tab="pedimentos"] #pedTable th:nth-child(4),
.configPage .configTabPane[data-config-tab="pedimentos"] #pedTable td:nth-child(4){width:125px !important;}
.configPage .configTabPane[data-config-tab="pedimentos"] #pedTable th:nth-child(5),
.configPage .configTabPane[data-config-tab="pedimentos"] #pedTable td:nth-child(5){width:100px !important;}
.configPage .configTabPane[data-config-tab="pedimentos"] #pedTable th:nth-child(6),
.configPage .configTabPane[data-config-tab="pedimentos"] #pedTable td:nth-child(6){width:95px !important;}
.configPage .configTabPane[data-config-tab="pedimentos"] #pedTable th:nth-child(7),
.configPage .configTabPane[data-config-tab="pedimentos"] #pedTable td:nth-child(7){width:72px !important;text-align:right !important;}
.configPage .configTabPane[data-config-tab="pedimentos"] #pedTable th:nth-child(8),
.configPage .configTabPane[data-config-tab="pedimentos"] #pedTable td:nth-child(8),
.configPage .configTabPane[data-config-tab="pedimentos"] #pedTable th:nth-child(9),
.configPage .configTabPane[data-config-tab="pedimentos"] #pedTable td:nth-child(9){width:98px !important;text-align:right !important;}
.configPage .configTabPane[data-config-tab="pedimentos"] #pedTable th:nth-child(10),
.configPage .configTabPane[data-config-tab="pedimentos"] #pedTable td:nth-child(10){width:115px !important;text-align:center !important;}
.configPage .configTabPane[data-config-tab="pedimentos"] #pedTable th:nth-child(11),
.configPage .configTabPane[data-config-tab="pedimentos"] #pedTable td:nth-child(11){width:88px !important;text-align:center !important;}
.configPage .configTabPane[data-config-tab="pedimentos"] #pedTable .actions{justify-content:center !important; gap:6px !important; flex-wrap:nowrap !important;}
.configPage .configTabPane[data-config-tab="pedimentos"] #pedTable .actions button{width:28px !important;height:28px !important;border-radius:9px !important;}
.configPage .configTabPane[data-config-tab="pedimentos"] #pageInfo{font-size:12px !important; padding:8px 12px !important;}
@media (max-width: 1200px){
  body .wrap{max-width:100% !important; padding:10px !important;}
  .configPage .configTabPane[data-config-tab="pedimentos"] .pedToolbar{grid-template-columns:1fr !important;}
  .configPage .configTabPane[data-config-tab="pedimentos"] .pedToolbar > button{justify-self:start !important;}
}
@media (max-width: 900px){
  .configPage .configTabPane[data-config-tab="pedimentos"] .pedRangeGrid,
  .configPage .configTabPane[data-config-tab="pedimentos"] .pedFilters{grid-template-columns:1fr !important; max-width:100% !important;}
}