.ypi-utv-agent-status,
.ypi-utv-public-card {
  --ypi-utv-accent: #0b3c51;
  --ypi-utv-soft: #eaf2f5;
  --ypi-utv-border: #d9e2e7;
  font-family: inherit;
  background: #fff;
  border: 1px solid var(--ypi-utv-border);
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(16, 24, 40, .06);
}
.ypi-utv-agent-status {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 16px;
  margin: 14px 0;
}
.ypi-utv-agent-status strong,
.ypi-utv-public-card strong {
  color: #172033;
}
.ypi-utv-agent-status p {
  margin: 4px 0 0;
  color: #000000;
}
.ypi-utv-agent-status__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  color: #000000;
  white-space: nowrap;
}
.ypi-utv-public-card {
  padding: 16px;
  margin: 18px 0;
}
.ypi-utv-public-card__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.ypi-utv-public-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.ypi-utv-public-badges span,
.ypi-utv-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .02em;
  border: 1px solid #e2e8f0;
}
.ypi-utv-public-badges span.is-on,
.ypi-utv-badge--verified,
.ypi-utv-badge--fully_verified {
  background: var(--ypi-utv-soft);
  color: #0b3c51;
  border-color: rgba(11, 60, 81, .24);
}
.ypi-utv-badge--pending_verification,
.ypi-utv-badge--pending,
.ypi-utv-badge--needs_review,
.ypi-utv-badge--not_started,
.ypi-utv-badge--draft {
  background: #fff7ed;
  color: #9a3412;
  border-color: #fed7aa;
}
.ypi-utv-badge--rejected,
.ypi-utv-badge--expired,
.ypi-utv-badge--suspended {
  background: #fef2f2;
  color: #991b1b;
  border-color: #fecaca;
}
.ypi-utv-public-card__details {
  display: grid;
  gap: 4px;
  margin-top: 12px;
  color: #000000;
  font-size: 13px;
}
@media (max-width: 767px) {
  .ypi-utv-agent-status,
  .ypi-utv-public-card__head {
    flex-direction: column;
    align-items: flex-start;
  }
  .ypi-utv-agent-status__meta {
    align-items: flex-start;
  }
}

/* v0.2.0 public trust details */
.ypi-utv-public-card__details a {
  color: var(--ypi-utv-accent);
  font-weight: 700;
  text-decoration: none;
}
.ypi-utv-public-card__details a:hover {
  text-decoration: underline;
}


