.ytvql-wrap{ max-width: 100%; }
.ytvql-section{ background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:16px; }
.ytvql-title{ margin:0 0 12px 0; font-size:18px; }
.ytvql-card{ background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:14px; margin:14px 0; box-shadow: 0 1px 0 rgba(0,0,0,.02); }
.ytvql-form .ytvql-grid{ display:grid; grid-template-columns: repeat(12, 1fr); gap:12px; }
.ytvql-field{ grid-column: span 3; }
.ytvql-field--wide{ grid-column: span 6; }
.ytvql-field--full{ grid-column: 1 / -1; }
.ytvql-grid.ytvql-grid-3 .ytvql-field{ grid-column: span 4; }
.ytvql-field label{ display:block; font-weight:600; margin-bottom:6px; }
.ytvql-field input[type="text"],
.ytvql-field input[type="number"],
.ytvql-field input[type="date"],
.ytvql-field input[type="file"],
.ytvql-field select,
.ytvql-field textarea{
  width:100%;
  padding:8px 10px;
  border:1px solid #d1d5db;
  border-radius:10px;
  background:#fff;
}

.ytvql-field textarea{ resize: vertical; }
.ytvql-actions{ margin-top:10px; display:flex; gap:10px; align-items:center; }
.ytvql-subtitle{ margin:0 0 10px 0; font-size:15px; }
.ytvql-tablewrap{ overflow-x:auto; overflow-y:hidden; max-width:100%; -webkit-overflow-scrolling:touch; border:1px solid #dcdcde; border-radius:12px; background:#fff; }

/* Bảng: luôn đủ rộng + không bị bẻ chữ từng ký tự (WP class .fixed) */
.ytvql-table{
  min-width: 1400px;
  table-layout: auto !important;
}

.ytvql-table th, .ytvql-table td{
  vertical-align: top;
  white-space: nowrap;
  word-break: normal;
      text-align: center;
      vertical-align: middle;
}

/* Min width cho các cột thường bị hẹp (tránh header bị xuống hàng quá mức) */
.ytvql-table th:nth-child(2), .ytvql-table td:nth-child(2){ min-width:110px; }
.ytvql-table th:nth-child(3), .ytvql-table td:nth-child(3){ min-width:220px; }
.ytvql-table th:nth-child(4), .ytvql-table td:nth-child(4){ min-width:120px; }
.ytvql-table th:nth-child(5), .ytvql-table td:nth-child(5){ min-width:160px; }
.ytvql-table th:nth-child(6), .ytvql-table td:nth-child(6){ min-width:110px; }
.ytvql-table th:nth-child(7), .ytvql-table td:nth-child(7){ min-width:90px; }
.ytvql-table th:nth-child(8), .ytvql-table td:nth-child(8){ min-width:220px; }
.ytvql-table th:nth-child(9), .ytvql-table td:nth-child(9){ min-width:160px; }
.ytvql-table th:nth-child(10), .ytvql-table td:nth-child(10){ min-width:140px; }
.ytvql-table th:nth-child(11), .ytvql-table td:nth-child(11){ min-width:220px; }
.ytvql-table th:nth-child(12), .ytvql-table td:nth-child(12){ min-width:140px; }
.ytvql-input{
  width:100%;
  min-width:110px;
  padding:6px 8px;
  border:1px solid #d1d5db;
  border-radius:10px;
  background:#fff;
}

/* ===== Đơn hàng CTY ===== */
.ytvql-table--orders .ytvql-orders-content{
  white-space: pre-line;
  word-break: break-word;
  min-width: 320px;
  max-width: 640px;
  text-align: left;
}

/* Nội dung đơn hàng: chế độ compact (bỏ khoảng cách thừa giữa các dòng) */
.ytvql-orders-content--compact{
  white-space: normal;
  line-height: 1.25;
}
.ytvql-orders-content--compact p,
.ytvql-orders-content--compact ul,
.ytvql-orders-content--compact ol{
  margin: 0;
}
.ytvql-orders-content--compact li{ margin: 0; }
.ytvql-orders-content--compact strong{ font-weight: 700; }

/* ===== Quản lý văn bản: form chia 3 cột ===== */
.ytvql-doc-grid3{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:14px;
}
.ytvql-doc-field{ margin-bottom:10px; }
.ytvql-doc-span{ grid-column: 1 / -1; }

.ytvql-doc-note{ height:38px; min-height:38px; resize:vertical; }

/* Spacer giữ layout (ẩn nhưng vẫn chiếm chỗ) */
.ytvql-doc-spacer{
  visibility:hidden;
  pointer-events:none;
}

@media (max-width: 1200px){
  .ytvql-doc-grid3{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 782px){
  .ytvql-doc-grid3{ grid-template-columns: 1fr; }
}
.ytvql-actions-cell{ white-space:nowrap; }
.ytvql-rowform{ display:inline-block; margin:0 6px 0 0; width: 100%;}
.ytvql-media{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.ytvql-preview img{ display:inline-block; vertical-align:middle; }

/* Filters */
.ytvql-filters{ margin: 0 0 12px 0; }
.ytvql-filters__row{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.ytvql-filters__row label{ font-weight:600; margin-right:4px; }
.ytvql-filters__row select,
.ytvql-filters__row input[type="text"]{ padding:6px 10px; border:1px solid #d1d5db; border-radius:10px; background:#fff; min-width:200px; }

/* Vị trí để hàng: 3 input nhỏ trong 1 ô */
.ytvql-location{ display:flex; flex-direction:column; gap:6px; min-width:220px; }
.ytvql-input--sm{ min-width:180px; }
.ytvql-badge{
  display:inline-block;
  padding:4px 10px;
  border-radius:999px;
  background:#eef2ff;
  border:1px solid #c7d2fe;
  font-weight:700;
}

/* Đơn hàng CTY: trạng thái chỉnh trực tiếp (select dạng badge) */
select.ytvql-inline-status{
  padding:4px 12px;
  border-radius:999px;
  background:#eef2ff;
  border:1px solid #c7d2fe;
  font-weight:700;
  line-height:1.2;
  min-width: 140px;
}
select.ytvql-inline-status:focus{ box-shadow:none; outline:none; }
select.ytvql-inline-status.ytvql-inline-status--success{
  background:#dcfce7;
  border-color:#bbf7d0;
  color:#166534;
}
select.ytvql-inline-status.ytvql-inline-status--danger{
  background:#fee2e2;
  border-color:#fecaca;
  color:#b91c1c;
}

/* Cảnh báo hết hàng / âm kho */
.ytvql-row-danger td{
  background: #fff1f2 !important; /* light red */
}
.ytvql-badge--danger{
  background:#fee2e2;
  border-color:#fecaca;
  color:#b91c1c;
}

/* Cảnh báo gần hết hàng */
.ytvql-row-warning td{
  background: #fffbeb !important; /* light yellow */
}
.ytvql-badge--warning{
  background:#fef3c7;
  border-color:#fde68a;
  color:#92400e;
}

/* Cảnh báo nhẹ trong thông báo */
.ytvql-warn{
  color:#b91c1c;
  font-weight:600;
}

/* Meta nhỏ trong ô ngày */
.ytvql-meta{
  margin-top:6px;
  font-size:12px;
  color:#6b7280;
  white-space:nowrap;
}

/* Báo giá */
.ytvql-quote-table .ytvql-input{ min-width: 90px; }
.ytvql-quote-table select.ytvql-input{ min-width: 220px; }
.ytvql-quote-table .ytvql-line-total,
.ytvql-quote-table .ytvql-grand-total{ font-weight: 800; }
@media (max-width: 1200px){
  .ytvql-field{ grid-column: span 6; }
  .ytvql-field--wide{ grid-column: span 12; }
}
@media (max-width: 782px){
  .ytvql-field{ grid-column: span 12; }
}

/* Nhà cung cấp: chia % (Tên NCC gấp đôi các cột còn lại) */
.ytvql-table--suppliers{
  width:100%;
  min-width: 0 !important; /* ưu tiên chia % thay vì min-width */
  table-layout: fixed !important;
}

/* Reset min-width rules chung để % có tác dụng */
.ytvql-table--suppliers th,
.ytvql-table--suppliers td{
  min-width: 0 !important;
}

/* STT nhỏ, Thao tác vừa; phần còn lại chia theo % */
.ytvql-table--suppliers th:nth-child(1),
.ytvql-table--suppliers td:nth-child(1){ width: 5%; }

/* Tên NCC = gấp đôi các cột còn lại */
.ytvql-table--suppliers th:nth-child(2),
.ytvql-table--suppliers td:nth-child(2){ width: 34%; }

.ytvql-table--suppliers th:nth-child(3),
.ytvql-table--suppliers td:nth-child(3){ width: 17%; }

.ytvql-table--suppliers th:nth-child(4),
.ytvql-table--suppliers td:nth-child(4){ width: 17%; }

.ytvql-table--suppliers th:nth-child(5),
.ytvql-table--suppliers td:nth-child(5){ width: 17%; }

.ytvql-table--suppliers th:nth-child(6),
.ytvql-table--suppliers td:nth-child(6){ width: 10%; }

.ytvql-table--suppliers .ytvql-input{
  min-width: 0;
  width:100%;
}

/* ===== Admin menu: nhóm thư mục + sub (indent + gạch đầu dòng) dưới "Quản lý YTV" =====
   Yêu cầu:
   - Chỉ các mục con của từng nhóm mới có gạch đầu dòng (–) + thụt vào.
   - Các mục standalone (Nhà cung cấp, Nhân viên, Quản lý xe gửi hàng, Quản lý văn bản, Báo giá...) KHÔNG có gạch.
*/

#toplevel_page_ytvql .wp-submenu a{
  position: relative;
}

/* Reset: bỏ mọi pseudo-bullet (phòng trường hợp cache/override) */
#toplevel_page_ytvql .wp-submenu a::before{
  content: none !important;
}

/* Nhóm (tiêu đề) in đậm
   Lưu ý: selector của SOS phải match ĐÚNG trang nhóm (page=ytvql-sos)
   để không "ăn" vào các trang con như ytvql-sos-don-hang / ytvql-sos-nvl.
*/
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-vattu'],
#toplevel_page_ytvql .wp-submenu a[href$='page=ytvql-bat'],
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-bat&'],
#toplevel_page_ytvql .wp-submenu a[href$='page=ytvql-sat'],
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-sat&'],
#toplevel_page_ytvql .wp-submenu a[href$='page=ytvql-mkt'],
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-mkt&'],
#toplevel_page_ytvql .wp-submenu a[href$='page=ytvql-don-hang'],
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-don-hang&'],
#toplevel_page_ytvql .wp-submenu a[href$='page=ytvql-cham-cong'],
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-cham-cong&'],
#toplevel_page_ytvql .wp-submenu a[href$='page=ytvql-workflow'],
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-workflow&'],
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-du-an'],
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-theo-doi-cong-trinh']{
  font-weight: 700;
}

/* Trang nhóm Chấm công (ytvql-cham-cong) không có gạch, không thụt */
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href$='page=ytvql-cham-cong'],
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-cham-cong&']{
  padding-left: 12px !important;
}
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href$='page=ytvql-cham-cong']::before,
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-cham-cong&']::before{
  content: none !important;
}

