:root {
  --scl-red: #a51f2f;
  --scl-red-dark: #7f1724;
  --scl-gold: #f4c76b;
  --scl-gold-light: #fff7e3;
  --scl-bg: #fffaf4;
  --scl-border: #ead6d9;
  --scl-border-light: #f4e4e7;
  --scl-text: #2b2b2b;
  --scl-muted: #6b5b5f;
}

/* =========================================================
   PAGE WRAPPER
========================================================= */

body.path-van-ban-cong-khai .view-van-ban-cong-khai,
body.path-van-ban-cong-khai .view-id-van_ban_cong_khai,
.scl-public-documents,
.view-van-ban-cong-khai,
.view-id-van_ban_cong_khai {
  max-width: 1360px;
  margin: 0 auto;
  padding: 28px 16px 50px;
  box-sizing: border-box;
}

/* =========================================================
   SEARCH FORM BOX
========================================================= */

body.path-van-ban-cong-khai .views-exposed-form,
.scl-public-documents .views-exposed-form,
.view-van-ban-cong-khai .views-exposed-form,
.view-id-van_ban_cong_khai .views-exposed-form,
#views-exposed-form-van-ban-cong-khai-page-1 {
  background: #ffffff !important;
  border: 1px solid var(--scl-border) !important;
  border-top: 5px solid var(--scl-red) !important;
  border-radius: 14px !important;
  padding: 16px 18px !important;
  margin: 0 0 26px 0 !important;
  box-shadow: 0 10px 26px rgba(165, 31, 47, 0.12) !important;
  box-sizing: border-box !important;
}

/* =========================================================
   SEARCH FORM GRID
   Dòng 1: Ký hiệu | Trích yếu | Trích yếu | Ngày ban hành
   Dòng 2: Lĩnh vực | Loại văn bản | Cơ quan ban hành | Tìm kiếm + Làm lại
========================================================= */

body.path-van-ban-cong-khai .views-exposed-form .form--inline,
.scl-public-documents .views-exposed-form .form--inline,
.view-van-ban-cong-khai .views-exposed-form .form--inline,
.view-id-van_ban_cong_khai .views-exposed-form .form--inline,
#views-exposed-form-van-ban-cong-khai-page-1 .form--inline {
  display: grid !important;
  grid-template-columns: 1fr 2fr 1fr 1fr !important;
  gap: 12px 16px !important;
  align-items: end !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Reset mặc định Drupal */
body.path-van-ban-cong-khai .views-exposed-form .form-item,
body.path-van-ban-cong-khai .views-exposed-form .js-form-item,
body.path-van-ban-cong-khai .views-exposed-form .form-actions,
.scl-public-documents .views-exposed-form .form-item,
.scl-public-documents .views-exposed-form .js-form-item,
.scl-public-documents .views-exposed-form .form-actions,
.view-van-ban-cong-khai .views-exposed-form .form-item,
.view-van-ban-cong-khai .views-exposed-form .js-form-item,
.view-van-ban-cong-khai .views-exposed-form .form-actions,
.view-id-van_ban_cong_khai .views-exposed-form .form-item,
.view-id-van_ban_cong_khai .views-exposed-form .js-form-item,
.view-id-van_ban_cong_khai .views-exposed-form .form-actions,
#views-exposed-form-van-ban-cong-khai-page-1 .form-item,
#views-exposed-form-van-ban-cong-khai-page-1 .js-form-item,
#views-exposed-form-van-ban-cong-khai-page-1 .form-actions {
  float: none !important;
  clear: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Ô Trích yếu rộng hơn */
body.path-van-ban-cong-khai .views-exposed-form .form-item-title,
body.path-van-ban-cong-khai .views-exposed-form .js-form-item-title,
.scl-public-documents .views-exposed-form .form-item-title,
.scl-public-documents .views-exposed-form .js-form-item-title,
.view-van-ban-cong-khai .views-exposed-form .form-item-title,
.view-van-ban-cong-khai .views-exposed-form .js-form-item-title,
.view-id-van_ban_cong_khai .views-exposed-form .form-item-title,
.view-id-van_ban_cong_khai .views-exposed-form .js-form-item-title,
#views-exposed-form-van-ban-cong-khai-page-1 .form-item-title,
#views-exposed-form-van-ban-cong-khai-page-1 .js-form-item-title {
  grid-column: span 2 !important;
}

