/**
 * Step53.2 — Modern Persian RTL theme (scoped under .fa-admin).
 * Does not remove existing styles; additive only.
 */
.fa-admin {
  direction: rtl;
  text-align: right;
  font-variant-numeric: normal;
}

.fa-admin .fa-card {
  background: var(--surface, #fff);
  border: 1px solid var(--border, #e5e7eb);
  border-radius: var(--radius, 10px);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.fa-admin .fa-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 14px;
  font-weight: 600;
  border-radius: 12px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease;
  direction: rtl;
  text-decoration: none;
  font-size: 0.9rem;
}

.fa-admin .fa-btn-primary {
  color: #fff;
  background: var(--primary, #4f46e5);
  border-color: transparent;
}

.fa-admin .fa-btn-primary:hover {
  background: var(--primary2, #4338ca);
}

.fa-admin .fa-btn-ghost {
  color: var(--text, #1f2430);
  background: var(--surface, #fff);
  border-color: var(--border, #e5e7eb);
}

.fa-admin .fa-btn-ghost:hover {
  background: var(--surface2, #f8fafc);
}

.fa-admin .fa-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 600;
  background: var(--surface2, #f3f4f6);
  color: var(--text, #1f2430);
  border: 1px solid var(--border, #e5e7eb);
}

.fa-admin .fa-table-wrap {
  border: 1px solid var(--border, #e5e7eb);
  border-radius: var(--radius, 10px);
  background: var(--surface, #fff);
}

.fa-admin .fa-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}

.fa-admin .fa-table thead {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--surface2, #f8fafc);
  border-bottom: 2px solid var(--border, #e5e7eb);
}

.fa-admin .fa-table th,
.fa-admin .fa-table td {
  padding: 0.6rem 0.75rem;
  text-align: right;
  border-bottom: 1px solid var(--border, #e5e7eb);
}

.fa-admin .fa-table tbody tr:hover {
  background: var(--surface2, #f8fafc);
}

.fa-admin .fa-input,
.fa-admin .fa-select {
  padding: 8px 12px;
  border: 1px solid var(--border, #e5e7eb);
  border-radius: var(--radius, 10px);
  background: var(--surface, #fff);
  font-size: 0.9rem;
  direction: rtl;
  min-width: 100px;
}

.fa-admin .fa-input:focus,
.fa-admin .fa-select:focus {
  outline: none;
  border-color: var(--primary, #4f46e5);
}

.fa-admin .fa-grid {
  display: grid;
  gap: 1rem;
}

.fa-admin .fa-kpi .fa-card {
  padding: 1rem 1.25rem;
  min-width: 100px;
}

.fa-admin .fa-muted {
  color: var(--muted, #6b7280);
}

@media (max-width: 768px) {
  .fa-admin .fa-table-wrap {
    font-size: 0.85rem;
  }
  .fa-admin .fa-table th,
  .fa-admin .fa-table td {
    padding: 0.5rem;
  }
}

/* Step53.8 — Unified timeline + preview (RTL/Jalali) */
.unified-timeline-wrap {
  direction: rtl;
  text-align: right;
}
.unified-timeline-wrap .timeline-day-label {
  direction: rtl;
}
.unified-timeline-wrap .timeline-item {
  direction: rtl;
  text-align: right;
}
.unified-timeline-wrap .timeline-badge.badge-update {
  background: var(--surface2, #e0e7ff);
  color: var(--primary, #4f46e5);
  border: 1px solid var(--border, #c7d2fe);
}
.unified-timeline-wrap .timeline-badge.badge-request {
  background: #fef3c7;
  color: #92400e;
  border: 1px solid #fcd34d;
}
.unified-timeline-wrap .timeline-badge.badge-workflow {
  background: #d1fae5;
  color: #065f46;
  border: 1px solid #6ee7b7;
}
.unified-timeline-wrap .timeline-badge.badge-submission {
  background: #e0e7ff;
  color: #3730a3;
  border: 1px solid #a5b4fc;
}
.unified-timeline-wrap .timeline-badge.badge-attachment {
  background: #f3f4f6;
  color: #374151;
  border: 1px solid var(--border, #e5e7eb);
}
.unified-timeline-wrap .preview-pdf-wrap,
.unified-timeline-wrap .preview-img-wrap {
  margin-top: 0.35rem;
}
.unified-timeline-wrap .preview-pdf-wrap iframe {
  display: block;
}
.unified-timeline-wrap .timeline-attachments {
  border-top: 1px solid var(--border, #e5e7eb);
  padding-top: 0.5rem;
  margin-top: 0.5rem;
}

/* Step53.9 — Control center dashboard (KPI/SLA, RTL/Jalali) */
.fa-admin.control-center-wrap,
.control-center-wrap.fa-admin {
  direction: rtl;
  text-align: right;
}
.fa-admin .control-center-kpis .control-kpi,
.fa-admin .control-kpi {
  padding: 1rem;
  border-radius: var(--radius, 10px);
  border: 1px solid var(--border, #e5e7eb);
  background: var(--surface, #fff);
  transition: box-shadow 0.2s ease;
}
.fa-admin .control-center-kpis .control-kpi:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.fa-admin .control-center-kpis .kpi-label {
  font-size: 0.85rem;
  color: var(--muted, #6b7280);
  margin-bottom: 0.25rem;
}
.fa-admin .control-center-kpis .kpi-value {
  font-size: 1.25rem;
  font-weight: 700;
}
.fa-admin .control-center-sections .fa-card h4 {
  font-size: 1rem;
}
@media (max-width: 768px) {
  .fa-admin .control-center-sections {
    grid-template-columns: 1fr;
  }
  .fa-admin .control-center-kpis {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Step53.10 — Threads + inbox (RTL/Jalali) */
.fa-admin .thread-card {
  border: 1px solid var(--border, #e5e7eb);
  border-radius: var(--radius, 10px);
  padding: 1rem;
  margin-bottom: 0.75rem;
  background: var(--surface, #fff);
  transition: box-shadow 0.2s ease;
}
.fa-admin .thread-card:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.fa-admin .thread-card-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.fa-admin .thread-status {
  font-size: 0.85rem;
  font-weight: 600;
}
.fa-admin .thread-status-open {
  background: #fef3c7;
  color: #92400e;
  border: 1px solid #fcd34d;
}
.fa-admin .thread-status-resolved {
  background: #d1fae5;
  color: #065f46;
  border: 1px solid #6ee7b7;
}
.fa-admin .msg-bubble {
  border: 1px solid var(--border, #e5e7eb);
  border-radius: var(--radius, 10px);
  padding: 0.75rem 1rem;
  margin-bottom: 0.5rem;
  background: var(--surface, #fff);
  direction: rtl;
  text-align: right;
}
.fa-admin .msg-bubble-system {
  background: var(--surface2, #f8fafc);
  border-color: var(--border, #e5e7eb);
}
.fa-admin .msg-bubble-meta {
  font-size: 0.85rem;
  margin-bottom: 0.35rem;
}
.fa-admin .msg-bubble-body {
  margin: 0;
  white-space: pre-wrap;
}
.fa-admin .notif-item {
  border: 1px solid var(--border, #e5e7eb);
  border-radius: var(--radius, 10px);
  padding: 0.75rem 1rem;
  margin-bottom: 0.5rem;
  background: var(--surface, #fff);
  direction: rtl;
  text-align: right;
}
.fa-admin .notif-item.notif-unread {
  background: #eff6ff;
  border-color: #bfdbfe;
}
.fa-admin .notif-item-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
.fa-admin .notif-body {
  font-size: 0.9rem;
  margin: 0.25rem 0 0 0;
}
.fa-admin .notif-item-actions {
  margin-top: 0.5rem;
}
.unified-timeline-wrap .timeline-badge.badge-thread {
  background: #e0e7ff;
  color: #3730a3;
  border: 1px solid #a5b4fc;
}
.sidebar .badge.notif-unread {
  background: var(--danger, #dc2626);
  color: #fff;
  font-size: 0.7rem;
  padding: 0.15rem 0.4rem;
  border-radius: 999px;
}

/* Step53.11 — SLA badges and threads center */
.fa-admin .sla-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
  font-size: 0.8rem;
  font-weight: 600;
  margin-right: 0.5rem;
}
.fa-admin .sla-overdue {
  background: #fee2e2;
  color: #991b1b;
  border: 1px solid #fecaca;
}
.fa-admin .sla-soon {
  background: #fef3c7;
  color: #92400e;
  border: 1px solid #fcd34d;
}
.fa-admin .threads-center-table {
  overflow-x: auto;
  margin-top: 0.5rem;
}
.fa-admin .threads-center-table .fa-table {
  min-width: 600px;
}
@media (max-width: 640px) {
  .fa-admin .threads-center-table .fa-table {
    font-size: 0.85rem;
  }
  .fa-admin .threads-center-table .fa-table th,
  .fa-admin .threads-center-table .fa-table td {
    padding: 0.35rem 0.5rem;
  }
}

/* Step54.1 — Recording panel + transcript/minutes editors (RTL) */
.step54-recording-panel,
.step54-transcript-card,
.step54-minutes-card {
  direction: rtl;
  text-align: right;
}
.step54-btn-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}
.step54-btn-group .fa-btn {
  flex-shrink: 0;
}
.step54-recording-err {
  padding: 0.5rem 0.75rem;
  border-radius: var(--radius, 8px);
  background: #fef2f2;
  border: 1px solid #fecaca;
}
.step54-status-row {
  font-size: 0.9rem;
}
.step54-status-area {
  padding: 0.5rem 0;
  min-height: 1.5rem;
}
.step54-status-area div {
  margin-bottom: 0.25rem;
}
.step54-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.step54-links a {
  text-decoration: none;
}
.step54-flash {
  padding: 0.5rem 0.75rem;
  border-radius: var(--radius, 8px);
  margin-bottom: 0.75rem;
}
.step54-flash-ok {
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  color: #065f46;
}
.step54-editor-form {
  margin-top: 0.5rem;
}
.step54-editor-textarea {
  width: 100%;
  min-height: 200px;
  padding: 0.75rem 1rem;
  border: 1px solid var(--border, #e5e7eb);
  border-radius: var(--radius, 10px);
  font-size: 0.95rem;
  direction: rtl;
  text-align: right;
  font-family: inherit;
}
.step54-editor-textarea:focus {
  outline: none;
  border-color: var(--primary, #4f46e5);
}
.step54-versions-list ul {
  list-style: none;
  padding: 0;
  margin: 0.5rem 0 0 0;
}
.step54-version-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.step54-version-tab {
  display: inline-block;
  padding: 0.35rem 0.65rem;
  border-radius: 6px;
  border: 1px solid var(--border, #e5e7eb);
  background: var(--surface2, #f8fafc);
  color: var(--text, #1f2430);
  text-decoration: none;
  font-size: 0.85rem;
}
.step54-version-tab:hover {
  background: var(--surface, #fff);
  border-color: var(--primary, #4f46e5);
}
.step54-version-tab.active {
  background: var(--primary, #4f46e5);
  color: #fff;
  border-color: transparent;
}
.step54-minutes-preview {
  padding: 1rem;
  border: 1px solid var(--border, #e5e7eb);
  border-radius: var(--radius, 10px);
  background: var(--surface, #fff);
  margin-bottom: 1rem;
  min-height: 80px;
}
.step54-minutes-preview p {
  margin: 0.25rem 0;
}

/* Step54.3 — Progress bar + job status table + cancel/retry */
.step54-progress-wrap {
  margin-bottom: 0.5rem;
}
.step54-progress-bar {
  height: 8px;
  background: var(--surface2, #f3f4f6);
  border-radius: 999px;
  overflow: hidden;
  margin-bottom: 0.25rem;
}
.step54-progress-fill {
  height: 100%;
  width: 0%;
  background: var(--primary, #4f46e5);
  border-radius: 999px;
  transition: width 0.2s ease;
}
.step54-progress-label {
  font-size: 0.85rem;
}
.step54-step-labels {
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.step54-job-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0.35rem;
  font-size: 0.9rem;
}
.step54-job-btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.8rem;
  border-radius: 6px;
  border: 1px solid var(--border, #e5e7eb);
  background: var(--surface, #fff);
  cursor: pointer;
  font-weight: 500;
}
.step54-job-btn.step54-cancel:hover {
  background: #fef2f2;
  border-color: #fecaca;
}
.step54-job-btn.step54-retry:hover {
  background: #ecfdf5;
  border-color: #a7f3d0;
}
.step54-status-actions .fa-btn {
  margin-left: 0.5rem;
}
.step54-action-cancel:hover {
  color: var(--danger, #b91c1c);
}
.step54-action-retry:hover {
  color: #065f46;
}

/* Step55.1 — Auth login + profile + admin users */
.auth-step55 {
  direction: rtl;
  text-align: right;
}
.auth-step55-form .stack > * + * { margin-top: 0.75rem; }
.auth-step55-form label { display: block; margin-bottom: 0.25rem; font-weight: 500; }
.auth-step55-form input { width: 100%; padding: 0.5rem 0.75rem; border: 1px solid var(--border, #e5e7eb); border-radius: var(--radius, 8px); font-size: 1rem; }
.auth-step55-form input:focus { outline: none; border-color: var(--primary, #4f46e5); }
.auth-step55-error {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0.75rem;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: var(--radius, 8px);
  color: var(--danger, #b91c1c);
  font-size: 0.9rem;
}
.step55-profile { direction: rtl; text-align: right; }
.step55-profile-display p { margin: 0.35rem 0; }
.step55-profile-form .stack > * + * { margin-top: 0.5rem; }
.step55-profile-form label { display: block; margin-bottom: 0.25rem; }
.step55-flash-ok { padding: 0.5rem; margin-bottom: 0.5rem; background: #ecfdf5; border-radius: var(--radius, 8px); color: #065f46; }
.step55-flash-err { padding: 0.5rem; margin-bottom: 0.5rem; background: #fef2f2; border-radius: var(--radius, 8px); color: var(--danger); }
.step55-admin-users .fa-panel-header { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; justify-content: space-between; }
.step55-users-filters { flex-wrap: wrap; gap: 0.75rem; margin-bottom: 1rem; }
.step55-users-filters .fa-input { min-width: 120px; }

/* Step55.2 — User import */
.step55-import-form .stack > * + * { margin-top: 0.75rem; }
.step55-import-result .step55-kpis { display: flex; flex-wrap: wrap; gap: 1rem; margin: 1rem 0; }
.step55-kpi { padding: 0.75rem 1rem; border-radius: var(--radius, 8px); background: var(--surface2, #f3f4f6); min-width: 80px; text-align: center; }
.step55-kpi-value { display: block; font-size: 1.5rem; font-weight: 700; }
.step55-kpi-label { font-size: 0.85rem; color: var(--muted, #64748b); }
.step55-kpi-ok .step55-kpi-value { color: #059669; }
.step55-kpi-dup .step55-kpi-value { color: #d97706; }
.step55-kpi-inv .step55-kpi-value { color: #dc2626; }
.step55-kpi-err .step55-kpi-value { color: #b91c1c; }
.step55-filter-row { margin-bottom: 0.75rem; display: flex; align-items: center; gap: 0.5rem; }
.step55-items-table { font-size: 0.9rem; }
.step55-pwd-mask { font-family: monospace; }
.step55-reveal-btn { font-size: 0.8rem; padding: 0.25rem 0.5rem; }

/* Step55.3 — Tenant org badge */
.step55-org-badge { display: inline-block; padding: 0.25rem 0.5rem; background: var(--surface2, #f3f4f6); border-radius: 6px; font-size: 0.9rem; }

/* Step56.1 — Resolution tracking: status pills, progress bar, dashboard cards, timeline */
.status-pill { display: inline-block; padding: 0.25rem 0.6rem; border-radius: 6px; font-size: 0.9rem; font-weight: 600; }
.status-pill.status-draft { background: #f3f4f6; color: #374151; border: 1px solid #e5e7eb; }
.status-pill.status-assigned { background: #dbeafe; color: #1e40af; border: 1px solid #93c5fd; }
.status-pill.status-in_progress { background: #fef3c7; color: #92400e; border: 1px solid #fcd34d; }
.status-pill.status-blocked { background: #fee2e2; color: #b91c1c; border: 1px solid #fecaca; }
.status-pill.status-done { background: #d1fae5; color: #065f46; border: 1px solid #6ee7b7; }
.status-pill.status-canceled { background: #f3f4f6; color: #6b7280; border: 1px solid #d1d5db; }
.progress-bar-wrap { height: 8px; background: var(--surface2, #f3f4f6); border-radius: 999px; overflow: hidden; }
.progress-bar-fill { height: 100%; background: var(--primary, #4f46e5); border-radius: 999px; transition: width 0.2s ease; }
.kpi-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 0.75rem; }
.kpi-card { border: 1px solid var(--border, #e5e7eb); border-radius: var(--radius, 10px); padding: 0.75rem 1rem; background: var(--surface, #fff); }
.kpi-card strong { display: block; font-size: 0.85rem; color: var(--muted, #64748b); }
.resolution-timeline-wrap { margin-top: 1rem; }
.resolution-timeline { list-style: none; padding: 0; margin: 0; }
.resolution-timeline-item { border: 1px solid var(--border, #e5e7eb); border-radius: var(--radius, 8px); padding: 0.75rem 1rem; margin-bottom: 0.5rem; background: var(--surface, #fff); }
.resolution-timeline-item .timeline-badge { font-size: 0.8rem; padding: 0.2rem 0.5rem; border-radius: 6px; font-weight: 600; }
.resolution-timeline-item .badge-status { background: #dbeafe; color: #1e40af; }
.resolution-timeline-item .badge-progress { background: #d1fae5; color: #065f46; }
.resolution-timeline-item .badge-comment { background: #f3f4f6; color: #374151; }
.resolution-timeline-item .badge-attachment { background: #e0e7ff; color: #3730a3; }
.resolution-timeline-item .badge-update { background: #fef3c7; color: #92400e; }
.fa-rtl-panel .fa-panel-header { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; justify-content: space-between; }
.fa-rtl-panel .fa-table-clean { width: 100%; border-collapse: collapse; font-size: 0.9rem; }
.fa-rtl-panel .fa-table-clean th, .fa-rtl-panel .fa-table-clean td { padding: 0.5rem 0.75rem; text-align: right; border-bottom: 1px solid var(--border, #e5e7eb); }
.fa-rtl-panel .fa-table-clean th { font-weight: 600; background: var(--surface2, #f8fafc); }
.fa-rtl-panel .fa-error { padding: 0.5rem 0.75rem; margin-bottom: 0.5rem; background: #fef2f2; border-radius: var(--radius, 8px); color: var(--danger, #b91c1c); }
.fa-rtl-panel .stack > * + * { margin-top: 0.75rem; }
.fa-rtl-panel .fa-form-row { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: flex-end; }
.fa-rtl-panel .fa-label { display: block; margin-bottom: 0.25rem; font-weight: 500; font-size: 0.9rem; }
.fa-rtl-panel .fa-input { padding: 0.5rem 0.75rem; border: 1px solid var(--border, #e5e7eb); border-radius: var(--radius, 8px); font-size: 0.95rem; direction: rtl; min-width: 120px; }
.list-unstyled { list-style: none; padding: 0; margin: 0; }

/* Step56.2 — Projects/Tasks: kanban, task status pills, task timeline */
.kanban-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 1rem; }
.kanban-col { border: 1px solid var(--border, #e5e7eb); border-radius: var(--radius, 8px); padding: 0.75rem; background: var(--surface2, #f8fafc); }
.kanban-card { border: 1px solid var(--border, #e5e7eb); border-radius: 6px; padding: 0.5rem 0.75rem; margin-bottom: 0.5rem; background: var(--surface, #fff); }
.kanban-card a { font-weight: 600; text-decoration: none; }
.kanban-card a:hover { text-decoration: underline; }
.kanban-card small { display: block; font-size: 0.85rem; color: var(--muted, #64748b); margin-top: 0.25rem; }
.status-pill.status-todo { background: #f3f4f6; color: #374151; border: 1px solid #e5e7eb; }
.status-pill.status-doing { background: #dbeafe; color: #1e40af; border: 1px solid #93c5fd; }
.status-pill.status-review { background: #fef3c7; color: #92400e; border: 1px solid #fcd34d; }
.status-pill.status-done { background: #d1fae5; color: #065f46; border: 1px solid #6ee7b7; }
.status-pill.status-blocked { background: #fee2e2; color: #b91c1c; border: 1px solid #fecaca; }
.status-pill.status-canceled { background: #f3f4f6; color: #6b7280; border: 1px solid #d1d5db; }
.task-timeline { list-style: none; padding: 0; margin: 0; }
.task-timeline-item { border: 1px solid var(--border, #e5e7eb); border-radius: var(--radius, 8px); padding: 0.75rem 1rem; margin-bottom: 0.5rem; background: var(--surface, #fff); }
.task-timeline-item .badge { font-size: 0.8rem; padding: 0.2rem 0.5rem; border-radius: 6px; font-weight: 600; margin-right: 0.35rem; }

/* Step56.3 — Workflow (resolutions): card, pills, transitions, badges */
.wf-card { border: 1px solid var(--border, #e5e7eb); border-radius: var(--radius, 8px); padding: 1rem; background: var(--surface2, #f8fafc); margin-top: 0.5rem; }
.wf-steps-row { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; margin: 0.5rem 0; }
.wf-pill { display: inline-block; padding: 0.25rem 0.5rem; border-radius: 6px; font-size: 0.85rem; }
.wf-pill.wf-prev { background: #f3f4f6; color: #374151; border: 1px solid #e5e7eb; }
.wf-pill.wf-current { background: #dbeafe; color: #1e40af; border: 1px solid #93c5fd; font-weight: 600; }
.wf-pill.wf-next { background: #ecfdf5; color: #065f46; border: 1px solid #6ee7b7; }
.wf-pill.wf-pill-org { background: #fef3c7; color: #92400e; border: 1px solid #fcd34d; }
.wf-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.5rem; }
.wf-transitions { margin: 0.5rem 0 0 0; padding: 0; }
.wf-trans-item { border: 1px solid var(--border, #e5e7eb); border-radius: 6px; padding: 0.5rem 0.75rem; margin-bottom: 0.35rem; background: var(--surface, #fff); font-size: 0.9rem; }
.wf-badge { display: inline-block; padding: 0.2rem 0.4rem; border-radius: 4px; font-size: 0.8rem; background: #e0e7ff; color: #3730a3; margin-right: 0.35rem; }
.wf-steps { margin-top: 0.5rem; }