/* iNat TrailCam Local V16 — compact location and review-control refinements. */

/* Manual location persistence controls are no longer part of the interface. */
.v16-location-compat,
.v16-location-compat[hidden] {
  display: none !important;
}

/* Species/place confirmations remain available without competing with inputs. */
.observation-panel .selected-taxon,
.observation-panel .selected-place {
  margin: .26rem 0 .42rem;
  color: #737d75;
  font-size: .69rem;
  font-weight: 500;
  line-height: 1.28;
  overflow-wrap: anywhere;
}

/* Give the unreviewed control/legend enough room and reduce Next slightly. */
.v14-decision-controls,
.v14-control-legends {
  grid-template-columns: minmax(104px, auto) 44px 44px minmax(146px, .82fr) minmax(92px, auto);
  gap: .4rem;
}

.v14-next-button {
  min-width: 146px;
}

.v14-unreviewed-button {
  width: 100%;
  min-width: 92px;
}

.v14-control-legends {
  margin-top: .34rem;
  color: #667169;
  font-size: .68rem;
  font-weight: 750;
  line-height: 1.15;
}

.v14-control-legends span {
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
}

@media (max-width: 1250px) {
  .v14-decision-controls,
  .v14-control-legends {
    grid-template-columns: minmax(96px, auto) 42px 42px minmax(132px, .78fr) minmax(88px, auto);
    gap: .34rem;
  }

  .v14-next-button {
    min-width: 132px;
  }

  .v14-unreviewed-button {
    min-width: 88px;
  }
}

@media (max-width: 820px) {
  .v14-decision-controls,
  .v14-control-legends {
    grid-template-columns: minmax(94px, .8fr) 44px 44px minmax(128px, 1.15fr) minmax(88px, .8fr);
  }
}

@media (max-width: 660px) {
  .v14-decision-controls {
    grid-template-columns: 44px 44px minmax(0, 1fr) minmax(76px, .72fr);
  }

  .v14-previous-button {
    grid-column: 1 / -1;
  }

  .v14-unreviewed-button {
    min-width: 76px;
  }
}

/* Organized two-row fallback for medium-width layouts. */
@media (max-width: 900px) and (min-width: 661px) {
  .v14-decision-controls,
  .v14-control-legends {
    grid-template-columns: minmax(110px, 1fr) 88px minmax(104px, .72fr);
    gap: .36rem;
  }

  .v14-previous-button {
    grid-column: 1;
    width: 100%;
  }

  .v14-ignore-button {
    grid-column: 2;
    justify-self: center;
  }

  .v14-reviewed-button {
    grid-column: 3;
    justify-self: center;
  }

  .v14-next-button {
    grid-column: 1 / 3;
    width: 100%;
    min-width: 0;
  }

  .v14-unreviewed-button {
    grid-column: 3;
    width: 100%;
    min-width: 104px;
  }

  .v14-control-legends span:nth-child(1) { grid-column: 1; }
  .v14-control-legends span:nth-child(2) { grid-column: 2; }
  .v14-control-legends span:nth-child(3) { grid-column: 3; }
  .v14-control-legends span:nth-child(4) { grid-column: 1 / 3; }
  .v14-control-legends span:nth-child(5) { grid-column: 3; }
}