/* Кабинет — слой стилей поверх instrument.css.
   Приборная тема: графит, кость, сталь. Акцент — стальной синий #5b9dbf.
   Кнопки — крупные, на всю ширину, по одной в строке: та же логика, что в
   боте (MOMZAK-раскладка), но в наших цветах. */

:root {
  --momza-btn-bg: rgba(91, 157, 191, 0.10);
  --momza-btn-brd: rgba(91, 157, 191, 0.45);
  --momza-btn-bg-hover: rgba(91, 157, 191, 0.22);
  --momza-red: #5b9dbf; /* стальной акцент вместо чужих красных */
}

/* ── Кнопки кабинета: полноширинные, в одну колонку ── */
.cab .btn-action,
.cab button.primary,
.cab .momza-btn,
.cab .chip,
.cab .btn-primary,
.cab .btn-ghost,
.cab .btn-block {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 52px !important;
  padding: 14px 20px !important;
  margin: 10px 0 !important;
  border-radius: 3px !important;
  border: 1px solid var(--momza-btn-brd) !important;
  background: var(--momza-btn-bg) !important;
  color: var(--ink) !important;
  font-family: var(--font, "Plex Sans", system-ui, sans-serif) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.1s ease !important;
}
.cab .btn-action:hover,
.cab button.primary:hover,
.cab .momza-btn:hover,
.cab .chip:hover,
.cab .btn-primary:hover,
.cab .btn-ghost:hover,
.cab .btn-block:hover {
  background: var(--momza-btn-bg-hover) !important;
  border-color: var(--accent, #5b9dbf) !important;
  transform: translateY(-1px) !important;
}
.cab .btn-action:active,
.cab button.primary:active,
.cab .momza-btn:active,
.cab .chip:active,
.cab .btn-primary:active,
.cab .btn-ghost:active,
.cab .btn-block:active { transform: translateY(0) !important; }

/* Главное действие — стальной синий */
.cab .momza-btn-primary,
.cab .btn-action.primary {
  background: var(--accent, #5b9dbf);
  border-color: var(--accent, #5b9dbf);
  color: #101214;
}
.cab .momza-btn-primary:hover,
.cab .btn-action.primary:hover {
  background: var(--accent-2, #4a8aab);
  border-color: var(--accent-2, #4a8aab);
}

/* ── Карточки ── */
.cab .dash-card {
  background: rgba(232, 230, 225, 0.022);
  border: 1px solid rgba(232, 230, 225, 0.10);
  border-radius: 3px;
  padding: 20px;
  margin-bottom: 16px;
}

/* ── Статистика 2x2 ── */
.cab .sub-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.cab .sub-stats > div {
  background: rgba(0, 0, 0, 0.22);
  border-radius: 3px;
  padding: 14px 16px;
}

/* ── План-карточки ── */
.cab .plan-card {
  background: rgba(232, 230, 225, 0.022);
  border: 1px solid rgba(232, 230, 225, 0.10);
  border-radius: 3px;
  padding: 20px;
  margin-bottom: 12px;
  transition: border-color 0.2s ease;
}
.cab .plan-card:hover { border-color: rgba(91, 157, 191, 0.45); }

/* ── Строки устройств ── */
.cab .dev-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 3px;
  padding: 12px 14px;
  margin-bottom: 8px;
  transition: background 0.2s ease;
}
.cab .dev-row:hover { background: rgba(255, 255, 255, 0.05); }

/* Кнопка отвязки устройства */
.cab .dev-unbind {
  min-height: 40px !important;
  min-width: 120px !important;
  padding: 10px 16px !important;
  border-radius: 3px !important;
  border: 1px solid rgba(229, 57, 53, 0.45) !important;
  background: rgba(229, 57, 53, 0.10) !important;
  color: #e53935 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  margin: 0 !important;
  width: auto !important;
  flex-shrink: 0 !important;
}
.cab .dev-unbind:hover {
  background: rgba(229, 57, 53, 0.22) !important;
  border-color: #e53935 !important;
  transform: translateY(-1px) !important;
}
.cab .dev-unbind:active { transform: translateY(0) !important; }
.cab .dev-unbind.armed {
  background: rgba(229, 57, 53, 0.35) !important;
  border-color: #e53935 !important;
  color: #fff !important;
}

/* ── Табы ── */
.cab .dash-tabs .tab {
  font-weight: 600;
  padding: 10px 14px;
  border-radius: 3px;
  border: 1px solid transparent;
  color: var(--ink-soft, #9d9b95);
  transition: all 0.2s ease;
}
.cab .dash-tabs .tab.active {
  color: var(--ink, #e8e6e1);
  border-color: rgba(91, 157, 191, 0.45);
  background: rgba(91, 157, 191, 0.10);
}

/* ── Пустые состояния, аккуратные подписи ── */
.cab .muted { color: var(--ink-dim, #6d6b66); }

/* Мобильный: всё и так одна колонка, кнопкам добавить отступ */
@media (max-width: 640px) {
  .cab .momza-btn,
  .cab .btn-action,
  .cab .chip { min-height: 48px; }
}