/* Global Entry alert setup. Builds on the queue page's card and row primitives. */

.ge-clean ul { line-height: 1.75; }

.ge-centres {
  margin: 1.4rem 0 1.2rem;
  padding: 0;
  border: 0;
}

.ge-centres legend {
  padding: 0;
  font-size: 0.68rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: 0.6;
}

/* 133 centres is only scannable if it is grouped and columnar. Columns rather than one long list so the
   page does not become a mile of scrolling. */
.ge-loc-grid {
  display: grid;
  gap: 1rem clamp(1rem, 0.8rem + 1.5vw, 2.2rem);
  grid-template-columns: repeat(auto-fill, minmax(min(15rem, 100%), 1fr));
  max-height: 26rem;
  overflow-y: auto;
  margin-top: 0.8rem;
  padding: 0.9rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.5rem;
  background: rgba(255, 255, 255, 0.02);
}

.ge-state-name {
  margin: 0 0 0.35rem;
  font-size: 0.66rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--brand, #54c5fb);
}

.ge-loc {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
  margin-bottom: 0.3rem;
  font-size: 0.86rem;
  line-height: 1.4;
  cursor: pointer;
}

.ge-loc input { margin-top: 0.15rem; flex: 0 0 auto; }

.ge-loc:hover { color: var(--brand, #54c5fb); }

.ge-loc input:focus-visible {
  outline: 2px solid var(--brand, #54c5fb);
  outline-offset: 2px;
}

.status.ok { color: var(--brand, #54c5fb); }