/* Fallback nếu class title không đúng */
body.path-van-ban-cong-khai .views-exposed-form .form--inline > div:nth-child(2),
.scl-public-documents .views-exposed-form .form--inline > div:nth-child(2),
.view-van-ban-cong-khai .views-exposed-form .form--inline > div:nth-child(2),
.view-id-van_ban_cong_khai .views-exposed-form .form--inline > div:nth-child(2),
#views-exposed-form-van-ban-cong-khai-page-1 .form--inline > div:nth-child(2) {
  grid-column: span 2 !important;
}

/* Label */
body.path-van-ban-cong-khai .views-exposed-form label,
.scl-public-documents .views-exposed-form label,
.view-van-ban-cong-khai .views-exposed-form label,
.view-id-van_ban_cong_khai .views-exposed-form label,
#views-exposed-form-van-ban-cong-khai-page-1 label {
  display: block !important;
  margin: 0 0 6px 0 !important;
  color: var(--scl-red-dark) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

/* Input/select */
body.path-van-ban-cong-khai .views-exposed-form input:not([type="submit"]),
body.path-van-ban-cong-khai .views-exposed-form select,
.scl-public-documents .views-exposed-form input:not([type="submit"]),
.scl-public-documents .views-exposed-form select,
.view-van-ban-cong-khai .views-exposed-form input:not([type="submit"]),
.view-van-ban-cong-khai .views-exposed-form select,
.view-id-van_ban_cong_khai .views-exposed-form input:not([type="submit"]),
.view-id-van_ban_cong_khai .views-exposed-form select,
#views-exposed-form-van-ban-cong-khai-page-1 input:not([type="submit"]),
#views-exposed-form-van-ban-cong-khai-page-1 select {
  width: 100% !important;
  height: 37px !important;
  min-height: 37px !important;
  padding: 0 11px !important;
  border: 1px solid #d9c5ca !important;
  border-radius: 7px !important;
  background: #ffffff !important;
  color: var(--scl-text) !important;
  font-size: 13px !important;
  line-height: 37px !important;
  box-sizing: border-box !important;
}

body.path-van-ban-cong-khai .views-exposed-form input:focus,
body.path-van-ban-cong-khai .views-exposed-form select:focus,
.scl-public-documents .views-exposed-form input:focus,
.scl-public-documents .views-exposed-form select:focus,
.view-van-ban-cong-khai .views-exposed-form input:focus,
.view-van-ban-cong-khai .views-exposed-form select:focus,
.view-id-van_ban_cong_khai .views-exposed-form input:focus,
.view-id-van_ban_cong_khai .views-exposed-form select:focus,
#views-exposed-form-van-ban-cong-khai-page-1 input:focus,
#views-exposed-form-van-ban-cong-khai-page-1 select:focus {
  outline: none !important;
  border-color: var(--scl-red) !important;
  box-shadow: 0 0 0 3px rgba(165, 31, 47, 0.14) !important;
}

/* =========================================================
   ACTION BUTTONS: TÌM KIẾM + LÀM LẠI
========================================================= */

body.path-van-ban-cong-khai .views-exposed-form .form-actions,
.scl-public-documents .views-exposed-form .form-actions,
.view-van-ban-cong-khai .views-exposed-form .form-actions,
.view-id-van_ban_cong_khai .views-exposed-form .form-actions,
#views-exposed-form-van-ban-cong-khai-page-1 .form-actions {
  display: flex !important;
  flex-direction: row !important;
  gap: 8px !important;
  align-items: flex-end !important;
  justify-content: stretch !important;
  width: 100% !important;
  min-height: 37px !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  position: static !important;
  z-index: 20 !important;
}

/* Style chung cho cả 2 nút */
body.path-van-ban-cong-khai .views-exposed-form .form-actions input,
body.path-van-ban-cong-khai .views-exposed-form .form-actions button,
.scl-public-documents .views-exposed-form .form-actions input,
.scl-public-documents .views-exposed-form .form-actions button,
.view-van-ban-cong-khai .views-exposed-form .form-actions input,
.view-van-ban-cong-khai .views-exposed-form .form-actions button,
.view-id-van_ban_cong_khai .views-exposed-form .form-actions input,
.view-id-van_ban_cong_khai .views-exposed-form .form-actions button,
#views-exposed-form-van-ban-cong-khai-page-1 .form-actions input,
#views-exposed-form-van-ban-cong-khai-page-1 .form-actions button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  height: 37px !important;
  min-height: 37px !important;
  padding: 0 10px !important;
  margin: 0 !important;
  border-radius: 7px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 37px !important;
  text-align: center !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  visibility: visible !important;
  opacity: 1 !important;
  text-indent: 0 !important;
  letter-spacing: normal !important;
  text-shadow: none !important;
  clip: auto !important;
  clip-path: none !important;
  transform: none !important;
  position: static !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

