/* Khung "Phê duyệt" trên form chi tiết + trang Chờ tôi duyệt (module approval) */
.hqms-ap { border: 1px solid #dde2e8; border-radius: var(--hqms-theme-radius, 3px); background: #fff; margin: 0 0 10px; padding: 10px 12px; }
.hqms-ap-head { font-size: 13px; margin-bottom: 6px; }
.hqms-ap-head .text-muted { font-weight: 400; margin-left: 4px; }
.hqms-ap-status { margin: 4px 0 8px; font-size: 12px; }
.hqms-ap-status .label { margin-right: 6px; }
.hqms-ap-steps { margin: 6px 0; background: transparent; }
.hqms-ap-steps > tbody > tr > td { border-top: 1px solid #eef1f5; padding: 5px 6px; vertical-align: top; }
.hqms-ap-steps > tbody > tr:first-child > td { border-top: 0; }
.hqms-ap-steps tr.is-dang > td { background: #fffbe6; }
.hqms-ap-steps tr.is-cho > td { opacity: .65; }
.hqms-ap-ico { width: 22px; text-align: center; }
.hqms-ap-log ul { margin: 2px 0 0 16px; padding: 0; }
.hqms-ap-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 8px; }
.hqms-ap-actions [data-ap-comment] { flex: 1 1 220px; min-width: 180px; }
.hqms-ap-msg .alert { margin: 6px 0; padding: 6px 10px; }
/* trang Chờ tôi duyệt */
.hqms-ap-queue td.is-nowrap { white-space: nowrap; }
/* mục "chờ tôi duyệt" trên thanh menu */
body.hqms-theme .navbar .hqms-ap-nav > a > .badge { background: #d9534f; margin-left: 2px; }

/* nút thu gọn / mở rộng trên đầu khung */
.hqms-panel-toggle { border: 0; background: transparent; padding: 0 4px 0 0; color: #6b7280; line-height: 1; }
.hqms-panel-toggle:hover, .hqms-panel-toggle:focus { color: var(--hqms-theme-primary); outline: none; }
/* thu gọn: giấu mọi thứ trừ dòng tiêu đề của khung */
.hqms-ap.is-collapsed > *:not(.hqms-ap-head) { display: none; }
.hqms-ap.is-collapsed { padding-bottom: 8px; }