/* v0.2.1 YPI UAE Trust & Verification dashboard center */
.ypi-utv-verification-center {
  --ypi-utv-accent: #0b3c51;
  --ypi-utv-accent-dark: #082f40;
  --ypi-utv-soft: #eaf2f5;
  --ypi-utv-border: #d9e2e7;
  --ypi-utv-text: #102a37;
  --ypi-utv-muted: #000000;
  color: var(--ypi-utv-text);
  font-family: inherit;
}
.ypi-utv-vc-hero,
.ypi-utv-vc-card {
  background: #fff;
  border: 1px solid var(--ypi-utv-border);
  border-radius: 12px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .055);
}
.ypi-utv-vc-hero {
  padding: 24px;
  margin-bottom: 18px;
}
.ypi-utv-vc-hero span,
.ypi-utv-vc-kicker,
.ypi-utv-vc-card-head > div > span {
  display: block;
  color: var(--ypi-utv-accent);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.ypi-utv-vc-hero h1,
.ypi-utv-vc-card h2 {
  margin: 5px 0 8px;
  color: #0f172a;
  font-size: 28px;
  line-height: 1.12;
  font-weight: 760;
  letter-spacing: -.035em;
}
.ypi-utv-vc-card h2 { font-size: 22px; }
.ypi-utv-vc-hero p,
.ypi-utv-vc-card p {
  margin: 0;
  color: #000000;
  font-size: 14px;
  line-height: 1.6;
}
.ypi-utv-vc-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, .75fr);
  gap: 18px;
  margin-bottom: 18px;
}
.ypi-utv-vc-card { padding: 22px; }
.ypi-utv-vc-status { position: relative; overflow: hidden; }
.ypi-utv-vc-status:before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: var(--ypi-utv-accent);
}
.ypi-utv-vc-status.is-verified:before { background: #027a48; }
.ypi-utv-vc-status.is-pending:before { background: #d97706; }
.ypi-utv-vc-status.is-rejected:before,
.ypi-utv-vc-status.is-needs_review:before,
.ypi-utv-vc-status.is-suspended:before { background: #b42318; }
.ypi-utv-vc-card-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 12px;
}
.ypi-utv-vc-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}
.ypi-utv-vc-meta > div {
  padding: 13px;
  border: 1px solid #edf3f6;
  border-radius: 10px;
  background: #f8fbfc;
}
.ypi-utv-vc-meta strong,
.ypi-utv-vc-fields span {
  display: block;
  margin-bottom: 4px;
  color: #334155;
  font-size: 12px;
  font-weight: 850;
}
.ypi-utv-vc-meta span {
  display: block;
  color: #000000;
  font-size: 13px;
  line-height: 1.45;
}
.ypi-utv-vc-checklist {
  display: grid;
  gap: 10px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}
.ypi-utv-vc-checklist li {
  position: relative;
  padding-left: 25px;
  color: #334155;
  font-size: 13px;
  line-height: 1.5;
}
.ypi-utv-vc-checklist li:before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: var(--ypi-utv-soft);
  color: var(--ypi-utv-accent);
  font-size: 11px;
  font-weight: 900;
}
.ypi-utv-vc-safe-note,
.ypi-utv-vc-notice {
  margin-top: 16px;
  padding: 14px;
  border-radius: 10px;
  border: 1px solid #d8e4ea;
  background: #f8fbfc;
  color: #475569;
  font-size: 13px;
  line-height: 1.55;
}
.ypi-utv-vc-notice { margin: 0 0 18px; font-weight: 800; }
.ypi-utv-vc-notice.is-success { border-color: #b7d5c7; background: #f1fbf5; color: #027a48; }
.ypi-utv-vc-notice.is-error { border-color: #fecaca; background: #fff1f2; color: #b42318; }
.ypi-utv-vc-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 18px 0;
}
.ypi-utv-vc-fields label { display: flex; flex-direction: column; gap: 7px; margin: 0; }
.ypi-utv-vc-fields label.is-wide { grid-column: 1 / -1; }
.ypi-utv-vc-fields input,
.ypi-utv-vc-fields select,
.ypi-utv-vc-fields textarea {
  width: 100%;
  border: 1px solid #d8e4ea;
  border-radius: 8px;
  background: #fff;
  color: #0f172a;
  font-size: 14px;
  line-height: 1.35;
  padding: 11px 12px;
  box-shadow: none;
  outline: none;
}
.ypi-utv-vc-fields input:focus,
.ypi-utv-vc-fields select:focus,
.ypi-utv-vc-fields textarea:focus {
  border-color: var(--ypi-utv-accent);
  box-shadow: 0 0 0 3px rgba(11, 60, 81, .1);
}
.ypi-utv-vc-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border: 1px solid var(--ypi-utv-accent);
  border-radius: 8px;
  background: var(--ypi-utv-accent);
  background-image: none;
  color: #fff;
  font-size: 14px;
  font-weight: 850;
  padding: 11px 16px;
  cursor: pointer;
}
.ypi-utv-vc-submit:hover {
  background: var(--ypi-utv-accent-dark);
  border-color: var(--ypi-utv-accent-dark);
  color: #fff;
}
@media (max-width: 767px) {
  .ypi-utv-vc-hero,
  .ypi-utv-vc-card { border-radius: 10px; padding: 16px; }
  .ypi-utv-vc-grid,
  .ypi-utv-vc-meta,
  .ypi-utv-vc-fields { grid-template-columns: 1fr; }
  .ypi-utv-vc-card-head { flex-direction: column; }
  .ypi-utv-vc-submit { width: 100%; }
}

/* v0.2.2 front-end verification form hardening */
.ypi-utv-vc-fields small {
  display: block;
  margin-top: 5px;
  color: #000000;
  font-size: 12px;
  line-height: 1.45;
}

.ypi-utv-vc-notice.is-warning { border-color: #fed7aa; background: #fff7ed; color: #9a3412; }
.ypi-utv-vc-admin-note {
  margin-top: 16px;
  padding: 14px;
  border: 1px solid #fed7aa;
  border-radius: 10px;
  background: #fff7ed;
  color: #7c2d12;
}
.ypi-utv-vc-admin-note strong { display: block; margin-bottom: 4px; color: #7c2d12; }
.ypi-utv-vc-admin-note p { margin: 0; color: #7c2d12; line-height: 1.55; }