/* Sub của "Quản lý chấm công YTV" */
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-luong']{
  padding-left: 32px !important;
}
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-luong']::before{
  content: '–' !important;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255,255,255,.55);
}

/* Sub của "Dự án công trình" */
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-san-pham'],
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-vat-tu'],
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-project-timesheet']{
  padding-left: 32px !important;
}
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-san-pham']::before,
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-vat-tu']::before,
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-project-timesheet']::before{
  content: '–' !important;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255,255,255,.55);
}

/* Các mục standalone (cùng cấp nhóm) KHÔNG có gạch và không thụt */
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-nha-cung-cap'],
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-nhanvien'],
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-xe-gui-hang'],
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-van-ban'],
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-bao-gia'],
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-theo-doi-cong-trinh']{
  padding-left: 12px !important;
}
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-nha-cung-cap']::before,
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-nhanvien']::before,
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-xe-gui-hang']::before,
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-van-ban']::before,
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-bao-gia']::before,
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-theo-doi-cong-trinh']::before{
  content: none !important;
}

/* Sub của "Quản lý vật tư YTV" */
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-nhap-kho'],
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-xuat-kho'],
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-ton-kho']{
  padding-left: 32px !important;
}
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-nhap-kho']::before,
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-xuat-kho']::before,
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-ton-kho']::before{
  content: '–' !important;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255,255,255,.55);
}

