/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

.estafeta-ltl-row-spacer {
  min-height: 1.25rem;
}

.aclaracion-notification-toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.aclaracion-notification-badge {
  position: absolute;
  top: 2px;
  right: -2px;
  min-width: 1.1rem;
  font-size: 0.65rem;
  line-height: 1.1rem;
  padding: 0 0.35rem;
}

.aclaracion-notification-menu {
  width: min(22rem, 90vw);
}

.aclaracion-notification-item {
  white-space: normal;
}

.scanner-camera__viewport {
  aspect-ratio: 16 / 9;
  max-height: 60vh;
}

.scanner-camera__video,
.scanner-camera__reader {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.scanner-camera__reader video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

.scanner-camera__overlay {
  pointer-events: none;
  position: absolute;
  inset: 18% 12%;
  border: 2px solid rgba(255, 255, 255, 0.85);
  border-radius: 0.5rem;
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.35);
}

.scanner-camera__reader:not(.d-none) ~ .scanner-camera__overlay {
  display: none;
}