/**
 * Pratinium Theme — Styles KYC/AML & Signature documentaire
 * custom-kyc-signature.css — Sprint KYC/Signature v1.0
 */

/* ================================================================
   COMPLIANCE BANNER — bande d'alerte dans l'en-tête si step manquant
   ================================================================ */
.pf-compliance-banner {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  background: #fef3c7;
  border-bottom: 2px solid #f59e0b;
  font-size: 0.9rem;
  font-weight: 500;
}
.pf-compliance-banner--kyc_pending {
  background: #dbeafe;
  border-color: #3b82f6;
}
.pf-compliance-banner--approved {
  background: #d1fae5;
  border-color: #10b981;
}
.pf-compliance-banner__icon { font-size: 1.2rem; }
.pf-compliance-banner__text { flex: 1; }
.pf-compliance-banner__cta {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 6px;
  background: #f59e0b;
  color: #fff;
  font-weight: 700;
  font-size: 0.8rem;
  text-decoration: none;
}
.pf-compliance-banner--kyc_pending .pf-compliance-banner__cta { background: #3b82f6; }

/* ================================================================
   PAGE KYC
   ================================================================ */
.pf-kyc-page { max-width: 700px; margin: 0 auto; }

.pf-upload-zone {
  position: relative;
  border: 2px dashed #d1d5db;
  border-radius: 12px;
  padding: 32px 24px;
  text-align: center;
  cursor: pointer;
  transition: border-color .2s, background .2s;
  background: #fafafa;
}
.pf-upload-zone:hover,
.pf-upload-zone:focus-within {
  border-color: #6366f1;
  background: #f5f5ff;
}
.pf-upload-zone__icon  { font-size: 2.5rem; margin-bottom: 8px; display: block; }
.pf-upload-zone__label { font-weight: 600; margin: 0 0 4px; }
.pf-upload-zone__hint  { font-size: .85rem; color: #6b7280; margin: 0; }
.pf-upload-zone__input {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  opacity: 0; cursor: pointer;
}
.pf-upload-zone--has-file { border-color: #10b981; background: #f0fdf4; }
.pf-upload-zone--has-file .pf-upload-zone__icon::after { content: ' ✓'; color: #10b981; }

/* Statut KYC badge */
.pf-kyc-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.pf-kyc-badge--none         { background: #f3f4f6; color: #6b7280; }
.pf-kyc-badge--pending      { background: #fef9c3; color: #92400e; }
.pf-kyc-badge--under_review { background: #dbeafe; color: #1d4ed8; }
.pf-kyc-badge--approved     { background: #d1fae5; color: #065f46; }
.pf-kyc-badge--rejected     { background: #fee2e2; color: #991b1b; }

/* ================================================================
   PAGE CGU
   ================================================================ */
.pf-cgu-page { max-width: 680px; margin: 0 auto; }

.pf-cgu-scroll {
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 20px 24px;
  max-height: 320px;
  overflow-y: auto;
  font-size: 0.9rem;
  line-height: 1.6;
  background: #fafafa;
}

/* ================================================================
   SIGNATURE / CONTRAT
   ================================================================ */
.pf-contract-card {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 20px 24px;
  margin-bottom: 16px;
  background: #fff;
}
.pf-contract-card__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 12px;
}
.pf-contract-card__title { font-weight: 700; font-size: 1rem; margin: 0; }
.pf-contract-card__ref   { font-size: 0.8rem; color: #6b7280; }

.pf-signature-status {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 700;
}
.pf-signature-status--draft              { background: #f3f4f6; color: #374151; }
.pf-signature-status--pending,
.pf-signature-status--signature_requested { background: #fef9c3; color: #92400e; }
.pf-signature-status--signed             { background: #d1fae5; color: #065f46; }
.pf-signature-status--refused            { background: #fee2e2; color: #991b1b; }
.pf-signature-status--expired            { background: #f3f4f6; color: #9ca3af; }

/* Bouton signature inline */
.pf-sign-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  border-radius: 8px;
  background: #4f46e5;
  color: #fff;
  font-weight: 700;
  border: none;
  cursor: pointer;
  transition: background .15s;
}
.pf-sign-btn:hover { background: #4338ca; }

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media (max-width: 575px) {
  .pf-upload-zone { padding: 20px 14px; }
  .pf-contract-card { padding: 14px 16px; }
  .pf-compliance-banner { flex-direction: column; align-items: flex-start; }
}