/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.23_@babel+core@7.29.7_supports-color@8.1.1__react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!../../node_modules/.pnpm/next@15.5.23_@babel+core@7.29.7_supports-color@8.1.1__react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./app/_components/ui/status.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.status_box__cn5r_ {
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: var(--radius);
  padding: 16px;
  color: var(--text);
}

.status_box__cn5r_ p {
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 0.88rem;
  line-height: 1.7;
}

.status_box__cn5r_ h2,
.status_box__cn5r_ h3 {
  margin: 0;
  font-size: 1rem;
  color: var(--text);
}

.status_loading__mHVDo {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--muted);
  font-size: 0.9rem;
}

.status_dot__aIIIj {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--brand);
  animation: status_pulse__eGHAO 1.2s ease-in-out infinite;
}

.status_error__8hd6K {
  color: var(--sell);
  font-size: 0.9rem;
  line-height: 1.6;
}

.status_retry__t4plN {
  margin-top: 10px;
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--text);
  border-radius: var(--radius);
  min-height: 40px;
  padding: 8px 12px;
  cursor: pointer;
}

@keyframes status_pulse__eGHAO {
  0%,
  100% {
    opacity: 0.35;
    transform: scale(0.85);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}