/* certificate.css
   The certificate panel controls. The certificates themselves are drawn on a
   Canvas and exported as images or PDF, so these styles only dress the chooser. */

.certificate-panel .cert-group {
  background: var(--panel);
  border: 1px solid rgba(201,168,76,0.35);
  border-radius: var(--radius);
  padding: 14px;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.certificate-panel .btn-amber { align-self: flex-start; }
.cert-photo-select {
  min-height: 48px;
  border-radius: 12px;
  padding: 10px;
  font-size: 15px;
  background: rgba(255,255,255,0.92);
  color: var(--ink);
  border: 2px solid rgba(201,168,76,0.6);
}
.cert-label { color: #aebbe0; font-size: 13px; }