/* SignVerse Component Typography — sv-components.css
   Component-level typography classes built on sv-tokens.css.
   Import AFTER sv-tokens.css and sv-typography.css. */

/* ── Topbar ── */
.sv-topbar-title {
  font-size: var(--sv-text-xl);
  font-weight: var(--sv-weight-extrabold);
}

.sv-document-title {
  font-size: var(--sv-text-base);
  font-weight: var(--sv-weight-bold);
}

/* ── Status Pill ── */
.sv-status-pill {
  font-size: var(--sv-text-sm);
  font-weight: var(--sv-weight-bold);
  letter-spacing: 0.01em;
}

/* ── Sidebar Tabs ── */
.sv-side-tab {
  font-size: var(--sv-text-base);
  font-weight: var(--sv-weight-bold);
  font-family: var(--sv-font-family);
}

/* ── Detail Rows ── */
.sv-detail-row-label {
  font-size: var(--sv-text-base);
  font-weight: var(--sv-weight-normal);
}

.sv-detail-row-value {
  font-size: var(--sv-text-base);
  font-weight: var(--sv-weight-bold);
}

/* ── Buttons ── */
.sv-primary-button {
  font-size: var(--sv-text-base);
  font-weight: var(--sv-weight-bold);
  font-family: var(--sv-font-family);
}

.sv-secondary-button {
  font-size: var(--sv-text-base);
  font-weight: var(--sv-weight-bold);
  font-family: var(--sv-font-family);
}

.sv-danger-button {
  font-size: var(--sv-text-base);
  font-weight: var(--sv-weight-bold);
  font-family: var(--sv-font-family);
}

/* ── Recipient Card ── */
.sv-recipient-name {
  font-size: var(--sv-text-md);
  font-weight: var(--sv-weight-extrabold);
}

.sv-role-badge {
  font-size: var(--sv-text-xs);
  font-weight: var(--sv-weight-extrabold);
}

.sv-recipient-status {
  font-size: var(--sv-text-xs);
  font-weight: var(--sv-weight-bold);
}

/* ── Audit Trail ── */
.sv-audit-date {
  font-size: var(--sv-text-xs);
  font-weight: var(--sv-weight-extrabold);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.sv-audit-text {
  font-size: var(--sv-text-md);
  font-weight: var(--sv-weight-bold);
}

.sv-audit-time {
  font-size: var(--sv-text-sm);
  font-weight: var(--sv-weight-normal);
}

/* ── Avatar ── */
.sv-avatar-text {
  font-size: var(--sv-text-md);
  font-weight: var(--sv-weight-extrabold);
}

/* ── Review Workspace ── */
.sv-rv-card-title {
  font-size: var(--sv-text-sm);
  font-weight: var(--sv-weight-extrabold);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.sv-rv-label {
  font-size: var(--sv-text-xs);
  font-weight: var(--sv-weight-bold);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.sv-rv-text {
  font-size: var(--sv-text-md);
  font-weight: var(--sv-weight-normal);
  line-height: var(--sv-leading-relaxed);
}

.sv-rv-nav-label {
  font-size: var(--sv-text-xs);
  font-weight: var(--sv-weight-semibold);
}

.sv-rv-tab {
  font-size: var(--sv-text-xs);
  font-weight: var(--sv-weight-bold);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* ── Comments ── */
.sv-comment-text {
  font-size: var(--sv-text-md);
  font-weight: var(--sv-weight-normal);
  line-height: var(--sv-leading-normal);
}

.sv-comment-meta {
  font-size: var(--sv-text-xs);
  font-weight: var(--sv-weight-normal);
}

.sv-comment-author {
  font-size: var(--sv-text-md);
  font-weight: var(--sv-weight-bold);
}