/* ===================== Strona z licencjami ===================== */

.lic-picker {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin: 24px 0 16px;
}

.lic-picker label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 0.9rem;
  color: var(--text-secondary);
}

.lic-picker select {
  background: var(--bg-control);
  color: var(--text-primary);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: 8px 10px;
  font: inherit;
  min-width: 15rem;
}

.lic-picker select:focus { outline: 2px solid var(--accent); outline-offset: -1px; }

.lic-picker .btn { text-decoration: none; }

/* Tekst umowy w <pre>, bo łamanie wierszy jest w nim treścią: numeracja punktów i podpunkty
   rozjeżdżają się, gdy przeglądarka zwija je we własne akapity. Zawijanie włączone, żeby przy
   tym nie trzeba było przewijać w bok. */
.lic-text {
  background: var(--bg-panel);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: 20px 22px;
  margin: 0 0 32px;

  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-family: var(--font-main);
  font-size: 0.95rem;
  line-height: 1.7;
  color: var(--text-secondary);

  max-height: 70vh;
  overflow-y: auto;
}

@media (max-width: 640px) {
  .lic-picker select { min-width: 0; width: 100%; }
  .lic-picker label { width: 100%; }
  .lic-picker .btn { width: 100%; text-align: center; }
  .lic-text { padding: 14px 16px; font-size: 0.9rem; }
}