/* Sub của "Quản lý hàng SOS" (cần thụt + gạch đầu dòng)
   NOTE: WP admin đôi khi áp padding riêng cho item current, nên selector phải đủ "nặng".
*/
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-sos-don-hang'],
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-sos-nvl'],
/* fallback: mọi trang con SOS theo pattern */
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-sos-']{
  padding-left: 32px !important;
}

#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-sos-don-hang']::before,
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-sos-nvl']::before,
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-sos-']::before{
  content: '–' !important;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255,255,255,.55);
}

/* ===== Q.Lý sử dụng & Q.Trình (workflow) ===== */

/* Trang nhóm Workflow (ytvql-workflow) không có gạch, không thụt */
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href$='page=ytvql-workflow'],
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-workflow&']{
  padding-left: 12px !important;
}
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href$='page=ytvql-workflow']::before,
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-workflow&']::before{
  content: none !important;
}

/* Sub của Workflow: thụt + gạch đầu dòng (–) */
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-workflow-']{
  padding-left: 32px !important;
}

#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-workflow-']::before{
  content: '–' !important;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255,255,255,.55);
}

/* Sub của "Quản lý Marketing" (thụt + gạch đầu dòng) */
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-mkt-ads'],
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-mkt-progress'],
/* fallback: mọi trang con Marketing theo pattern */
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-mkt-']{
  padding-left: 32px !important;
}