/* Nút Tìm kiếm */
body.path-van-ban-cong-khai .views-exposed-form .form-actions input[id^="edit-submit"],
.scl-public-documents .views-exposed-form .form-actions input[id^="edit-submit"],
.view-van-ban-cong-khai .views-exposed-form .form-actions input[id^="edit-submit"],
.view-id-van_ban_cong_khai .views-exposed-form .form-actions input[id^="edit-submit"],
#views-exposed-form-van-ban-cong-khai-page-1 .form-actions input[id^="edit-submit"] {
  background: var(--scl-red) !important;
  color: #ffffff !important;
  border: 1px solid var(--scl-red) !important;
}

/* Nút Làm lại / Reset */
body.path-van-ban-cong-khai .views-exposed-form .form-actions input[id^="edit-reset"],
body.path-van-ban-cong-khai .views-exposed-form .form-actions button[id^="edit-reset"],
.scl-public-documents .views-exposed-form .form-actions input[id^="edit-reset"],
.scl-public-documents .views-exposed-form .form-actions button[id^="edit-reset"],
.view-van-ban-cong-khai .views-exposed-form .form-actions input[id^="edit-reset"],
.view-van-ban-cong-khai .views-exposed-form .form-actions button[id^="edit-reset"],
.view-id-van_ban_cong_khai .views-exposed-form .form-actions input[id^="edit-reset"],
.view-id-van_ban_cong_khai .views-exposed-form .form-actions button[id^="edit-reset"],
#views-exposed-form-van-ban-cong-khai-page-1 .form-actions input[id^="edit-reset"],
#views-exposed-form-van-ban-cong-khai-page-1 .form-actions button[id^="edit-reset"] {
  background: #f9eef0 !important;
  color: var(--scl-red-dark) !important;
  border: 1px solid var(--scl-border) !important;
}

/* Hover buttons */
body.path-van-ban-cong-khai .views-exposed-form .form-actions input[id^="edit-submit"]:hover,
.scl-public-documents .views-exposed-form .form-actions input[id^="edit-submit"]:hover,
.view-van-ban-cong-khai .views-exposed-form .form-actions input[id^="edit-submit"]:hover,
.view-id-van_ban_cong_khai .views-exposed-form .form-actions input[id^="edit-submit"]:hover,
#views-exposed-form-van-ban-cong-khai-page-1 .form-actions input[id^="edit-submit"]:hover {
  background: var(--scl-red-dark) !important;
  border-color: var(--scl-red-dark) !important;
  color: #ffffff !important;
}

body.path-van-ban-cong-khai .views-exposed-form .form-actions input[id^="edit-reset"]:hover,
body.path-van-ban-cong-khai .views-exposed-form .form-actions button[id^="edit-reset"]:hover,
.scl-public-documents .views-exposed-form .form-actions input[id^="edit-reset"]:hover,
.scl-public-documents .views-exposed-form .form-actions button[id^="edit-reset"]:hover,
.view-van-ban-cong-khai .views-exposed-form .form-actions input[id^="edit-reset"]:hover,
.view-van-ban-cong-khai .views-exposed-form .form-actions button[id^="edit-reset"]:hover,
.view-id-van_ban_cong_khai .views-exposed-form .form-actions input[id^="edit-reset"]:hover,
.view-id-van_ban_cong_khai .views-exposed-form .form-actions button[id^="edit-reset"]:hover,
#views-exposed-form-van-ban-cong-khai-page-1 .form-actions input[id^="edit-reset"]:hover,
#views-exposed-form-van-ban-cong-khai-page-1 .form-actions button[id^="edit-reset"]:hover {
  background: var(--scl-gold) !important;
  color: var(--scl-red-dark) !important;
  border-color: var(--scl-gold) !important;
}

/* =========================================================
   TABLE WRAPPER
========================================================= */

