.fcalc-wrap {
  max-width: 500px;
  margin: 2rem auto;
  font-family: Arial, sans-serif;
}

.fcalc-card {
  background: #f9fbfd;
  border: 1px solid #d1e3f5;
  border-radius: 10px;
  padding: 1.5rem;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.fcalc-title {
  color: #1e4e79;
  margin-bottom: 1rem;
}

.fcalc-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}

.fcalc-row label {
  font-weight: bold;
  color: #2d5d8a;
  margin-bottom: 0.25rem;
}

.fcalc-row input,
.fcalc-row select {
  padding: 0.5rem;
  border: 1px solid #b5d0ec;
  border-radius: 5px;
  background: #fff;
}

.fcalc-row input:focus,
.fcalc-row select:focus {
  border-color: #4a90e2;
  outline: none;
  box-shadow: 0 0 0 2px rgba(74,144,226,0.3);
}

.fcalc-btn {
  background: #4a90e2;
  border: none;
  color: white;
  padding: 0.6rem 1.2rem;
  border-radius: 5px;
  cursor: pointer;
}

.fcalc-btn:hover {
  background: #3a7ac0;
}

.fcalc-btn-outline {
  background: white;
  border: 1px solid #4a90e2;
  color: #4a90e2;
}

.fcalc-btn-outline:hover {
  background: #e6f0fb;
}

.fc-results {
  background: #eaf4ff;
  padding: 1rem;
  border-radius: 5px;
  margin-top: 1rem;
  color: #1e4e79;
}

.fc-error {
  color: red;
  font-weight: bold;
}

.fc-note {
  display: block;
  margin-top: 1rem;
  font-size: 0.85rem;
  color: #6c8aa6;
}