#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-mkt-ads']::before,
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-mkt-progress']::before,
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-mkt-']::before{
  content: '–' !important;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255,255,255,.55);
}

/* Trang nhóm Marketing (ytvql-mkt) không có gạch, không thụt */
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href$='page=ytvql-mkt'],
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-mkt&']{
  padding-left: 12px !important;
}
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href$='page=ytvql-mkt']::before,
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-mkt&']::before{
  content: none !important;
}


/* Sub của "Quản lý bạt" (thụt + gạch đầu dòng) */
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-bat-nhap'],
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-bat-xuat'],
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-bat-ton'],
/* fallback: mọi trang con Bạt theo pattern */
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-bat-']{
  padding-left: 32px !important;
}

#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-bat-nhap']::before,
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-bat-xuat']::before,
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-bat-ton']::before,
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-bat-']::before{
  content: '–' !important;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255,255,255,.55);
}

/* Trang nhóm Bạt (ytvql-bat) không có gạch, không thụt */
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href$='page=ytvql-bat'],
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-bat&']{
  padding-left: 12px !important;
}
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href$='page=ytvql-bat']::before,
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-bat&']::before{
  content: none !important;
}


/* Sub của "Quản lý sắt YTV" (thụt + gạch đầu dòng) */
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-sat-nhap'],
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-sat-xuat'],
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-sat-ton'],
/* fallback: mọi trang con Sắt theo pattern */
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-sat-']{
  padding-left: 32px !important;
}

#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-sat-nhap']::before,
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-sat-xuat']::before,
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-sat-ton']::before,
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-sat-']::before{
  content: '–' !important;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255,255,255,.55);
}

/* Trang nhóm Sắt (ytvql-sat) không có gạch, không thụt */
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href$='page=ytvql-sat'],
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-sat&']{
  padding-left: 12px !important;
}
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href$='page=ytvql-sat']::before,
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-sat&']::before{
  content: none !important;
}

/* Trang nhóm SOS (ytvql-sos) không có gạch, không thụt */
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href$='page=ytvql-sos'],
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-sos&']{
  padding-left: 12px !important;
}
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href$='page=ytvql-sos']::before,
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-sos&']::before{
  content: none !important;
}

/* Sub của "Quản lý đơn hàng CTY" (thụt + gạch đầu dòng) */
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-don-hang-tao'],
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-don-hang-danh-sach'],
/* fallback: mọi trang con Đơn hàng theo pattern */
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-don-hang-']{
  padding-left: 32px !important;
}

#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-don-hang-tao']::before,
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-don-hang-danh-sach']::before,
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-don-hang-']::before{
  content: '–' !important;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255,255,255,.55);
}

/* Trang nhóm Đơn hàng (ytvql-don-hang) không có gạch, không thụt */
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href$='page=ytvql-don-hang'],
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-don-hang&']{
  padding-left: 12px !important;
}
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href$='page=ytvql-don-hang']::before,
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-don-hang&']::before{
  content: none !important;
}

/* Sub của "Dự án công trình" */
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-san-pham'],
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-vat-tu'],
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-luong']{
  padding-left: 32px !important;
}
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-san-pham']::before,
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-vat-tu']::before,
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-luong']::before{
  content: '–' !important;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255,255,255,.55);
}