body.path-van-ban-cong-khai .view-content,
.scl-public-documents .view-content,
.view-van-ban-cong-khai .view-content,
.view-id-van_ban_cong_khai .view-content {
  margin-top: 26px !important;
  overflow-x: auto !important;
  background: #ffffff !important;
  border: 1px solid var(--scl-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 28px rgba(165, 31, 47, 0.12) !important;
}

/* =========================================================
   TABLE
========================================================= */

body.path-van-ban-cong-khai table,
body.path-van-ban-cong-khai table.views-table,
.scl-public-documents table,
.scl-public-documents table.views-table,
.view-van-ban-cong-khai table,
.view-van-ban-cong-khai table.views-table,
.view-id-van_ban_cong_khai table,
.view-id-van_ban_cong_khai table.views-table {
  width: 100% !important;
  min-width: 1250px !important;
  margin: 0 !important;
  background: #ffffff !important;
  border: none !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: auto !important;
}

/* Header */
body.path-van-ban-cong-khai table thead th,
.scl-public-documents table thead th,
.view-van-ban-cong-khai table thead th,
.view-id-van_ban_cong_khai table thead th {
  background: var(--scl-red) !important;
  color: #ffffff !important;
  padding: 14px 12px !important;
  border: none !important;
  border-right: 1px solid rgba(255, 255, 255, 0.22) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  vertical-align: middle !important;
  white-space: normal !important;
}

body.path-van-ban-cong-khai table thead th:first-child,
.scl-public-documents table thead th:first-child,
.view-van-ban-cong-khai table thead th:first-child,
.view-id-van_ban_cong_khai table thead th:first-child {
  border-top-left-radius: 14px !important;
  text-align: center !important;
}

body.path-van-ban-cong-khai table thead th:last-child,
.scl-public-documents table thead th:last-child,
.view-van-ban-cong-khai table thead th:last-child,
.view-id-van_ban_cong_khai table thead th:last-child {
  border-top-right-radius: 14px !important;
  border-right: none !important;
}

/* Body cells */
body.path-van-ban-cong-khai table tbody td,
.scl-public-documents table tbody td,
.view-van-ban-cong-khai table tbody td,
.view-id-van_ban_cong_khai table tbody td {
  padding: 14px 12px !important;
  background: #ffffff !important;
  border: none !important;
  border-bottom: 1px solid var(--scl-border-light) !important;
  border-right: 1px solid var(--scl-border-light) !important;
  color: var(--scl-text) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  vertical-align: top !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

body.path-van-ban-cong-khai table tbody td:last-child,
.scl-public-documents table tbody td:last-child,
.view-van-ban-cong-khai table tbody td:last-child,
.view-id-van_ban_cong_khai table tbody td:last-child {
  border-right: none !important;
}

/* Zebra rows */
body.path-van-ban-cong-khai table tbody tr:nth-child(even) td,
.scl-public-documents table tbody tr:nth-child(even) td,
.view-van-ban-cong-khai table tbody tr:nth-child(even) td,
.view-id-van_ban_cong_khai table tbody tr:nth-child(even) td {
  background: #fffafa !important;
}

/* Hover */
body.path-van-ban-cong-khai table tbody tr:hover td,
.scl-public-documents table tbody tr:hover td,
.view-van-ban-cong-khai table tbody tr:hover td,
.view-id-van_ban_cong_khai table tbody tr:hover td {
  background: var(--scl-gold-light) !important;
}

/* Cột # */
body.path-van-ban-cong-khai table th:nth-child(1),
body.path-van-ban-cong-khai table td:nth-child(1),
.scl-public-documents table th:nth-child(1),
.scl-public-documents table td:nth-child(1),
.view-van-ban-cong-khai table th:nth-child(1),
.view-van-ban-cong-khai table td:nth-child(1),
.view-id-van_ban_cong_khai table th:nth-child(1),
.view-id-van_ban_cong_khai table td:nth-child(1) {
  width: 54px !important;
  text-align: center !important;
  font-weight: 800 !important;
}

/* Cột Ký hiệu */
body.path-van-ban-cong-khai table th:nth-child(2),
body.path-van-ban-cong-khai table td:nth-child(2),
.scl-public-documents table th:nth-child(2),
.scl-public-documents table td:nth-child(2),
.view-van-ban-cong-khai table th:nth-child(2),
.view-van-ban-cong-khai table td:nth-child(2),
.view-id-van_ban_cong_khai table th:nth-child(2),
.view-id-van_ban_cong_khai table td:nth-child(2) {
  width: 120px !important;
  font-weight: 800 !important;
}

/* Cột Ngày ban hành */
body.path-van-ban-cong-khai table th:nth-child(3),
body.path-van-ban-cong-khai table td:nth-child(3),
.scl-public-documents table th:nth-child(3),
.scl-public-documents table td:nth-child(3),
.view-van-ban-cong-khai table th:nth-child(3),
.view-van-ban-cong-khai table td:nth-child(3),
.view-id-van_ban_cong_khai table th:nth-child(3),
.view-id-van_ban_cong_khai table td:nth-child(3) {
  width: 135px !important;
  white-space: nowrap !important;
}

/* Cột Trích yếu / Title */
body.path-van-ban-cong-khai table th:nth-child(4),
body.path-van-ban-cong-khai table td:nth-child(4),
.scl-public-documents table th:nth-child(4),
.scl-public-documents table td:nth-child(4),
.view-van-ban-cong-khai table th:nth-child(4),
.view-van-ban-cong-khai table td:nth-child(4),
.view-id-van_ban_cong_khai table th:nth-child(4),
.view-id-van_ban_cong_khai table td:nth-child(4) {
  min-width: 360px !important;
}

/* Link trong bảng */
body.path-van-ban-cong-khai table a,
.scl-public-documents table a,
.view-van-ban-cong-khai table a,
.view-id-van_ban_cong_khai table a {
  color: var(--scl-red-dark) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

body.path-van-ban-cong-khai table a:hover,
.scl-public-documents table a:hover,
.view-van-ban-cong-khai table a:hover,
.view-id-van_ban_cong_khai table a:hover {
  color: var(--scl-red) !important;
  text-decoration: underline !important;
}

/* File văn bản */
body.path-van-ban-cong-khai .views-field-field-file-van-ban a,
.scl-public-documents .views-field-field-file-van-ban a,
.view-van-ban-cong-khai .views-field-field-file-van-ban a,
.view-id-van_ban_cong_khai .views-field-field-file-van-ban a {
  display: inline-block !important;
  padding: 6px 10px !important;
  border-radius: 8px !important;
  background: var(--scl-gold) !important;
  color: var(--scl-red-dark) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
}

body.path-van-ban-cong-khai .views-field-field-file-van-ban a:hover,
.scl-public-documents .views-field-field-file-van-ban a:hover,
.view-van-ban-cong-khai .views-field-field-file-van-ban a:hover,
.view-id-van_ban_cong_khai .views-field-field-file-van-ban a:hover {
  background: var(--scl-red) !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Trạng thái */
body.path-van-ban-cong-khai .views-field-field-trang-thai,
.scl-public-documents .views-field-field-trang-thai,
.view-van-ban-cong-khai .views-field-field-trang-thai,
.view-id-van_ban_cong_khai .views-field-field-trang-thai {
  color: var(--scl-red-dark) !important;
  font-weight: 800 !important;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 992px) {
  body.path-van-ban-cong-khai .views-exposed-form .form--inline,
  .scl-public-documents .views-exposed-form .form--inline,
  .view-van-ban-cong-khai .views-exposed-form .form--inline,
  .view-id-van_ban_cong_khai .views-exposed-form .form--inline,
  #views-exposed-form-van-ban-cong-khai-page-1 .form--inline {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  body.path-van-ban-cong-khai .views-exposed-form .form-item-title,
  body.path-van-ban-cong-khai .views-exposed-form .js-form-item-title,
  .scl-public-documents .views-exposed-form .form-item-title,
  .scl-public-documents .views-exposed-form .js-form-item-title,
  .view-van-ban-cong-khai .views-exposed-form .form-item-title,
  .view-van-ban-cong-khai .views-exposed-form .js-form-item-title,
  .view-id-van_ban_cong_khai .views-exposed-form .form-item-title,
  .view-id-van_ban_cong_khai .views-exposed-form .js-form-item-title,
  #views-exposed-form-van-ban-cong-khai-page-1 .form-item-title,
  #views-exposed-form-van-ban-cong-khai-page-1 .js-form-item-title,
  body.path-van-ban-cong-khai .views-exposed-form .form--inline > div:nth-child(2),
  .scl-public-documents .views-exposed-form .form--inline > div:nth-child(2),
  .view-van-ban-cong-khai .views-exposed-form .form--inline > div:nth-child(2),
  .view-id-van_ban_cong_khai .views-exposed-form .form--inline > div:nth-child(2),
  #views-exposed-form-van-ban-cong-khai-page-1 .form--inline > div:nth-child(2) {
    grid-column: auto !important;
  }

  body.path-van-ban-cong-khai table,
  .scl-public-documents table,
  .view-van-ban-cong-khai table,
  .view-id-van_ban_cong_khai table {
    min-width: 1250px !important;
  }
}

@media (max-width: 576px) {
  body.path-van-ban-cong-khai .views-exposed-form .form--inline,
  .scl-public-documents .views-exposed-form .form--inline,
  .view-van-ban-cong-khai .views-exposed-form .form--inline,
  .view-id-van_ban_cong_khai .views-exposed-form .form--inline,
  #views-exposed-form-van-ban-cong-khai-page-1 .form--inline {
    grid-template-columns: 1fr !important;
  }

  body.path-van-ban-cong-khai .views-exposed-form .form-actions,
  .scl-public-documents .views-exposed-form .form-actions,
  .view-van-ban-cong-khai .views-exposed-form .form-actions,
  .view-id-van_ban_cong_khai .views-exposed-form .form-actions,
  #views-exposed-form-van-ban-cong-khai-page-1 .form-actions {
    flex-direction: column !important;
  }

  body.path-van-ban-cong-khai .views-exposed-form .form-actions input,
  body.path-van-ban-cong-khai .views-exposed-form .form-actions button,
  .scl-public-documents .views-exposed-form .form-actions input,
  .scl-public-documents .views-exposed-form .form-actions button,
  .view-van-ban-cong-khai .views-exposed-form .form-actions input,
  .view-van-ban-cong-khai .views-exposed-form .form-actions button,
  .view-id-van_ban_cong_khai .views-exposed-form .form-actions input,
  .view-id-van_ban_cong_khai .views-exposed-form .form-actions button,
  #views-exposed-form-van-ban-cong-khai-page-1 .form-actions input,
  #views-exposed-form-van-ban-cong-khai-page-1 .form-actions button {
    width: 100% !important;
  }
}
/* =========================================================
   FINAL OVERRIDE - SEARCH FORM VAN BAN CONG KHAI
   Fix form 2 dòng + hiện nút Tìm kiếm/Làm lại
========================================================= */

