/* ==========================================================================
   Convenciones GTM — tamaño uniforme de controles
   ==========================================================================
   Archivo propio del proyecto (no es Bootstrap ni ningun vendor): se carga
   despues de bootstrap.css/app.css en los layouts, asi que gana por orden de
   carga sin necesitar !important.

   Todos los botones/inputs/selects de la app (admin y portal tecnico) usan
   este tamaño de forma consistente. En vez de acordarse de sumar "btn-sm" +
   font-size inline en cada control nuevo, .btn/.form-control/.form-select ya
   salen con este tamaño por default: alcanza con "class=btn btn-primary" (o
   el color que corresponda) para que una pantalla nueva quede igual que el
   resto. Si en algun caso puntual hiciera falta un control mas grande, usar
   btn-lg / form-control-lg / form-select-lg (Bootstrap los sobreescribe
   igual) en vez de tocar este archivo.

   Select2 (usado en ordenes de trabajo) NO se ajusta aca: su CSS viene de un
   tema por CDN que cada vista carga por su cuenta via @push('styles'), y ese
   ajuste vive junto a esa vista (resources/views/ordenes_trabajo/index.blade.php)
   para no tener que perseguir sus clases desde este archivo global.
   ========================================================================== */

:root {
  --gtm-control-height: 31px;
}

.btn:not(.btn-sm):not(.btn-lg) {
  height: var(--gtm-control-height);
  padding: 0 0.5rem;
  font-size: 0.85rem;
  border-radius: 0.2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Sin esto, un form-control por defecto (mas alto que un btn chico) queda
   desalineado al lado de los botones.
   textarea queda afuera de la altura fija: es multilinea (rows="2", etc), la
   altura la define el propio "rows", no una sola linea como el resto. */
.form-control:not(.form-control-sm):not(.form-control-lg):not(textarea),
.form-select:not(.form-select-sm):not(.form-select-lg) {
  height: var(--gtm-control-height);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.85rem;
  border-radius: 0.2rem;
}

textarea.form-control:not(.form-control-sm):not(.form-control-lg) {
  padding: 0.25rem 0.5rem;
  font-size: 0.85rem;
  border-radius: 0.2rem;
}

/* El prefijo/sufijo de un input-group (ej. "$" antes del importe) es su
   propia clase, separada de .form-control: sin esto queda con el alto
   default de Bootstrap, mas alto que el input que tiene al lado.
   (Si en algun lado se usa .input-group-sm/.input-group-lg para variar el
   tamaño del grupo completo, esta regla habria que excluirla ahi tambien). */
.input-group-text {
  height: var(--gtm-control-height);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.85rem;
}