/* Connect: alineación compartida sin modificar los estilos del resto del ERP. */
#vfcPanel { min-width: 0; }
#vfcPanel > .section-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
#vfcPanel > .section-title > div { min-width: 0; }
#vfcPanel > .section-title > .pill { flex: 0 0 auto; }
#vfcPanel > .grid.two {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}
#vfcPanel > .grid.two > .card { min-width: 0; }
#vfcPanel > .formgrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  align-items: end;
}
#vfcPanel > .formgrid > label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  margin: 0;
}
#vfcPanel > .formgrid select {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  box-sizing: border-box;
  margin: 0;
}
#vfcPanel > .actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  align-items: stretch;
}
#vfcPanel > .actions > .btn {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  margin: 0;
  box-sizing: border-box;
  white-space: normal;
}
#vfcPanel > h3 { margin: 24px 0 12px; }
#vfcPanel > .tablewrap { width: 100%; min-width: 0; overflow-x: auto; }
#vfcPanel > .tablewrap > table {
  width: 100%;
  min-width: 640px;
  table-layout: fixed;
}
#vfcPanel > .tablewrap th,
#vfcPanel > .tablewrap td {
  text-align: left;
  vertical-align: middle;
  overflow-wrap: anywhere;
}
#vfcPanel > .tablewrap th:nth-child(1) { width: 20%; }
#vfcPanel > .tablewrap th:nth-child(2) { width: 20%; }
#vfcPanel > .tablewrap th:nth-child(3) { width: 14%; }
#vfcPanel > .tablewrap th:nth-child(4) { width: 18%; }
#vfcPanel > .tablewrap th:nth-child(5) { width: 28%; }
#vfcPanel > .tablewrap > .vfc-jobs-table th:nth-child(5) { width: 20%; }
#vfcPanel > .tablewrap > .vfc-jobs-table th:nth-child(6) { width: 8%; }
#vfcPanel > .tablewrap td > .btn { margin: 3px 6px 3px 0; }
@media (max-width: 1100px) {
  #vfcPanel > .formgrid { grid-template-columns: 1fr; }
  #vfcPanel > .actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  #vfcPanel > .grid.two,
  #vfcPanel > .actions { grid-template-columns: 1fr; }
}