/* ===== Staff (Nhân viên) form: 3 columns ===== */
.ytvql-staff-form{max-width:1200px;}
.ytvql-staff-grid3{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:14px;align-items:start;}
.ytvql-staff-grid3 .ytvql-field input,.ytvql-staff-grid3 .ytvql-field select{width:100% !important;}
.ytvql-staff-grid3 .ytvql-field{margin:0;grid-column:span 1 !important;}
.ytvql-staff-grid3 .ytvql-field.ytvql-field--full{grid-column:1 / -1 !important;}
.ytvql-staff-actions{margin-top:14px;}
@media (max-width:1024px){.ytvql-staff-grid3{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
@media (max-width:640px){.ytvql-staff-grid3{grid-template-columns:1fr !important;}}

/* ===== jQuery UI Autocomplete (minimal style - WP doesn't include UI theme CSS) ===== */
.ui-autocomplete{
  z-index: 999999 !important;
  max-height: 260px;
  overflow: auto;
  background: #fff;
  border: 1px solid #ccd0d4;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  padding: 6px;
}
.ui-autocomplete .ui-menu-item{margin:0;}
.ui-autocomplete .ui-menu-item-wrapper{
  padding: 8px 10px;
  border-radius: 8px;
}
.ui-autocomplete .ui-state-active,
.ui-autocomplete .ui-menu-item-wrapper.ui-state-active{
  background: #eaf3ff;
  border: 0;
  color: #1d2327;
}

/* ===== Fix submenu "lố" ra ngoài khi menu KHÔNG bị thu gọn =====
   - Khi menu admin đang mở rộng (không có body.folded), WordPress đôi khi vẫn áp CSS flyout on hover.
   - Ép submenu của YTVQL luôn hiển thị inline, không bay ra ngoài.
*/
body:not(.folded) #adminmenu li#toplevel_page_ytvql:hover > .wp-submenu,
body:not(.folded) #adminmenu li#toplevel_page_ytvql.wp-has-current-submenu > .wp-submenu,
body:not(.folded) #adminmenu li#toplevel_page_ytvql.current > .wp-submenu{
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  margin-left: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box;
}

/* Khi menu bị thu gọn (body.folded) thì vẫn cho flyout, nhưng giới hạn kích thước để không thành khối đen to */
body.folded #adminmenu li#toplevel_page_ytvql:hover > .wp-submenu{
  min-width: 220px;
  max-width: 320px;
  width: auto;
  box-sizing: border-box;
  overflow: auto;
}

/* Đảm bảo submenu không vượt quá chiều cao màn hình */
#adminmenu li#toplevel_page_ytvql > .wp-submenu{
  max-height: calc(100vh - 60px);
  overflow-y: auto;
}
input[type=email], input[type=url]{
      width: 100%;
    padding: 8px 10px;
}
 #toplevel_page_ytvql .wp-submenu a[href*="page=ytvql-don-hang"], #toplevel_page_ytvql .wp-submenu a[href*="page=ytvql-du-an"], #toplevel_page_ytvql .wp-submenu a[href*="page=ytvql-sos-nvl"]{
  font-weight: normal !important;
}
 #toplevel_page_ytvql .wp-submenu a[href*="page=ytvql-du-an"],#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-bao-gia'], #toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-don-hang']{
  font-weight: 700 !important;
 }
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-nha-cung-cap'], #toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-nhanvien'], #toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-xe-gui-hang'], #toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-van-ban'], #toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-bao-gia'],
#toplevel_page_ytvql .wp-submenu a[href*='page=ytvql-theo-doi-cong-trinh']{
  font-weight: 700;
}
#toplevel_page_ytvql .wp-submenu a[href*="page=ytvql-don-hang-tao"], #toplevel_page_ytvql .wp-submenu a[href*="page=ytvql-don-hang-danh-sach"], #toplevel_page_ytvql .wp-submenu a[href*="page=ytvql-sos-don-hang"]{
    font-weight: normal !important;
}
.ytvql-sales-table thead th, .ytvql-sales-table td{
  vertical-align: middle !important;
}

/* Theo dõi công trình: mục riêng ngang hàng với Dự án công trình */
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-theo-doi-cong-trinh']{
  padding-left: 12px !important;
  font-weight: 700;
}
#adminmenu #toplevel_page_ytvql .wp-submenu li a[href*='page=ytvql-theo-doi-cong-trinh']::before{
  content: none !important;
}