/* Calculator Results Styles */
/* For Calculation Results section in reports and calculator output */

/* Result Cards */
.result-card {
  padding: 1.5rem;
  background: white;
  border: 1px solid var(--color-gray-200);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-lg);
}

.result-card-title {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
  margin-bottom: var(--spacing-md);
  padding-bottom: var(--spacing-sm);
  border-bottom: 1px solid var(--color-gray-200);
}

.result-card-label {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  margin-bottom: var(--spacing-xs);
  color: var(--color-gray-900);
}

.result-card-value {
  font-size: var(--font-size-sm);
  color: var(--color-gray-900);
  direction: ltr;
}

/* Target the actual KaTeX rendered element */
.result-card-value .katex-math {
  display: inline-block;
  margin: 0 2px;
}

.result-card-value .katex-math .katex {
  font-weight: var(--font-weight-bold) !important;
}

/* Right-align labels only on Arabic (RTL) pages */
[dir="rtl"] .result-card-value {
  text-align: right;
}

.result-card-note {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-normal);
  color: var(--color-gray-600);
  font-style: italic;
}


/* Result Values */
.result-value-Success {
  font-weight: var(--font-weight-semibold);
  color: var(--color-green-600);
  margin-left: var(--spacing-sm);
}

.result-value-Error,
.result-value-Danger {
  font-weight: var(--font-weight-semibold);
  color: var(--color-red-600);
  margin-left: var(--spacing-sm);
}

.result-value-Warning {
  font-weight: var(--font-weight-semibold);
  color: var(--color-amber-500);
  margin-left: var(--spacing-sm);
}

.result-value-Info {
  font-weight: var(--font-weight-semibold);
  color: var(--color-blue-600);
  margin-left: var(--spacing-sm);
}

.result-value-Neutral,
.result-value-Default {
  font-weight: var(--font-weight-semibold);
  color: var(--color-gray-700);
  margin-left: var(--spacing-sm);
}