/* ===== Ortak UniTercih UI paneli =====
   Koyu zemin + kırmızı çerçeve — tüm park UI’larında kullan.
   Sınıf: .pk-ui-panel
*/

:root {
  --pk-ui-bg: rgba(26, 29, 34, 0.92);
  --pk-ui-bg-solid: #1a1d22;
  --pk-ui-border: #e30613;
  --pk-ui-text: #ffffff;
  --pk-ui-muted: rgba(255, 255, 255, 0.85);
  --pk-ui-radius: 12px;
  --pk-ui-pad: 12px 18px;
  --pk-ui-shadow: 0 8px 22px rgba(0, 0, 0, 0.35);
}

.pk-ui-panel {
  background: var(--pk-ui-bg);
  color: var(--pk-ui-text);
  border: 2px solid var(--pk-ui-border);
  border-radius: var(--pk-ui-radius);
  padding: var(--pk-ui-pad);
  box-shadow: var(--pk-ui-shadow);
}

.pk-ui-panel strong {
  color: var(--pk-ui-text);
  font-weight: 800;
}

.pk-ui-panel span,
.pk-ui-panel em,
.pk-ui-panel p {
  color: var(--pk-ui-muted);
}

.pk-ui-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 0;
  border-radius: 8px;
  padding: 9px 16px;
  background: var(--pk-ui-border);
  color: #fff;
  font-weight: 800;
  font-size: 13px;
  cursor: pointer;
}

.pk-ui-btn:hover {
  background: #c10510;
}