/* mora-btn-unify.css
   Единый вид кнопок: приводит старую систему .btn* к новой .m-btn*.
   Подключается последним, чтобы перекрывать style.css и точечные
   переопределения (mora-balance/chat). Убирает градиент/свечение,
   ставит плоский фон, radius 12px и геометрию .m-btn.
   Откат: удалить <link ... href="/static/css/mora-btn-unify.css"> из mora/workspace.html. */

/* ── Токены статусов и действия (План Б, B3) ──
   Вместо хардкод-цветов в шаблонах. Светлые значения — палитра .m-badge,
   тёмные — из mora-dark.css, поэтому в тёмной теме всё читается.
   --m-action: цвет «основного действия»; в dark --m-primary светлый,
   а на кнопке с белым текстом нужен насыщенный фиолетовый. */
:root {
  --m-action: #6942e8;        --m-action-hover: #5630ce;
  --m-danger-fill: #c62828;   /* заливка опасной кнопки с белым текстом — одна для обеих тем */
  --m-success-soft: #e6f4ec;  --m-success-ink: #167a54;
  --m-danger-soft: #fbe9ec;   --m-danger-ink: #b3263a;
  --m-info-soft: #e7f0fb;     --m-info-ink: #1f5fa8;
  --m-violet-soft: #efe8ff;   --m-violet-ink: #6540be;
  --m-warning-soft: #fff3dc;  --m-warning-ink: #8b5c17;  --m-warning-line: #f0c46a;
}
[data-theme="dark"] {
  --m-action: #6942e8;        --m-action-hover: #7d5cf0;
  --m-success-soft: #123226;  --m-success-ink: #3ecf8e;
  --m-danger-soft: #3a1a22;   --m-danger-ink: #ff7b8a;
  --m-info-soft: #17263d;     --m-info-ink: #7ec8f5;
  --m-violet-soft: #2c2543;   --m-violet-ink: #c3a4f0;
  --m-warning-soft: #332614;  --m-warning-ink: #e0a458;  --m-warning-line: #5c4320;
}

/* ── База: тот же силуэт, что у .m-btn ── */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 13px 20px;
  border-radius: 12px;
  border: 1px solid transparent;
  font-family: var(--m-font, inherit);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.3;
  min-height: 46px;
  min-width: 0;
  max-width: 100%;
  white-space: nowrap;
  cursor: pointer;
  position: relative;
  box-shadow: none;
  transition: background .18s, transform .18s, border-color .18s, color .18s;
}
.btn:active { transform: scale(.98); }
.btn:disabled { opacity: .55; cursor: not-allowed; }

/* ── Варианты: 1-в-1 как у .m-btn ── */
.btn-primary {
  background: var(--m-primary);
  color: #fff;
  border-color: var(--m-primary);
  box-shadow: none;
}
.btn-secondary {
  background: var(--m-surface, #fff);
  color: var(--m-ink);
  border-color: var(--m-line);
  box-shadow: none;
}
.btn-outline {
  background: transparent;
  color: var(--m-ink);
  border-color: var(--m-line);
  box-shadow: none;
}
.btn-danger {
  background: transparent;
  color: var(--m-danger, #a34453);
  border-color: var(--m-danger, #a34453);
  box-shadow: none;
}

/* ── Размеры: .btn-sm ≈ .m-btn-small, .btn-lg крупнее ── */
.btn-sm { padding: 9px 13px; min-height: 36px; font-size: 12px; border-radius: 12px; }
.btn-lg { padding: 15px 26px; min-height: 52px; font-size: 15px; border-radius: 12px; }

.btn-primary:hover:not(:disabled) { background: var(--m-primary-hover); border-color: var(--m-primary-hover); }

/* Тёмная тема. В dark --m-primary светлый (#b5a0ff) — белый текст на нём не
   читается, поэтому основная кнопка берёт те же цвета, что .m-btn-primary
   в mora-dark.css. Одинаково на всех разделах (баланс, чат, заявки…). */
[data-theme="dark"] .btn-primary { background: var(--m-action); border-color: var(--m-action); color: #fff; }
[data-theme="dark"] .btn-primary:hover:not(:disabled) { background: var(--m-action-hover); border-color: var(--m-action-hover); }
[data-theme="dark"] .btn-secondary { background: var(--m-surface, #1b1e26); }

/* ── Единый вид карточек ──────────────────────────────────
   Приводит разнобой radius (16/18/20/24px) и отступов (18–30px)
   к одному значению: radius 16px, padding 22px 24px, мягкая
   тень/обводка и единый заголовок 15px/600. Токены --m-* дают
   корректный вид в светлой и тёмной теме. */
.m-card,
.m-metric,
.balance-kpi-card,
.wallet-deposit-card,
.balance-requests-card,
.m-support-card,
.order-card,
.metric-card,
.ri-card {
  border-radius: 16px;
  padding: 22px 24px;
  border: 1px solid var(--m-line);
  box-shadow: 0 1px 2px rgba(20,16,40,.04), 0 8px 24px -18px rgba(20,16,40,.18);
}

/* Единый заголовок карточки (в системе это h3 внутри карточек) */
.m-card > h3,
.m-metric > h3,
.balance-kpi-card > h3,
.wallet-deposit-card > h3,
.balance-requests-card > h3,
.m-support-card > h3,
.order-card > h3,
.metric-card > h3,
.ri-card > h3 {
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 12px;
  line-height: 1.35;
}