/* Public mobile/desktop: ROI calculator + meeting — Aileen lilac theme */

.aileen-calculator {
  background: linear-gradient(160deg, #f4eefc 0%, #efe6ff 45%, #f8f5ff 100%);
  border: 1px solid #d8c7f2;
  border-radius: 20px;
  padding: 1.1rem 1rem 1.25rem;
  box-shadow: 0 12px 36px rgba(60, 20, 120, 0.08);
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.aileen-calculator__title {
  margin: 0 0 0.65rem;
  font-size: 1.25rem;
  color: #3c2380;
}

.aileen-calculator__label {
  display: block;
  margin-bottom: 0.35rem;
  font-size: 0.92rem;
  font-weight: 600;
  color: #4a2f8f;
}

.aileen-calculator .aileen-calculator__field,
.aileen-calculator .calculator-engine-input,
.aileen-calculator .aileen-calculator__input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 0.65rem;
  padding: 0.65rem 0.75rem;
  border-radius: 12px;
  border: 1px solid #d8c7f2;
  font-size: 1rem;
  background: #fff;
  color: #1a1033;
}

.aileen-calculator__button,
.aileen-calculator #roiCalculateBtn {
  display: block;
  width: 100%;
  margin-top: 0.35rem;
  padding: 0.75rem 1rem;
  border: none;
  border-radius: 14px;
  background: linear-gradient(180deg, #7b5bd6 0%, #6d45c7 100%);
  color: #fff;
  font-weight: 700;
  font-size: 1.05rem;
  cursor: pointer;
  box-shadow: 0 8px 22px rgba(109, 69, 199, 0.35);
}

.aileen-calculator__button:active,
.aileen-calculator #roiCalculateBtn:active {
  transform: translateY(1px);
}

.aileen-calculator__result,
.aileen-calculator .calculator-engine-result {
  margin-top: 0.85rem;
  padding: 0.75rem 0.85rem;
  border-radius: 12px;
  background: #fff;
  border: 1px solid #e4daf8;
  min-height: 2.75rem;
  font-weight: 600;
  color: #3c2380;
}

.aileen-calculator .calculator-engine-result--ok {
  border-color: #b8e0c4;
  background: #f0fff4;
  color: #1b4d2e;
}

.aileen-calculator .calculator-engine-result--error {
  border-color: #f5b5b5;
  background: #fff5f5;
  color: #8b1a1a;
}

/* Meeting */
.aileen-meeting {
  background: linear-gradient(160deg, #f4eefc 0%, #efe6ff 45%, #f8f5ff 100%);
  border: 1px solid #d8c7f2;
  border-radius: 20px;
  padding: 1.1rem 1rem 1.25rem;
  box-shadow: 0 12px 36px rgba(60, 20, 120, 0.08);
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.aileen-meeting h3 {
  margin: 0 0 0.75rem;
  font-size: 1.2rem;
  color: #3c2380;
}

.aileen-meeting__fields {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.aileen-meeting__input {
  width: 100%;
  box-sizing: border-box;
  padding: 0.6rem 0.75rem;
  border-radius: 12px;
  border: 1px solid #d8c7f2;
  font-size: 1rem;
  background: #fff;
}

.aileen-meeting__submit {
  width: 100%;
  margin-top: 0.75rem;
  padding: 0.72rem 1rem;
  border-radius: 14px;
  border: none;
  background: linear-gradient(180deg, #7b5bd6 0%, #6d45c7 100%);
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}

.aileen-meeting__status {
  margin-top: 0.65rem;
  min-height: 1.5rem;
  font-size: 0.95rem;
  color: #3c2380;
}

.aileen-meeting__status--ok {
  color: #1b4d2e;
}

.aileen-meeting__status--error {
  color: #8b1a1a;
}