/* NetControl — custom styles */

/* Tighten the container padding on session page */
.container-fluid {
  padding-left: 12px;
  padding-right: 12px;
}

/* Navbar brand */
.navbar-brand {
  letter-spacing: .05em;
}

/* Sidebar */
.sidebar {
  background: #fff;
  border-right: 1px solid #dee2e6;
}

/* Repeater list items */
.repeater-item {
  transition: background-color 0.1s ease, border-left-color 0.1s ease;
}

.repeater-item.active {
  border-left: 4px solid #0d6efd !important;
  background-color: #eef2ff !important;
}

/* Autocomplete */
.autocomplete-list {
  border: 1px solid #dee2e6;
  border-radius: 0 0 .375rem .375rem;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,.1);
}

.autocomplete-item {
  padding: .4rem .75rem;
  border-bottom: 1px solid #f0f0f0;
  font-size: .875rem;
}

.autocomplete-item:last-child {
  border-bottom: none;
}

.autocomplete-item .callsign {
  font-weight: 700;
  font-family: monospace;
  font-size: 1rem;
}

/* Frequent checker badges */
.freq-badge {
  font-size: .8rem;
  padding: .3rem .6rem;
  border-radius: .375rem;
  background: #f0f4ff;
  border: 1px solid #c7d6ff;
  color: #1a3a8f;
  white-space: nowrap;
}

.freq-badge:hover {
  background: #d6e4ff;
  border-color: #97b8ff;
}

/* Check-in table */
.checkin-row td {
  font-size: .875rem;
}

/* Net info bar */
#netInfoBar {
  border-radius: .375rem;
  margin-bottom: .75rem;
}

/* Callsign field styling */
#fCallsign {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
}

/* Traffic notes collapse */
#trafficNotesRow {
  animation: slideDown 0.15s ease;
}

@keyframes slideDown {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Highlight newly added rows */
.checkin-new {
  animation: fadeHighlight 1.5s ease;
}

@keyframes fadeHighlight {
  0%   { background-color: #d4edda; }
  100% { background-color: transparent; }
}

/* Read-back highlight — click a row to mark it as called */
.checkin-row {
  cursor: pointer;
}
.checkin-row.read-back {
  background-color: #d1e7dd !important;
}
.checkin-row.read-back td:first-child::before {
  content: '✓';
  color: #198754;
  font-weight: 700;
  margin-right: .4em;
}

/* Confirm-delete button (shows on hover over row) */
.btn-delete-checkin {
  opacity: 0.5;
  transition: opacity .15s;
}
.checkin-row:hover .btn-delete-checkin {
  opacity: 1;
}

/* Print styles for net summary */
@media print {
  .navbar, .btn, #netInfoBar button, form { display: none !important; }
  .card { border: 1px solid #ccc !important; break-inside: avoid; }
}
