/* Check operativo medidas — check-medidas-20260728_115343
   Capa acotada a Certificación/Check.
   Solo normaliza tamaño, forma, separación y alineación.
   No define colores.
   No define fondos.
   No define bordes de color.
   No modifica JS ni datos. */

#certModuloRoot {
  --check-control-h: 28px;
  --check-control-radius: 6px;
  --check-font-control: 10.5px;
  --check-font-label: 10px;
  --check-gap: 8px;
}

/* Toolbar principal */
#certModuloRoot .cert-toolbar {
  align-items: end !important;
  gap: var(--check-gap) !important;
}

#certModuloRoot .cert-field {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

#certModuloRoot .cert-field label {
  font-size: var(--check-font-label) !important;
  line-height: 12px !important;
  font-weight: 900 !important;
  margin: 0 !important;
}

/* Inputs del módulo */
#certModuloRoot .cert-input,
#certModuloRoot input.cert-input,
#certModuloRoot select.cert-input {
  height: var(--check-control-h) !important;
  min-height: var(--check-control-h) !important;
  max-height: var(--check-control-h) !important;
  border-radius: var(--check-control-radius) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 9px !important;
  padding-right: 9px !important;
  font-size: var(--check-font-control) !important;
  line-height: 26px !important;
  font-weight: 800 !important;
  box-sizing: border-box !important;
}

/* Botones del módulo: mismo tamaño/forma, sin tocar color */
#certModuloRoot .cert-btn,
#certModuloRoot button.cert-btn {
  height: var(--check-control-h) !important;
  min-height: var(--check-control-h) !important;
  max-height: var(--check-control-h) !important;
  border-radius: var(--check-control-radius) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 11px !important;
  padding-right: 11px !important;
  font-size: var(--check-font-control) !important;
  line-height: 26px !important;
  font-weight: 900 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

/* Acciones dentro de tarjetas */
#certModuloRoot .cert-card-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

#certModuloRoot .cert-card-actions .cert-btn {
  min-width: 72px !important;
}

/* Tarjetas: solo ritmo y alineación, sin color/fondo */
#certModuloRoot .cert-card {
  align-items: center !important;
  gap: 12px !important;
}

#certModuloRoot .cert-card-main strong {
  line-height: 1.1 !important;
}

/* Badges/status: solo tamaño/forma, preservando color existente */
#certModuloRoot .cert-status,
#certModuloRoot .cert-chip {
  min-height: 22px !important;
  border-radius: 999px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  font-size: 10px !important;
  line-height: 20px !important;
  font-weight: 850 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Cabecera de grupos: solo compactación */
#certModuloRoot .cert-group-head {
  min-height: 32px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  align-items: center !important;
}

#certModuloRoot .cert-group-head span {
  line-height: 16px !important;
}

#certModuloRoot .cert-group-count {
  min-height: 22px !important;
  border-radius: 999px !important;
  padding: 0 9px !important;
  line-height: 20px !important;
}

/* Paneles dinámicos de Check/Certificación */
body #certBandejaPanel {
  box-sizing: border-box !important;
}

body #certBandejaPanel .cert-btn,
body #historialOdtPanelCert .cert-btn,
body #certFotoViewer button {
  height: var(--check-control-h, 28px) !important;
  min-height: var(--check-control-h, 28px) !important;
  max-height: var(--check-control-h, 28px) !important;
  border-radius: var(--check-control-radius, 6px) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 11px !important;
  padding-right: 11px !important;
  font-size: var(--check-font-control, 10.5px) !important;
  line-height: 26px !important;
  font-weight: 900 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

/* Inputs/selects de bandeja */
body #certBandejaPanel .cert-input,
body #certBandejaPanel input.cert-input,
body #certBandejaPanel select.cert-input {
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  border-radius: var(--check-control-radius, 6px) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 9px !important;
  padding-right: 9px !important;
  font-size: var(--check-font-control, 10.5px) !important;
  line-height: 28px !important;
  font-weight: 800 !important;
  box-sizing: border-box !important;
}

body #certBandejaPanel .cert-bandeja-tools {
  align-items: end !important;
  gap: 8px !important;
}

body #certBandejaPanel .cert-field label {
  font-size: var(--check-font-label, 10px) !important;
  line-height: 12px !important;
  margin-bottom: 4px !important;
}

/* Botones en tabla de bandeja: tamaño parejo */
body #certBandejaPanel .cert-bandeja-tabla .cert-btn {
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  border-radius: var(--check-control-radius, 6px) !important;
  padding-left: 9px !important;
  padding-right: 9px !important;
  font-size: 10px !important;
  line-height: 24px !important;
}

/* No tocar visor de fotos grande salvo botones de cierre/navegación */
body #certFotoViewer .cert-photo-viewer-nav {
  padding: 0 !important;
}

/* No tocar colores, fondos ni geometrías de Ruta diaria/Mapa operativo */
#dashboardOperativo,
#dashboardOperativo *,
#viewContainer:has(#mapaOperativoFecha) .leaflet-container,
#viewContainer:has(#mapaOperativoFecha) .leaflet-container * {
  /* fuera de alcance */
}