/**
 * Nút thao tác cuối màn tạo / sửa tin (Lưu, Xuất bản, Xóa, Gửi duyệt...).
 * Đồng bộ chiều cao 30px, cỡ chữ 12px; Xóa dạng viền đỏ (trước là nền
 * đỏ nhạt trông như nút bị khóa). Kích thước chỉ áp cho hàng nút cuối form,
 * không áp cho hàng nút trên thanh tiêu đề (.llct-top-actions).
 * File riêng để tránh Cloudflare giữ CSS cũ.
 */
html body:not(.user-login-page) .form-actions:not(.llct-top-actions) .llct-btn-icon {
  height: 30px !important;
  min-width: 76px !important;
  padding: 0 13px !important;
  gap: 6px !important;
  border-radius: 5px !important;
  transition: background-color .15s, border-color .15s, color .15s !important;
}

html body:not(.user-login-page) .form-actions:not(.llct-top-actions) .llct-btn-icon input.button.button--primary.js-form-submit.form-submit,
html body:not(.user-login-page) .form-actions:not(.llct-top-actions) .llct-btn-icon input.button.button--primary.js-form-submit.form-submit:hover,
html body:not(.user-login-page) .form-actions:not(.llct-top-actions) .llct-btn-icon input.button.button--primary.js-form-submit.form-submit:focus,
html body:not(.user-login-page) .form-actions:not(.llct-top-actions) .llct-btn-icon input.button.button--primary.js-form-submit.form-submit:active {
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 30px !important;
  cursor: pointer !important;
}

html body:not(.user-login-page) .form-actions:not(.llct-top-actions) .llct-btn-icon::before {
  width: 11px !important;
  height: 11px !important;
  background-size: 11px 11px !important;
}

html body:not(.user-login-page) .form-actions:not(.llct-top-actions) .llct-btn-icon--rejectpublish::before,
html body:not(.user-login-page) .form-actions:not(.llct-top-actions) .llct-btn-icon--rejectreview::before,
html body:not(.user-login-page) .form-actions:not(.llct-top-actions) .llct-btn-icon--review::before {
  width: 14px !important;
  height: 14px !important;
  background-size: 14px 14px !important;
}

/* Nút phụ (Lưu, Mở khóa, Trả lại...): nền trắng, viền xám. */
html body:not(.user-login-page) .form-actions .llct-btn-icon--save,
html body:not(.user-login-page) .form-actions .llct-btn-icon--unlock,
html body:not(.user-login-page) .form-actions .llct-btn-icon--rejectpublish,
html body:not(.user-login-page) .form-actions .llct-btn-icon--rejectreview,
html body:not(.user-login-page) .form-actions .llct-btn-icon--archive,
html body:not(.user-login-page) .form-actions .llct-btn-icon--restore {
  border: 1px solid #d0d5dd !important;
  background: #ffffff !important;
  color: #344054 !important;
}

html body:not(.user-login-page) .form-actions .llct-btn-icon--save:hover,
html body:not(.user-login-page) .form-actions .llct-btn-icon--unlock:hover,
html body:not(.user-login-page) .form-actions .llct-btn-icon--rejectpublish:hover,
html body:not(.user-login-page) .form-actions .llct-btn-icon--rejectreview:hover,
html body:not(.user-login-page) .form-actions .llct-btn-icon--archive:hover,
html body:not(.user-login-page) .form-actions .llct-btn-icon--restore:hover {
  border-color: #98a2b3 !important;
  background: #f9fafb !important;
}

/* Xuất bản: nút chính, nền đỏ. */
html body:not(.user-login-page) .form-actions .llct-btn-icon--publish {
  border: 1px solid #c8001e !important;
  background: #c8001e !important;
  color: #ffffff !important;
}

html body:not(.user-login-page) .form-actions .llct-btn-icon--publish:hover {
  border-color: #a30018 !important;
  background: #a30018 !important;
}

html body:not(.user-login-page) .form-actions .llct-btn-icon--review:hover,
html body:not(.user-login-page) .form-actions .llct-btn-icon--approve:hover {
  background: #1e3a8a !important;
}

/* Xóa: viền đỏ, nền trắng. */
html body:not(.user-login-page) .form-actions .llct-btn-icon--dodelete {
  border: 1px solid #c8001e !important;
  background: #ffffff !important;
  color: #c8001e !important;
}

html body:not(.user-login-page) .form-actions .llct-btn-icon--dodelete::before {
  background-image: url('../images/workflow_btn_ico--delete-red.svg') !important;
}

html body:not(.user-login-page) .form-actions .llct-btn-icon--dodelete:hover {
  background: #fef2f2 !important;
}

/* Màn hình hẹp: các nút chia đều một hàng, xuống dòng khi không đủ chỗ. */
@media (max-width: 600px) {
  html body:not(.user-login-page) .layout-region-node-main .form-actions[id^="edit-actions"] {
    flex-wrap: wrap !important;
  }
  html body:not(.user-login-page) .form-actions:not(.llct-top-actions) .llct-btn-icon {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    padding: 0 10px !important;
  }
}

/* Hàng nút cuối form bị thẻ phía trên (Từ khóa...) đè mép trên do
   node-article.css đặt margin-top: -20px: tách ra. */
html body .page-wrapper form.gin--has-sticky-form-actions .layout-region-node-main .form-actions[id^="edit-actions"][id^="edit-actions"][id^="edit-actions"],
html body .layout-region-node-main > .form-actions[id^="edit-actions"] {
  position: relative !important;
  z-index: 1 !important;
  margin-top: 16px !important;
  padding-bottom: 24px !important;
}