/* Đánh thẳng vào form trong khu view-filters */
body.path-van-ban-cong-khai .view-filters form,
body.path-van-ban-cong-khai form.views-exposed-form,
.scl-public-documents .view-filters form,
.scl-public-documents form.views-exposed-form,
.view-van-ban-cong-khai .view-filters form,
.view-van-ban-cong-khai form.views-exposed-form,
.view-id-van_ban_cong_khai .view-filters form,
.view-id-van_ban_cong_khai form.views-exposed-form {
  display: grid !important;
  grid-template-columns: 1fr 2fr 1fr 1fr !important;
  gap: 12px 16px !important;
  align-items: end !important;

  background: #ffffff !important;
  border: 1px solid #ead6d9 !important;
  border-top: 5px solid #a51f2f !important;
  border-radius: 14px !important;
  padding: 16px 18px !important;
  margin: 0 0 26px 0 !important;
  box-shadow: 0 10px 26px rgba(165, 31, 47, 0.12) !important;
  box-sizing: border-box !important;
}

/* Phá wrapper .form--inline để field trở thành grid item */
body.path-van-ban-cong-khai .view-filters form > .form--inline,
body.path-van-ban-cong-khai form.views-exposed-form > .form--inline,
.scl-public-documents .view-filters form > .form--inline,
.scl-public-documents form.views-exposed-form > .form--inline,
.view-van-ban-cong-khai .view-filters form > .form--inline,
.view-van-ban-cong-khai form.views-exposed-form > .form--inline,
.view-id-van_ban_cong_khai .view-filters form > .form--inline,
.view-id-van_ban_cong_khai form.views-exposed-form > .form--inline {
  display: contents !important;
}

