/* legal.css - styles for the legal pages (/legal/Impressum, /cancel).
   Kept out of style.css on purpose (parallel edits); tokens only. */
.legal-cancel-btn {
  display: inline-block; padding: 10px 16px; border-radius: 6px;
  background: var(--accent); color: var(--text); font-weight: 700; text-decoration: none;
  border: 1px solid var(--accent);
}
.legal-cancel-btn:hover { background: var(--accent-hover); }
.legal-form .legal-field { margin: 14px 0; text-align: left; }
.legal-form label { display: block; margin-bottom: 6px; font-weight: 600; color: var(--text); }
.legal-form .legal-input, .legal-form select.legal-input, .legal-form textarea.legal-input {
  width: 100%; box-sizing: border-box; background: var(--bg-inset); color: var(--text);
  border: 1px solid var(--border); border-radius: 6px; padding: 12px; font-size: 16px; font-family: inherit;
}
.legal-form textarea.legal-input { min-height: 90px; resize: vertical; }
.legal-form .legal-input:focus { outline: none; border-color: var(--accent); }
.legal-form .legal-radio { display: flex; gap: 8px; align-items: flex-start; margin: 6px 0; font-weight: 400; color: var(--text-muted); }
.legal-form .legal-radio input { margin-top: 4px; }
.legal-form .legal-actions { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin-top: 10px; }
.legal-form .legal-submit {
  padding: 12px 18px; border-radius: 6px; border: 1px solid var(--accent); background: var(--accent);
  color: var(--text); font-weight: 700; cursor: pointer; font-size: 16px;
}
.legal-form .legal-submit[disabled] { opacity: .6; cursor: not-allowed; }
.legal-status { min-height: 22px; font-size: 14px; color: var(--text-muted); }
.legal-status.err { color: var(--danger-bright); font-weight: 600; }
.legal-status.ok { color: var(--success); font-weight: 600; }
.legal-confirm {
  margin-top: 16px; padding: 14px 16px; border-radius: 6px;
  background: var(--bg-inset-alt); border: 1px solid var(--border); color: var(--text);
}
.legal-confirm[hidden] { display: none; }
.legal-muted { color: var(--text-muted); }
