/* cca-radiodb — shared custom styles layered on the NYC Core theme
   (same conventions as phonenumber-query: field-label/value, stat-badge). */

.field-label {
  font-weight: 600;
  color: #666;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 5px;
}
.field-value {
  font-size: 1.1rem;
  color: #2C3E50;
  margin-bottom: 20px;
}
.field-value.large {
  font-size: 1.5rem;
  font-weight: 600;
  color: #004CBE;
}

.stat-badge {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 0.9rem;
  white-space: nowrap;
}
.stat-badge.primary   { background-color: #E3F2FD; color: #1976D2; }
.stat-badge.info      { background-color: #E3F2FD; color: #1976D2; }
.stat-badge.success   { background-color: #C8E6C9; color: #2E7D32; }
.stat-badge.warning   { background-color: #FFF9C4; color: #F57F17; }
.stat-badge.danger    { background-color: #FFCDD2; color: #C62828; }
.stat-badge.secondary { background-color: #ECEFF1; color: #546E7A; }
.stat-badge.purple    { background-color: #EDE7F6; color: #5E35B1; }

.meta-strip {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.meta-strip .meta-times { font-size: 0.85rem; }

.search-container { max-width: 700px; margin: 0 auto; }
.search-input {
  font-size: 1.25rem;
  padding: 15px 20px;
  border: 2px solid #004CBE;
  border-radius: 8px;
}
.search-input:focus {
  border-color: #003380;
  box-shadow: 0 0 0 0.2rem rgba(0, 76, 190, 0.25);
}
.search-btn { font-size: 1.25rem; padding: 15px 40px; border-radius: 8px; }

.loading-spinner { display: none; text-align: center; padding: 40px; }
.loading-spinner.show { display: block; }
.error-message { display: none; margin-top: 20px; }
.error-message.show { display: block; }
.result-area { display: none; }
.result-area.show { display: block; }

.alert-info-custom {
  background-color: #FFF3E0;
  border-left: 4px solid #F57C00;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 30px;
}

.map-frame {
  height: 420px;
  border-radius: 8px;
  border: 1px solid #dee2e6;
  overflow: hidden;
}

.freq { font-variant-numeric: tabular-nums; white-space: nowrap; font-weight: 600; }
.lookup-tile { cursor: pointer; transition: box-shadow .15s, transform .15s; }
.lookup-tile:hover { box-shadow: 0 4px 12px rgba(0,0,0,.12); transform: translateY(-2px); }