/* PIN de 6 dígitos — linha horizontal, compacta e responsiva */
.pin-input-row,
.row:has(> input.box_code) {
   display: flex !important;
   flex-direction: row !important;
   flex-wrap: nowrap !important;
   align-items: center;
   justify-content: flex-start;
   gap: 0.35rem;
   width: 100%;
   max-width: 100%;
   margin-left: 0 !important;
   margin-right: 0 !important;
   --bs-gutter-x: 0;
   --bs-gutter-y: 0;
}

.pin-input-row--center,
.row:has(> input.box_code).pin-input-row--center {
   justify-content: center;
}

.pin-input-row .box_code,
.row:has(> input.box_code) > .box_code {
   flex: 0 0 auto;
   width: 2.75rem;
   height: 2.75rem;
   min-width: 0;
   max-width: 2.75rem;
   padding: 0 !important;
   margin: 0 !important;
   font-size: 1.25rem;
   font-weight: 600;
   line-height: 1;
   border-radius: 0.5rem;
   text-align: center;
   border: 1px solid rgb(var(--primary-rgb, 0, 66, 133));
   box-sizing: border-box;
}

.pin-input-row .form-control-lg.box_code,
.row:has(> input.box_code) > .form-control-lg.box_code {
   min-height: unset;
   padding-block: 0;
   padding-inline: 0;
}

.pin-input-row .box_code:focus,
.row:has(> input.box_code) > .box_code:focus {
   box-shadow: 0 0 0 0.15rem rgba(var(--primary-rgb, 0, 66, 133), 0.25);
   border-color: rgb(var(--primary-rgb, 0, 66, 133));
}

@media (max-width: 575.98px) {
   .pin-input-row,
   .row:has(> input.box_code) {
      gap: 0.25rem;
      justify-content: center;
   }

   .pin-input-row .box_code,
   .row:has(> input.box_code) > .box_code {
      width: 2.35rem;
      height: 2.4rem;
      max-width: 2.35rem;
      font-size: 1.1rem;
      border-radius: 0.45rem;
   }
}

@media (max-width: 359.98px) {
   .pin-input-row,
   .row:has(> input.box_code) {
      gap: 0.15rem;
   }

   .pin-input-row .box_code,
   .row:has(> input.box_code) > .box_code {
      width: 2.05rem;
      height: 2.1rem;
      max-width: 2.05rem;
      font-size: 1rem;
      border-radius: 0.4rem;
   }
}