/* iNat TrailCam Local V13 — compact date format and combined video navigation strip. */
.v13-video-control-strip {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) 1px minmax(0, .92fr);
  align-items: end !important;
  gap: .75rem !important;
}

.v13-fine-section,
.v13-queue-section {
  min-width: 0;
}

.v13-control-divider {
  display: block;
  align-self: stretch;
  width: 1px;
  min-height: 42px;
  background: #d6dbd2;
}

.v13-queue-section .player-navigation-group {
  display: grid;
  grid-template-columns: 1fr;
  gap: .3rem;
  align-items: end;
}

.v13-queue-section .player-video-counter {
  margin: 0;
  min-height: 1rem;
  color: #667169;
  font-size: .7rem;
  font-weight: 800;
  line-height: 1.15;
}

.v13-queue-section .nav-buttons {
  display: flex;
  flex-wrap: nowrap;
  gap: .38rem;
  align-items: center;
}

.v13-queue-section .compact-nav,
.v13-fine-section .compact-control {
  min-width: 0;
  white-space: nowrap;
}

.v13-review-row {
  display: flex !important;
  justify-content: flex-start;
  align-items: flex-end !important;
}

.v13-review-row .v10-decision-section {
  width: 100%;
}

.v13-review-row .review-actions-group {
  margin-left: 0;
}

.v13-date-format-line {
  display: block;
}

.v13-date-format-line #cameraDateFormat {
  width: 100%;
  max-width: 190px;
  min-width: 0;
  padding-right: 2rem;
  font-variant-numeric: tabular-nums;
  letter-spacing: .015em;
}

@media (max-width: 1450px) {
  .v13-video-control-strip {
    grid-template-columns: 1fr;
    gap: .55rem !important;
  }

  .v13-control-divider {
    width: 100%;
    height: 1px;
    min-height: 1px;
  }

  .v13-queue-section .player-navigation-group {
    grid-template-columns: auto minmax(0, 1fr);
    gap: .45rem .65rem;
    align-items: center;
  }
}

@media (max-width: 760px) {
  .v13-fine-section .fine-seek-controls,
  .v13-queue-section .nav-buttons {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .v13-queue-section .player-navigation-group {
    grid-template-columns: 1fr;
  }

  .v13-fine-section .compact-control,
  .v13-queue-section .compact-nav {
    width: 100%;
  }

  .v13-queue-section .nav-buttons > :last-child {
    grid-column: 1 / -1;
  }
}