.apphead-brand {
  display: flex;
  align-items: center;
  gap: var(--kt-ai-space-4);
}

.apphead-names {
  display: flex;
  flex-direction: column;
  gap: 1px;
  line-height: 1.35;
}

.apphead-names strong {
  font-size: var(--kt-ai-text-sm);
  font-weight: var(--kt-ai-weight-semibold);
  color: var(--kt-ai-fg);
  letter-spacing: -.015em;
}

.apphead-names span {
  font-size: var(--kt-ai-text-2xs);
  color: var(--kt-ai-fg-faint);
}

.calc-main {
  padding-top: var(--kt-ai-space-9);
  padding-bottom: var(--kt-ai-space-9);
}

.calc-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--kt-ai-stack-group);
  align-items: start;
}

.calc-form-card,
.calc-result-card {
  padding: var(--kt-ai-space-8);
  border-radius: var(--vibe-card-radius);
}

.calc-title {
  font-size: var(--kt-ai-text-xl);
  font-weight: var(--vibe-heading-weight);
  letter-spacing: -.02em;
  margin-bottom: var(--kt-ai-space-2);
}

.calc-sub {
  font-size: var(--kt-ai-text-sm);
  color: var(--kt-ai-fg-muted);
  margin-bottom: var(--kt-ai-space-7);
}

.calc-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--kt-ai-space-4);
  margin-top: var(--kt-ai-space-3);
}

.calc-result-card .calc-title {
  margin-bottom: var(--kt-ai-space-6);
}

.calc-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--kt-ai-space-6);
  padding: var(--kt-ai-space-6);
  background: var(--kt-ai-bg-soft);
  border: 1px solid var(--kt-ai-border);
  border-radius: 8px;
}

.calc-total {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--kt-ai-space-4);
  margin-top: var(--kt-ai-stack-group);
  padding-top: var(--kt-ai-space-6);
  border-top: 1px solid var(--kt-ai-divider);
}

.calc-total .label {
  font-size: var(--kt-ai-text-xs);
  color: var(--kt-ai-fg-muted);
  text-transform: uppercase;
  letter-spacing: .04em;
}

.calc-total .value {
  font-size: var(--kt-ai-text-3xl);
  font-weight: var(--vibe-heading-weight);
  letter-spacing: -.03em;
  color: var(--kt-ai-fg);
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
}

.calc-empty {
  margin-top: var(--kt-ai-stack-group);
}

.calc-foot {
  margin-top: var(--kt-ai-stack-region);
  padding-top: var(--kt-ai-space-6);
  border-top: 1px solid var(--kt-ai-divider);
  font-size: var(--kt-ai-text-2xs);
  color: var(--kt-ai-fg-faint);
}

@media (max-width: 720px) {
  .calc-grid {
    grid-template-columns: 1fr;
  }

  .apphead-names span {
    display: none;
  }
}