/* Калькулятор обмена — белая карточка, тёмный текст, сдержанные микро-анимации. */

@keyframes amc-shell-in {
  from { opacity: 0; transform: translateY(18px) scale(0.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes amc-field-flash {
  0% { box-shadow: 0 0 0 0 rgba(34, 109, 50, 0.28); }
  100% { box-shadow: 0 0 0 10px rgba(34, 109, 50, 0); }
}
@keyframes amc-loader-pulse {
  0%, 100% { transform: scale(0.85); opacity: 0.75; }
  50% { transform: scale(1.1); opacity: 1; }
}

#askmoney-calc-embed { width: 100%; max-width: 430px; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; color: #141a16; }
#askmoney-calc-embed * { box-sizing: border-box; }

#askmoney-calc-embed .amc-shell {
  background: #ffffff;
  border: 1px solid rgba(20, 26, 22, 0.08);
  border-radius: 28px;
  box-shadow: 0 18px 44px rgba(20, 26, 22, 0.14);
  padding: 24px 18px 20px;
  animation: amc-shell-in 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.2s both;
}

#askmoney-calc-embed .amc-eyebrow { font-size: 13px; font-weight: 700; letter-spacing: 0.03em; margin: 0 0 10px; text-transform: uppercase; color: #5b6660; }

#askmoney-calc-embed .amc-row { display: grid; grid-template-columns: 140px 1fr; gap: 12px; align-items: center; }

#askmoney-calc-embed .amc-field {
  position: relative; height: 44px; border-radius: 999px;
  background: #f3f5f1;
  border: 1.5px solid transparent;
  overflow: hidden;
  transition: box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}
#askmoney-calc-embed .amc-field:focus-within { border-color: #226d32; background: #ffffff; }
#askmoney-calc-embed .amc-field--flash { animation: amc-field-flash 0.6s ease-out; }

#askmoney-calc-embed .amc-field select, #askmoney-calc-embed .amc-field input {
  width: 100%; height: 100%; border: 0; outline: 0; background: transparent;
  color: #141a16; font-size: 15px; font-weight: 600; padding: 0 16px; appearance: none;
}
#askmoney-calc-embed .amc-field select { cursor: pointer; padding-right: 36px; }
#askmoney-calc-embed .amc-field select option { color: #111111; }
#askmoney-calc-embed .amc-field input::placeholder { color: rgba(20, 26, 22, 0.35); }
#askmoney-calc-embed .amc-select-wrap::after {
  content: ""; position: absolute; right: 14px; top: 50%; width: 8px; height: 8px; margin-top: -6px;
  border-right: 2px solid rgba(20, 26, 22, 0.4); border-bottom: 2px solid rgba(20, 26, 22, 0.4);
  transform: rotate(45deg); pointer-events: none; transition: transform 0.2s ease;
}

#askmoney-calc-embed .amc-swap { display: flex; justify-content: center; align-items: center; padding: 18px 0; }
#askmoney-calc-embed .amc-swap svg { width: 40px; height: 28px; display: block; transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1); }
#askmoney-calc-embed .amc-swap svg path { stroke: #226d32; }
#askmoney-calc-embed .amc-swap:hover svg { transform: rotate(180deg); }

#askmoney-calc-embed .amc-button {
  margin-top: 18px; width: 100%; border: 0; border-radius: 999px;
  background: #e1ff49; color: #141a16;
  font-size: 17px; font-weight: 700; text-transform: uppercase; height: 54px; cursor: pointer;
  box-shadow: 0 12px 28px rgba(180, 214, 20, 0.35);
  transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}
#askmoney-calc-embed .amc-button:hover { background: #d6f52e; transform: translateY(-2px); box-shadow: 0 16px 32px rgba(180, 214, 20, 0.45); }
#askmoney-calc-embed .amc-button:active { transform: translateY(0) scale(0.98); box-shadow: 0 8px 18px rgba(180, 214, 20, 0.3); }

#askmoney-calc-embed .amc-loader { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 24px; margin: 0 0 18px; color: #5b6660; font-size: 13px; }
#askmoney-calc-embed .amc-loader.is-hidden { display: none; }
#askmoney-calc-embed .amc-loader-dot {
  width: 10px; height: 10px; border-radius: 50%; background: #226d32;
  box-shadow: 18px 0 0 rgba(34, 109, 50, 0.4), -18px 0 0 rgba(34, 109, 50, 0.18);
  animation: amc-loader-pulse 0.9s infinite ease-in-out;
}

#askmoney-calc-embed .amc-meta { margin-top: 20px; padding-top: 18px; border-top: 1px dashed rgba(20, 26, 22, 0.14); color: #5b6660; font-size: 13px; line-height: 1.5; }
#askmoney-calc-embed .amc-meta strong { color: #141a16; }
#askmoney-calc-embed .amc-meta__freshness { margin-top: 4px; font-size: 12px; color: rgba(20, 26, 22, 0.5); }
#askmoney-calc-embed .amc-meta__refresh {
  border: 0; background: none; padding: 0; margin: 0;
  color: #226d32; font-size: 12px; font-weight: 600; text-decoration: underline;
  cursor: pointer;
}
#askmoney-calc-embed .amc-meta__refresh:hover { color: #164522; }

@media (prefers-reduced-motion: reduce) {
  #askmoney-calc-embed .amc-shell { animation: none; }
  #askmoney-calc-embed * { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
}

@media (max-width: 480px) {
  #askmoney-calc-embed .amc-shell { border-radius: 24px; padding: 20px 14px 18px; }
  #askmoney-calc-embed .amc-row { grid-template-columns: 140px 1fr; gap: 10px; }
}