/* Панель сохранения: дискета, отмена, возврат, история.
   Ставится в шапку правимого раздела. Пока правок нет — «Сохранить» приглушена,
   чтобы кнопка сама подсказывала: записывать нечего. Появились правки — панель
   слегка подсвечивается, и человек видит, что работа ещё не в базе. */

.cab-ed {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 7px 10px;
  border: 1px solid var(--mpr-line, #e2dbc9);
  border-radius: var(--mpr-r-md, 12px);
  background: var(--mpr-cream, #f7f2e6);
  transition: border-color .2s, background .2s, box-shadow .2s;
}
.cab-ed.is-dirty {
  border-color: rgba(179, 154, 85, .55);
  background: #fffdf5;
  box-shadow: 0 1px 0 rgba(179, 154, 85, .18);
}

.cab-ed__btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 32px;
  padding: 5px 11px;
  border: 1px solid var(--mpr-line, #e2dbc9);
  border-radius: var(--mpr-r-pill, 999px);
  background: #fffdf7;
  font: inherit;
  font-size: 13px;
  color: var(--mpr-forest, #2d3c31);
  cursor: pointer;
  transition: background .15s, border-color .15s, transform .1s, opacity .15s;
}
.cab-ed__btn svg { flex: 0 0 auto; }
.cab-ed__btn:hover:not(:disabled) { background: #fff; border-color: rgba(45, 60, 49, .3); }
.cab-ed__btn:active:not(:disabled) { transform: translateY(1px); }
.cab-ed__btn:disabled { opacity: .42; cursor: default; }

/* сохранить — главная кнопка: заполненная, чтобы взгляд цеплялся за неё */
.cab-ed__btn--save {
  background: var(--mpr-forest, #2d3c31);
  border-color: var(--mpr-forest, #2d3c31);
  color: #fffdf7;
  font-weight: 500;
}
.cab-ed__btn--save svg { fill: currentColor; }
.cab-ed__btn--save:hover:not(:disabled) { background: #24312a; border-color: #24312a; }
.cab-ed__btn--save:disabled { background: var(--mpr-parchment, #e8ddc7); border-color: var(--mpr-line, #e2dbc9); color: var(--mpr-muted, #6f725f); }

.cab-ed__state {
  font-size: 12.5px;
  color: var(--mpr-muted, #6f725f);
  margin-left: 4px;
}
.cab-ed__state.is-dirty { color: var(--mpr-gold-deep, #6d5a26); }
.cab-ed__state.is-ok    { color: var(--mpr-moss-deep, #5c6132); }
.cab-ed__state.is-bad   { color: #a4402f; }
.cab-ed__state.is-busy  { color: var(--mpr-muted, #6f725f); }

/* на телефоне подписи прячем, остаются значки — панель влезает в строку */
@media (max-width: 719px) {
  .cab-ed { gap: 6px; padding: 6px 8px; }
  .cab-ed__btn span { display: none; }
  .cab-ed__btn--save span { display: inline; }
  .cab-ed__state { width: 100%; margin: 2px 0 0; }
}