/*
 * Điều chỉnh riêng của admin trên nền Velonic. Nạp sau app.min.css.
 * Chỉ để ở đây những gì theme không có sẵn; màu/khoảng cách lấy từ biến --tz-*
 * của theme để chế độ tối vẫn đúng.
 */

/* Font chữ: ghi đè biến của theme (cùng selector với app.min.css, nạp sau nên thắng)
   thay vì đặt font-family lên body — các thành phần đọc biến (input, nút…) đổi theo. */
:root,
[data-bs-theme=light],
[data-bs-theme=dark] {
    --tz-font-sans-serif: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* Ảnh xem trước trong bảng danh sách. */
td .img-preview { max-width: 100px; }

/* Thanh hành động dính đầu form (top-form) phải nằm dưới topbar cố định. */
.top-form { position: sticky; }

/* Tab ngôn ngữ trong form (slug/SEO/nội dung): Velzon có nav-tabs-custom,
   Velonic không — dùng nav-tabs-bordered của theme nhưng bỏ khoảng hở dưới. */
.nav-tabs.nav-bordered { margin-bottom: 0; }

/* Thanh công cụ trang danh sách (layout/partial/index/toolbar): ô tìm kiếm co giãn,
   select lọc giữ bề rộng vừa đọc được tên danh mục; màn nhỏ thì mỗi thứ một hàng. */
.list-toolbar-search { flex: 1 1 240px; max-width: 360px; }
.list-toolbar-field { width: auto; min-width: 180px; max-width: 280px; }
@media (max-width: 575.98px) {
    .list-toolbar-search,
    .list-toolbar-field { flex: 1 1 100%; max-width: none; }
}

/* Logo sidebar: theme mặc định 18px, logo MOTI có chữ nhỏ bên dưới nên nhìn không ra.
   Topbar cao 70px nên 36px vẫn còn khoảng thở. */
:root { --tz-logo-lg-height: 36px; }

textarea.form-control {
    min-height: 100px;
}

.side-nav-second-level li a{
    white-space: inherit;
    font-size:14px;
}
.photoUpload-detail img{
    margin:auto;
}