/*
 * Chân form: đảo nút được tô đậm — tách khỏi form-actionbar.css ở foundation
 * Slice 15 để mỗi tệp dùng chung ứng với MỘT lớp cờ: `app_feedback` cần cụm nút
 * `.maint-act` (thẻ Trạng thái của khuôn Khảo sát) nhưng chân form của nó giữ
 * màu của Unfold như các phiếu Khảo sát khác, nên đây là cờ riêng
 * `form_footer` → lớp `wl-skin-form-footer` (`core/admin_skins.py`).
 * Nạp ngay sau form-actionbar.css trong UNFOLD["STYLES"], giữ thứ tự cascade cũ.
 */

/* ---------------------------------------------------------------------------
 * Footer submit-row: đảo nút được tô đậm (user 2026-08-22).
 *
 * Unfold tô đặc màu chính cho "Lưu" (`_save`) và để "Lưu và tiếp tục chỉnh sửa"
 * (`_continue`) ở kiểu viền. Với các màn này thì ngược: người dùng phần lớn còn
 * việc để làm tiếp trên phiếu, nên nút nên bấm nhất là "Lưu và tiếp tục chỉnh
 * sửa" — nó cũng thay chỗ nút "Lưu lại" (post `_continue`) mà cụm nút đầu form
 * vừa bỏ đi.
 *
 * Đổi bằng CSS, KHÔNG shadow `admin/submit_line.html`: bản copy template sẽ âm
 * thầm mất nút mới khi nâng Unfold, còn ở đây chỉ sơn lại 2 nút. Màu lấy đúng
 * biến của Unfold nên hai kiểu vẫn khớp `unfold/components/button.html`
 * (`variant="default"` và variant mặc định), sáng lẫn tối.
 * ------------------------------------------------------------------------- */
body.wl-skin-form-footer.change-form #submit-row button[name="_save"] {
  background: var(--color-white, #fff);
  border-color: var(--color-base-200);
  color: var(--color-font-important-light);
}
body.wl-skin-form-footer.change-form #submit-row button[name="_save"]:hover {
  background: var(--color-base-100);
}
body.wl-skin-form-footer.change-form #submit-row button[name="_continue"] {
  background: var(--color-primary-600);
  border-color: transparent;
  color: var(--color-white, #fff);
}
body.wl-skin-form-footer.change-form #submit-row button[name="_continue"]:hover {
  background: color-mix(in oklab, var(--color-primary-600) 80%, transparent);
}

.dark body.wl-skin-form-footer.change-form #submit-row button[name="_save"] {
  background: transparent;
  border-color: var(--color-base-700);
  color: var(--color-font-important-dark);
}
.dark body.wl-skin-form-footer.change-form #submit-row button[name="_save"]:hover {
  background: color-mix(in oklab, var(--color-base-800) 80%, transparent);
}