/* Reset layout mặc định Drupal */
body.path-van-ban-cong-khai .view-filters .form-item,
body.path-van-ban-cong-khai .view-filters .js-form-item,
body.path-van-ban-cong-khai .view-filters .form-actions,
.scl-public-documents .view-filters .form-item,
.scl-public-documents .view-filters .js-form-item,
.scl-public-documents .view-filters .form-actions,
.view-van-ban-cong-khai .view-filters .form-item,
.view-van-ban-cong-khai .view-filters .js-form-item,
.view-van-ban-cong-khai .view-filters .form-actions,
.view-id-van_ban_cong_khai .view-filters .form-item,
.view-id-van_ban_cong_khai .view-filters .js-form-item,
.view-id-van_ban_cong_khai .view-filters .form-actions {
  float: none !important;
  clear: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Ép vị trí từng field theo class machine name */
body.path-van-ban-cong-khai .view-filters [class*="form-item-field-ky-hieu"],
.scl-public-documents .view-filters [class*="form-item-field-ky-hieu"],
.view-van-ban-cong-khai .view-filters [class*="form-item-field-ky-hieu"],
.view-id-van_ban_cong_khai .view-filters [class*="form-item-field-ky-hieu"] {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

body.path-van-ban-cong-khai .view-filters .form-item-title,
body.path-van-ban-cong-khai .view-filters .js-form-item-title,
.scl-public-documents .view-filters .form-item-title,
.scl-public-documents .view-filters .js-form-item-title,
.view-van-ban-cong-khai .view-filters .form-item-title,
.view-van-ban-cong-khai .view-filters .js-form-item-title,
.view-id-van_ban_cong_khai .view-filters .form-item-title,
.view-id-van_ban_cong_khai .view-filters .js-form-item-title {
  grid-column: 2 / span 2 !important;
  grid-row: 1 !important;
}

body.path-van-ban-cong-khai .view-filters [class*="form-item-field-ngay-ban-hanh"],
.scl-public-documents .view-filters [class*="form-item-field-ngay-ban-hanh"],
.view-van-ban-cong-khai .view-filters [class*="form-item-field-ngay-ban-hanh"],
.view-id-van_ban_cong_khai .view-filters [class*="form-item-field-ngay-ban-hanh"] {
  grid-column: 4 !important;
  grid-row: 1 !important;
}

body.path-van-ban-cong-khai .view-filters [class*="form-item-field-linh-vuc"],
.scl-public-documents .view-filters [class*="form-item-field-linh-vuc"],
.view-van-ban-cong-khai .view-filters [class*="form-item-field-linh-vuc"],
.view-id-van_ban_cong_khai .view-filters [class*="form-item-field-linh-vuc"] {
  grid-column: 1 !important;
  grid-row: 2 !important;
}

body.path-van-ban-cong-khai .view-filters [class*="form-item-field-loai-van-ban"],
.scl-public-documents .view-filters [class*="form-item-field-loai-van-ban"],
.view-van-ban-cong-khai .view-filters [class*="form-item-field-loai-van-ban"],
.view-id-van_ban_cong_khai .view-filters [class*="form-item-field-loai-van-ban"] {
  grid-column: 2 !important;
  grid-row: 2 !important;
}

body.path-van-ban-cong-khai .view-filters [class*="form-item-field-co-quan-ban-hanh"],
.scl-public-documents .view-filters [class*="form-item-field-co-quan-ban-hanh"],
.view-van-ban-cong-khai .view-filters [class*="form-item-field-co-quan-ban-hanh"],
.view-id-van_ban_cong_khai .view-filters [class*="form-item-field-co-quan-ban-hanh"] {
  grid-column: 3 !important;
  grid-row: 2 !important;
}

/* Khu nút */
body.path-van-ban-cong-khai .view-filters .form-actions,
.scl-public-documents .view-filters .form-actions,
.view-van-ban-cong-khai .view-filters .form-actions,
.view-id-van_ban_cong_khai .view-filters .form-actions {
  grid-column: 4 !important;
  grid-row: 2 !important;

  display: flex !important;
  flex-direction: row !important;
  gap: 8px !important;
  align-items: flex-end !important;
  justify-content: stretch !important;

  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  height: auto !important;
  min-height: 37px !important;
  width: 100% !important;
  position: static !important;
  z-index: 50 !important;
}

/* Label */
body.path-van-ban-cong-khai .view-filters label,
.scl-public-documents .view-filters label,
.view-van-ban-cong-khai .view-filters label,
.view-id-van_ban_cong_khai .view-filters label {
  display: block !important;
  margin: 0 0 6px 0 !important;
  color: #7f1724 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

/* Input/select */
body.path-van-ban-cong-khai .view-filters input:not([type="submit"]),
body.path-van-ban-cong-khai .view-filters select,
.scl-public-documents .view-filters input:not([type="submit"]),
.scl-public-documents .view-filters select,
.view-van-ban-cong-khai .view-filters input:not([type="submit"]),
.view-van-ban-cong-khai .view-filters select,
.view-id-van_ban_cong_khai .view-filters input:not([type="submit"]),
.view-id-van_ban_cong_khai .view-filters select {
  width: 100% !important;
  height: 37px !important;
  min-height: 37px !important;
  padding: 0 11px !important;
  border: 1px solid #d9c5ca !important;
  border-radius: 7px !important;
  background: #ffffff !important;
  color: #2b2b2b !important;
  font-size: 13px !important;
  line-height: 37px !important;
  box-sizing: border-box !important;
}

/* Tất cả nút trong form-actions */
body.path-van-ban-cong-khai .view-filters .form-actions input,
body.path-van-ban-cong-khai .view-filters .form-actions button,
.scl-public-documents .view-filters .form-actions input,
.scl-public-documents .view-filters .form-actions button,
.view-van-ban-cong-khai .view-filters .form-actions input,
.view-van-ban-cong-khai .view-filters .form-actions button,
.view-id-van_ban_cong_khai .view-filters .form-actions input,
.view-id-van_ban_cong_khai .view-filters .form-actions button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  height: 37px !important;
  min-height: 37px !important;

  padding: 0 10px !important;
  margin: 0 !important;

  border-radius: 7px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 37px !important;
  text-align: center !important;

  cursor: pointer !important;
  box-sizing: border-box !important;

  visibility: visible !important;
  opacity: 1 !important;
  text-indent: 0 !important;
  letter-spacing: normal !important;
  text-shadow: none !important;
  clip: auto !important;
  clip-path: none !important;
  transform: none !important;
  position: static !important;

  -webkit-appearance: none !important;
  appearance: none !important;
}

/* Nút Tìm kiếm */
body.path-van-ban-cong-khai .view-filters .form-actions input[id^="edit-submit"],
.scl-public-documents .view-filters .form-actions input[id^="edit-submit"],
.view-van-ban-cong-khai .view-filters .form-actions input[id^="edit-submit"],
.view-id-van_ban_cong_khai .view-filters .form-actions input[id^="edit-submit"] {
  background: #a51f2f !important;
  color: #ffffff !important;
  border: 1px solid #a51f2f !important;
}

/* Nút reset / Làm lại */
body.path-van-ban-cong-khai .view-filters .form-actions input[id^="edit-reset"],
body.path-van-ban-cong-khai .view-filters .form-actions button[id^="edit-reset"],
body.path-van-ban-cong-khai .view-filters .form-actions input[value="Làm lại"],
body.path-van-ban-cong-khai .view-filters .form-actions input[value="Reset"],
.scl-public-documents .view-filters .form-actions input[id^="edit-reset"],
.scl-public-documents .view-filters .form-actions button[id^="edit-reset"],
.scl-public-documents .view-filters .form-actions input[value="Làm lại"],
.scl-public-documents .view-filters .form-actions input[value="Reset"],
.view-van-ban-cong-khai .view-filters .form-actions input[id^="edit-reset"],
.view-van-ban-cong-khai .view-filters .form-actions button[id^="edit-reset"],
.view-van-ban-cong-khai .view-filters .form-actions input[value="Làm lại"],
.view-van-ban-cong-khai .view-filters .form-actions input[value="Reset"],
.view-id-van_ban_cong_khai .view-filters .form-actions input[id^="edit-reset"],
.view-id-van_ban_cong_khai .view-filters .form-actions button[id^="edit-reset"],
.view-id-van_ban_cong_khai .view-filters .form-actions input[value="Làm lại"],
.view-id-van_ban_cong_khai .view-filters .form-actions input[value="Reset"] {
  background: #f9eef0 !important;
  color: #7f1724 !important;
  border: 1px solid #ead6d9 !important;
}

/* ========================================
   VAN BAN CONG KHAI - FILE ACTION BUTTONS
======================================== */

.vb-file-action-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-width: 82px;
}

.vb-file-btn {
  width: 34px;
  height: 34px;
  border-radius: 999px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  text-decoration: none !important;
  font-size: 15px;
  font-weight: 800;
  line-height: 1;

  border: 1px solid #ead8d8;
  background: #fff8ef;
  color: #9b102f !important;

  transition: all 0.18s ease;
}

.vb-file-btn:hover {
  background: #9b102f;
  border-color: #9b102f;
  color: #fff !important;
  transform: translateY(-1px);
}

.vb-file-download {
  background: #f9fafb;
}