/* Mobile calculator: distinct input surfaces and readable states; no behavior changes. */
@media (max-width: 767px) {
  html body[data-sk-page=home] .sk-hero [data-testid=exchange-calculator] {
    background: #ffffff !important;
    border-color: #b6cce8 !important;
    box-shadow: 0 18px 42px #214f8d1a !important;
    outline-color: #dceaff !important;
  }
  html body[data-sk-page=home] .sk-hero [data-testid=exchange-calculator]>div:has(>label) {
    background: #edf4ff !important;
    border: 1px solid #9eb9dc !important;
    box-shadow: inset 0 1px 0 #ffffff80 !important;
  }
  html body[data-sk-page=home] .sk-hero [data-testid=exchange-calculator]>div:has([data-testid=to-amount-input]) {
    background: #e7f0ff !important;
    border-color: #95b4dc !important;
  }
  html body[data-sk-page=home] .sk-hero [data-testid=exchange-calculator] label {
    color: #24476c !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    opacity: 1 !important;
  }
  html body[data-sk-page=home] .sk-hero [data-testid=exchange-calculator] input:not([type=checkbox]) {
    color: #133858 !important;
    background: transparent !important;
    border-left-color: #9bb8db !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #133858 !important;
  }
  html body[data-sk-page=home] .sk-hero [data-testid=exchange-calculator] input::placeholder {
    color: #49627e !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #49627e !important;
  }
  html body[data-sk-page=home] .sk-hero [data-testid=exchange-calculator] [data-testid=currency-selector-trigger] {
    color: #173b65 !important;
    background: #dce9fc !important;
    border: 1px solid #aec7e8 !important;
    border-radius: 10px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
  html body[data-sk-page=home] .sk-hero [data-testid=exchange-calculator] .sk-selected-network::after {
    color: #355577 !important;
  }
  html body[data-sk-page=home] .sk-hero [data-testid=exchange-calculator]>div:has(input:focus) {
    border-color: #2b6ddd !important;
    box-shadow: 0 0 0 3px #2b6ddd25 !important;
  }
  html body[data-sk-page=home] .sk-hero [data-testid=exchange-calculator] [data-testid=currency-selector-trigger]:focus-visible {
    outline: 3px solid #2b6ddd !important;
    outline-offset: 2px !important;
  }
  html body[data-sk-page=home] .sk-hero [data-testid=swap-btn] {
    background: #d8e8ff !important;
    border-color: #8fb2e1 !important;
    color: #1c58ad !important;
  }
  html body[data-sk-page=home] .sk-hero [data-testid=exchange-btn]:disabled {
    background: #cfdef4 !important;
    color: #365575 !important;
    border: 1px solid #abc2e2 !important;
    opacity: 1 !important;
    box-shadow: none !important;
  }
  html body[data-sk-page=home] .sk-hero [data-testid=exchange-calculator] :is(.text-slate-400,.text-slate-500,.text-muted-foreground) {
    color: #49627e !important;
  }
  html body[data-sk-page=home] .sk-hero [data-testid=exchange-calculator] .bg-green-50 {
    color: #286140 !important;
    border-color: #a8d5bc !important;
  }
}
@media (max-width: 359px) {
  html body[data-sk-page=home] .sk-hero [data-testid=exchange-calculator] input:not([type=checkbox]) {
    font-size: 18px !important;
  }
}