/*
 * HQMS - tìm kiếm toàn hệ thống.
 * Phần "thanh menu" nạp trên mọi trang AppGini (global_assets); phần "trang kết quả" chỉ dùng ở pages/index.php.
 */

/* ---------------------------------------------------------------- ô tìm trên thanh menu */
.navbar .hqms-search-box { }
.navbar .hqms-search-wrap { position: relative; padding: 7px 8px 7px 0; }
.navbar .hqms-search-icon {
	position: absolute; left: 9px; top: 50%; margin-top: -7px; font-size: 12px; color: #9aa4b1; pointer-events: none;
}
/*
 * padding-left phải có !important: theme có `body.hqms-density-compact .form-control { padding: 3px 8px }`
 * (2 lớp + 1 thẻ) thắng `.navbar .hqms-search-input` (2 lớp) -> padding tụt về 8px và con trỏ nhập
 * nằm đúng dưới icon kính lúp. Con số 28px = icon ở left:9px, rộng ~12px, chừa 7px.
 */
.navbar .hqms-search-input {
	width: 190px; height: 30px; padding-left: 28px !important; border-radius: 15px;
	background: rgba(255, 255, 255, .14); border-color: transparent; color: #fff; box-shadow: none;
	transition: width .15s ease, background-color .15s ease;
}
.navbar .hqms-search-input::placeholder { color: rgba(255, 255, 255, .7); }
.navbar .hqms-search-input:focus { width: 300px; background: #fff; color: #1f2937; border-color: #fff; }
.navbar .hqms-search-input:focus::placeholder { color: #9aa4b1; }
.navbar .hqms-search-input:focus + .hqms-search-drop { }
/* thanh menu nền sáng: chữ tối */
body.hqms-nav-default .navbar .hqms-search-input { background: #eef1f5; color: #1f2937; }
body.hqms-nav-default .navbar .hqms-search-input::placeholder { color: #9aa4b1; }
/* ô tìm trên màn hình hẹp: thu gọn theo thanh menu */
@media (max-width: 991px) { .navbar .hqms-search-input { width: 130px; } .navbar .hqms-search-input:focus { width: 200px; } }
@media (max-width: 767px) { .navbar .hqms-search-box { display: none; } }
@media print { .hqms-search-box { display: none !important; } }

/* bảng gợi ý */
.navbar .hqms-search-drop {
	display: none; position: absolute; top: 100%; right: 0; z-index: 1035;
	width: 380px; max-width: 90vw; max-height: 70vh; overflow-y: auto;
	background: #fff; border: 1px solid #dde2e8; border-radius: var(--hqms-theme-radius, 3px);
	box-shadow: 0 10px 24px rgba(15, 23, 42, .18);
}
.navbar .hqms-search-drop.is-open { display: block; }
.navbar .hqms-search-item {
	display: flex; align-items: center; gap: 8px; padding: 7px 12px; color: #1f2937; text-decoration: none; border-bottom: 1px solid #f1f3f6;
}
.navbar .hqms-search-item:hover, .navbar .hqms-search-item:focus { background: var(--hqms-theme-primary, #1f4e79); color: #fff; }
.navbar .hqms-search-item:hover .hqms-search-tbl { color: rgba(255, 255, 255, .75); }
.navbar .hqms-search-label { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.navbar .hqms-search-tbl { flex: 0 0 auto; font-size: 11px; color: #6b7280; }
.navbar .hqms-search-empty { padding: 10px 12px; font-size: 13px; color: #6b7280; }
.navbar .hqms-search-all { display: block; padding: 8px 12px; font-size: 12px; font-weight: 600; text-align: center; }

/* ---------------------------------------------------------------- trang kết quả */
.hqms-search-page-form { margin-bottom: 14px; }
.hqms-search-count { margin-bottom: 10px; }
.hqms-search-groups { column-width: 420px; column-gap: 16px; }
.hqms-search-group { break-inside: avoid; }
.hqms-search-group .panel-heading img { vertical-align: -4px; margin-right: 4px; }
.hqms-search-group .list-group-item { padding: 7px 12px; }
.hqms-search-code {
	display: inline-block; margin-left: 6px; padding: 0 6px; border-radius: 9px;
	font-size: 11px; font-weight: 700; background: #eef1f5; color: #4b5563;
}
.hqms-search-extra { font-size: 12px; color: #6b7280; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }