/* Densidad profesional compartida de SaludDigital.
   Compacta la interfaz sin sacrificar jerarquía, foco ni área táctil móvil. */
:root {
  --sd-control-altura: 36px;
  --sd-control-radio: 9px;
  --sd-espacio-compacto: 8px;
}

.sd-contenido {
  padding-top: 16px;
}

.sd-kpis {
  gap: 9px;
  margin-bottom: 11px;
}

.sd-kpi {
  gap: 10px;
  min-height: 64px;
  padding: 10px 12px;
  border-radius: 12px;
}

.sd-kpi > i {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  font-size: 14px;
}

.sd-kpi div {
  gap: 1px;
  min-width: 0;
}

.sd-kpi span {
  overflow: hidden;
  font-size: 10.5px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sd-kpi strong {
  font-size: 18px;
  line-height: 1.05;
}

.sd-filtros {
  gap: 8px;
  padding: 9px;
  margin-bottom: 11px;
}

.sd-buscador,
.sd-selector,
.sd-filtros > .sd-campo,
.sd-filtros .select2-container .select2-selection--single {
  min-height: var(--sd-control-altura);
  height: var(--sd-control-altura);
  border-radius: var(--sd-control-radio);
}

.sd-buscador {
  padding-inline: 10px;
}

.sd-buscador input,
.sd-selector,
.sd-filtros > .sd-campo,
.sd-filtros .select2-container {
  font-size: 12px;
}

.sd-filtros .select2-container .select2-selection--single .select2-selection__rendered {
  height: 34px;
  line-height: 34px;
}

.sd-filtros .select2-container .select2-selection--single .select2-selection__arrow {
  top: 5px;
}

.sd-boton {
  min-height: var(--sd-control-altura);
  padding-inline: 12px;
  border-radius: var(--sd-control-radio);
  font-size: 12px;
  gap: 6px;
}

.sd-tabla th {
  padding: 8px 11px;
  font-size: 9px;
  line-height: 1.2;
  letter-spacing: .045em;
}

.sd-tabla td {
  height: auto;
  padding: 8px 11px;
  font-size: 11.5px;
  line-height: 1.25;
}

.sd-tabla .sd-celda-doble > strong {
  font-size: 11.5px;
  line-height: 1.25;
}

.sd-tabla .sd-celda-doble > small {
  margin-top: 3px;
  font-size: 9.5px;
  line-height: 1.25;
}

.sd-codigo,
.sd-estado {
  padding: 3px 7px;
  font-size: 9px;
  line-height: 1.2;
}

.sd-icono-boton {
  width: 28px;
  height: 28px;
  margin-left: 2px;
  border-radius: 7px;
  font-size: 11px;
}

.sd-tabla .sd-acciones-tabla .sd-icono-boton {
  margin-block: 1px;
}

.sd-paginacion {
  min-height: 43px;
  padding: 7px 11px;
  font-size: 10px;
}

.sd-paginacion .sd-boton {
  min-height: 29px;
  padding-inline: 9px;
  font-size: 10px;
}

.sd-vacio {
  padding: 28px 12px !important;
}

@media (max-width: 640px) {
  .sd-kpi {
    min-height: 58px;
    padding: 9px 10px;
  }

  .sd-tabla td {
    padding: 8px 10px;
  }

  .sd-icono-boton {
    width: 30px;
    height: 30px;
  }
}

@media (pointer: coarse) {
  .sd-boton {
    min-height: 40px;
  }

  .sd-icono-boton {
    min-width: 34px;
    min-height: 34px;
  }
}