/* Human-readable error states shared by calculators, dealer search and forms. */
.ui-error-state {
  display: grid;
  gap: 8px;
  margin-top: 12px;
  padding: 14px 16px;
  border: 1px solid #e6cda9;
  border-radius: 16px;
  background: #fff9f0;
  color: #24352a;
  font-size: 14px;
  line-height: 1.45;
}
.ui-error-state strong { color: #513a20; font-size: 15px; }
.ui-error-state__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 2px;
}
.ui-error-state__retry,
.ui-error-state__phone {
  min-height: 38px;
  border-radius: 10px;
  padding: 9px 14px;
  font: 700 13px/1.2 inherit;
  cursor: pointer;
  transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}
.ui-error-state__retry {
  border: 1px solid #15852d;
  background: #15852d;
  color: #fff;
}
.ui-error-state__phone {
  display: inline-flex;
  align-items: center;
  border: 1px solid #a5b9a8;
  background: #fff;
  color: #075d20;
  text-decoration: none;
}
.ui-error-state__retry:hover,
.ui-error-state__phone:hover { transform: translateY(-1px); }
.ui-error-state__retry:hover { background: #0d6d23; }
.ui-error-state__phone:hover { border-color: #15852d; background: #f1f8f0; }
.ui-error-state__retry:focus-visible,
.ui-error-state__phone:focus-visible { outline: 3px solid #55c22c; outline-offset: 2px; }
.dealer-city-list__empty.ui-error-state { margin: 8px 0 0; }
@media (max-width: 560px) {
  .ui-error-state__actions { align-items: stretch; flex-direction: column; }
  .ui-error-state__retry, .ui-error-state__phone { width: 100%; justify-content: center; text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
  .ui-error-state__retry, .ui-error-state__phone { transition: none; }
}