/* Vedde admin form helpers */

.form-section {
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  padding: 1.25rem;
  margin-bottom: 1.25rem;
}

.form-section h4,
.form-section h5 {
  margin-bottom: 1rem;
  font-size: 1.05rem;
}

.field-hint {
  font-size: 0.8rem;
  color: #6c757d;
  margin-top: 0.25rem;
}

.vedde-time.is-invalid {
  border-color: #dc3545;
}

.url-field .input-group-text {
  font-size: 0.85rem;
}

.form-table-actions {
  min-width: 220px;
}

.form-table-actions .form-select,
.form-table-actions .form-control {
  min-width: 110px;
}

.analytics-panel {
  border-radius: 0.5rem;
  padding: 1rem;
  background: #fff;
  border: 1px solid #dee2e6;
}

.analytics-panel-channel {
  border-top: 4px solid #198754;
}

.analytics-panel-bot {
  border-top: 4px solid #0d6efd;
}

.analytics-panel-bridge {
  border-top: 4px solid #6c757d;
}

.nav-tabs .analytics-tab-channel.active {
  color: #198754;
  border-color: #dee2e6 #dee2e6 #fff;
  font-weight: 600;
}

.nav-tabs .analytics-tab-bot.active {
  color: #0d6efd;
  border-color: #dee2e6 #dee2e6 #fff;
  font-weight: 600;
}

.nav-tabs .analytics-tab-bridge.active {
  color: #495057;
  border-color: #dee2e6 #dee2e6 #fff;
  font-weight: 600;
}

@media (min-width: 768px) {
  .admin-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 1rem;
  }

  .admin-form-grid .full-width {
    grid-column: 1 / -1;
  }
}