html, body, button, select, textarea, th, td, a, label, p, h1, h2, h3, span, li, strong, small {
  text-transform: uppercase !important;
}
input[type="date"], input[data-from], input[data-to], .hkd-kpi-v, td.num, .num {
  text-transform: none !important;
}
#hkd-filter-bar {
  display: flex !important; flex-wrap: wrap !important; align-items: center !important;
  gap: 8px !important; margin: 0 0 14px !important; padding: 10px 12px !important;
  background: #fff !important; border: 1px solid #e6ebf3 !important; border-radius: 14px !important;
}
.hkd-filters { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; align-items: center !important; width: 100% !important; }
#hkd-filter-bar button[data-q] {
  display: inline-flex !important; align-items: center !important; border: 1px solid #d5deea !important;
  background: #f8fafc !important; color: #0f1b3d !important; border-radius: 999px !important;
  padding: 7px 12px !important; font-size: 11px !important; font-weight: 800 !important;
  cursor: pointer !important; white-space: nowrap !important;
}
#hkd-filter-bar button[data-q].on { background: #0d1b3d !important; color: #fff !important; border-color: #0d1b3d !important; }
#hkd-filter-bar label { display: inline-flex !important; gap: 6px !important; align-items: center !important; font-size: 11px !important; font-weight: 800 !important; }
#hkd-filter-bar input { border: 1px solid #d5deea !important; border-radius: 999px !important; padding: 5px 10px !important; background: #fff !important; }
.hkd-ov-head { margin: 4px 0 14px; }
.hkd-ov-k { font-size: 22px; font-weight: 800; color: #0f1b3d; }
.hkd-ov-s { font-size: 12px; color: #64748b; margin-top: 4px; font-weight: 700; }
.hkd-ov-grid { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 12px !important; }
@media (max-width: 1100px) { .hkd-ov-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
.hkd-kpi { background: #fff !important; border: 1px solid #e6ebf3 !important; border-radius: 14px !important; padding: 14px 16px !important; position: relative !important; overflow: hidden !important; box-shadow: 0 8px 20px #0f172a0d !important; min-height: 108px !important; }
.hkd-kpi:before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; }
.hkd-kpi-green:before { background: #22c55e; }
.hkd-kpi-amber:before { background: #f59e0b; }
.hkd-kpi-blue:before { background: #3b82f6; }
.hkd-kpi-cyan:before { background: #06b6d4; }
.hkd-kpi-slate:before { background: #64748b; }
.hkd-kpi-t { font-size: 11px; font-weight: 800; color: #334155; letter-spacing: .04em; }
.hkd-kpi-v { font-size: 22px; font-weight: 800; margin: 10px 0 6px; color: #0f1b3d; text-transform: none !important; }
.hkd-kpi-s { font-size: 10px; color: #94a3b8; font-weight: 700; }
.table-wrap, #hkd-wh-box, #hkd-stock-box { max-height: 68vh !important; overflow: auto !important; background: #fff; border: 1px solid #e6ebf3; border-radius: 12px; }
.hkd-table { width: 100%; border-collapse: separate; border-spacing: 0; }
.hkd-table thead th { position: sticky !important; top: 0 !important; z-index: 20 !important; background: #0d1b3d !important; color: #fff !important; box-shadow: 0 2px 0 #0d1b3d; cursor: pointer; user-select: none; }
.hkd-table thead th:hover { filter: brightness(1.08); }
.hkd-refresh-btn { margin-left: auto !important; background: #2563eb !important; color: #fff !important; font-weight: 800 !important; padding: 7px 16px !important; border-radius: 999px !important; border: 0 !important; }
.hkd-table tbody tr.src-tax td { background: #f5f3ff !important; }
.hkd-table tbody tr.src-auto td { background: #eff6ff !important; }
.hkd-table tbody tr.src-manual td { background: #fffbeb !important; }

/* Sửa phiếu bán — modal rộng, cột tên hàng co giãn */
[role="dialog"], .fixed.inset-0 > div, .fixed.inset-0 [class*="rounded"] {
  max-width: min(96vw, 1100px) !important;
}
[role="dialog"] {
  width: min(96vw, 1100px) !important;
}
[role="dialog"] table,
.fixed.inset-0 table {
  table-layout: auto !important;
  width: 100% !important;
}
[role="dialog"] thead th:first-child,
[role="dialog"] tbody td:first-child,
.fixed.inset-0 table thead th:first-child,
.fixed.inset-0 table tbody td:first-child {
  width: auto !important;
  min-width: 280px !important;
  max-width: 520px !important;
  white-space: normal !important;
  word-break: break-word !important;
}
[role="dialog"] thead th:nth-child(2),
[role="dialog"] tbody td:nth-child(2) {
  width: 72px !important;
  white-space: nowrap !important;
}
[role="dialog"] thead th:nth-child(3),
[role="dialog"] tbody td:nth-child(3),
[role="dialog"] thead th:nth-child(4),
[role="dialog"] tbody td:nth-child(4) {
  width: 88px !important;
}
[role="dialog"] thead th:nth-child(5),
[role="dialog"] tbody td:nth-child(5) {
  width: 110px !important;
  white-space: nowrap !important;
  text-align: right !important;
}
[role="dialog"] tbody td input[type="number"],
[role="dialog"] tbody td input[type="text"] {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 110px !important;
}
[role="dialog"] tbody td:first-child input {
  max-width: none !important;
  width: 100% !important;
}

input[data-cal]::-webkit-calendar-picker-indicator { display:none !important; opacity:0; }
input[data-cal] { color-scheme: light; }

#hkd-filter-bar { display: flex !important; visibility: visible !important; z-index: 20; }
.page-toolbar input[type=date] { display: none !important; }

/* ===== TẠO PHIẾU BÁN — layout tối giản ===== */
body[data-hkd-page="sales-create"] main,
body[data-hkd-page="sales-create"] .main,
body[data-hkd-page="sales-create"] [class*="content"] > div {
  /* giữ an toàn — siết qua các class cụ thể bên dưới */
}
body[data-hkd-page="sales-create"] #hkd-filter-bar {
  gap: 3px !important;
  margin: 0 0 4px !important;
  padding: 4px 6px !important;
  border-radius: 8px !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}
body[data-hkd-page="sales-create"] #hkd-filter-bar .hkd-filters {
  flex-wrap: nowrap !important;
  width: auto !important;
  flex: 1 1 auto !important;
  overflow-x: auto !important;
  min-width: 0 !important;
  gap: 3px !important;
}
body[data-hkd-page="sales-create"] #hkd-filter-bar button[data-q] {
  padding: 2px 7px !important;
  font-size: 9.5px !important;
  flex: 0 0 auto !important;
  min-height: 0 !important;
  line-height: 1.2 !important;
  border-radius: 999px !important;
}
body[data-hkd-page="sales-create"] #hkd-filter-bar label,
body[data-hkd-page="sales-create"] #hkd-filter-bar input {
  font-size: 9.5px !important;
  padding: 2px 6px !important;
  flex: 0 0 auto !important;
  min-height: 0 !important;
  height: 24px !important;
  line-height: 1.2 !important;
}
body[data-hkd-page="sales-create"] #hkd-lam-moi,
body[data-hkd-page="sales-create"] .hkd-refresh-btn {
  flex: 0 0 auto !important;
  padding: 3px 10px !important;
  font-size: 10px !important;
  margin-left: 4px !important;
  min-height: 24px !important;
  line-height: 1.2 !important;
}
body[data-hkd-page="sales-create"] .space-y-4 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.25rem !important;
}
body[data-hkd-page="sales-create"] .space-y-3 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.2rem !important;
}
body[data-hkd-page="sales-create"] .card {
  padding: 0.3rem 0.45rem !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
body[data-hkd-page="sales-create"] .card.grid,
body[data-hkd-page="sales-create"] .grid {
  gap: 0.25rem 0.4rem !important;
}
body[data-hkd-page="sales-create"] .label {
  font-size: 9px !important;
  margin-bottom: 1px !important;
  line-height: 1.1 !important;
  letter-spacing: 0.02em;
  color: #64748b !important;
}
body[data-hkd-page="sales-create"] .input,
body[data-hkd-page="sales-create"] #hkd-voucher-date-ui {
  padding: 3px 7px !important;
  font-size: 12px !important;
  min-height: 0 !important;
  height: 28px !important;
  border-radius: 6px !important;
  line-height: 1.15 !important;
}
body[data-hkd-page="sales-create"] .btn {
  padding: 3px 9px !important;
  font-size: 11px !important;
  border-radius: 6px !important;
  min-height: 28px !important;
  line-height: 1.15 !important;
}
body[data-hkd-page="sales-create"] h1,
body[data-hkd-page="sales-create"] h2,
body[data-hkd-page="sales-create"] h3 {
  font-size: 13px !important;
  margin: 0 0 2px !important;
  line-height: 1.2 !important;
}
body[data-hkd-page="sales-create"] .hkd-table thead th,
body[data-hkd-page="sales-create"] .hkd-table tbody td {
  padding: 4px 6px !important;
  font-size: 11.5px !important;
  line-height: 1.2 !important;
}
body[data-hkd-page="sales-create"] .hkd-table thead th.w-10,
body[data-hkd-page="sales-create"] .hkd-table thead th:has(input[type="checkbox"]),
body[data-hkd-page="sales-create"] .hkd-table thead th[data-sort-bind="skip"] {
  cursor: default !important;
  width: 36px !important;
}
body[data-hkd-page="sales-create"] .hkd-table thead th.w-10:hover,
body[data-hkd-page="sales-create"] .hkd-table thead th:has(input[type="checkbox"]):hover {
  filter: none !important;
}
body[data-hkd-page="sales-create"] .hkd-tong-gt {
  margin: 0 0 2px !important;
  font-size: 11.5px !important;
}
/* Ẩn đoạn mô tả dài dưới form auto */
body[data-hkd-page="sales-create"] .card + p.text-sm,
body[data-hkd-page="sales-create"] p.text-sm.text-\\[var\\(--muted\\)\\],
body[data-hkd-page="sales-create"] .space-y-4 > .card ~ p {
  display: none !important;
}
body[data-hkd-page="sales-create"] .page-toolbar,
body[data-hkd-page="sales-create"] header.page-header {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  margin-bottom: 4px !important;
}
body[data-hkd-page="sales-create"] .table-wrap {
  display: none !important;
}
body[data-hkd-page="sales-create"] #hkd-create-vouchers {
  display: block !important;
}
body[data-hkd-page="sales-create"] #hkd-create-vouchers .table-wrap {
  display: block !important;
  max-height: calc(100vh - 210px) !important;
  overflow: auto !important;
}
/* CHI TIẾT PHIẾU XEM: body dùng .table-wrap — không ẩn theo rule sales-create */
body[data-hkd-page="sales-create"] #hkd-voucher-detail-modal .table-wrap {
  display: block !important;
  max-height: none !important;
  overflow: auto !important;
}
body[data-hkd-page="sales-create"] [data-hkd-native-voucher-list="1"] {
  display: none !important;
}

/* ---- TẠO PHIẾU: tabs cạnh LÀM MỚI trên filter bar ---- */
body[data-hkd-page="sales-create"] #hkd-filter-bar .hkd-tao-modes-filter {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 3px !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 0 0 4px !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  order: 2 !important;
}
body[data-hkd-page="sales-create"] #hkd-filter-bar .hkd-tao-modes-filter .btn {
  flex: 0 0 auto !important;
  min-height: 24px !important;
  height: 24px !important;
  padding: 2px 8px !important;
  font-size: 9.5px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}
body[data-hkd-page="sales-create"] #hkd-filter-bar .hkd-tao-modes-filter + #hkd-lam-moi,
body[data-hkd-page="sales-create"] #hkd-filter-bar .hkd-tao-modes-filter + .hkd-refresh-btn {
  margin-left: 4px !important;
  order: 3 !important;
}

/* ---- Toolbar 1 hàng: form + nhóm action ---- */
.hkd-tao-toolbar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
  gap: 4px 6px !important;
  padding: 5px 8px !important;
  margin: 0 0 4px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: none !important;
}
.hkd-tao-toolbar > .hkd-tao-modes,
.hkd-tao-toolbar > .hkd-tao-auto,
.hkd-tao-toolbar > .hkd-tao-manual {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  width: auto !important;
  max-width: none !important;
}
.hkd-tao-modes,
.hkd-tao-modes-inline {
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 3px !important;
  width: auto !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
  margin: 0 !important;
  align-self: flex-end !important;
  padding-bottom: 0 !important;
}
.hkd-tao-modes .btn,
.hkd-tao-modes-inline .btn {
  flex: 0 0 auto !important;
  max-width: none !important;
  padding: 3px 10px !important;
  font-size: 10.5px !important;
  min-height: 28px !important;
  height: 28px !important;
  border-radius: 999px !important;
  line-height: 1.15 !important;
}
.hkd-tao-auto,
.hkd-tao-manual {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
  gap: 4px 6px !important;
  padding: 0 !important;
  margin: 0 !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
.hkd-tao-toolbar > .hkd-tao-auto,
.hkd-tao-toolbar > .hkd-tao-manual {
  flex: 1 1 0 !important;
}
.hkd-tao-auto > div,
.hkd-tao-manual > div {
  display: flex !important;
  flex-direction: column !important;
  gap: 1px !important;
  min-width: 0 !important;
  margin: 0 !important;
}
.hkd-tao-f-date {
  flex: 0 0 112px !important;
  width: 112px !important;
  max-width: 124px !important;
  position: relative !important;
}
.hkd-tao-f-cust {
  flex: 0 1 150px !important;
  width: auto !important;
  min-width: 110px !important;
  max-width: 180px !important;
}
.hkd-tao-f-count {
  flex: 0 0 52px !important;
  width: 52px !important;
  max-width: 60px !important;
}
.hkd-tao-f-min,
.hkd-tao-f-max {
  flex: 0 0 96px !important;
  width: 96px !important;
  max-width: 110px !important;
}
.hkd-tao-f-rate {
  flex: 0 0 72px !important;
  width: 72px !important;
}
.hkd-tao-f-actions {
  flex: 0 0 auto !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 4px !important;
  margin-left: auto !important;
  padding-bottom: 0 !important;
}
.hkd-tao-f-actions .btn,
.hkd-tao-btn-preview,
.hkd-tao-btn-create {
  flex: 0 0 auto !important;
  max-width: none !important;
  white-space: nowrap !important;
}
.hkd-tao-btn-preview {
  padding: 3px 8px !important;
  font-size: 10.5px !important;
  min-height: 28px !important;
}
.hkd-tao-btn-create {
  padding: 3px 12px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  min-height: 28px !important;
}
.hkd-tao-f-date .input,
.hkd-tao-f-date #hkd-voucher-date-ui,
.hkd-tao-date-input {
  width: 100% !important;
  padding-right: 28px !important;
  box-sizing: border-box !important;
}
.hkd-tao-date-cell,
.hkd-tao-f-date {
  position: relative !important;
}
.hkd-cal-btn.hkd-tao-cal,
.hkd-tao-f-date .hkd-cal-btn {
  position: absolute !important;
  right: 2px !important;
  bottom: 1px !important;
  height: 26px !important;
  width: 26px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  line-height: 26px !important;
  text-align: center !important;
  font-size: 13px !important;
  z-index: 2 !important;
}
.hkd-tao-f-count .input {
  text-align: center !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.hkd-tao-f-min .input,
.hkd-tao-f-max .input,
.hkd-tao-f-rate .input {
  text-align: right !important;
}

/* Danh sách phiếu đã tạo — sát form, ưu tiên chiều cao */
.hkd-tao-list,
#hkd-create-vouchers.hkd-tao-list,
#hkd-create-vouchers {
  margin: 2px 0 8px !important;
  padding: 6px 8px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  background: #fff !important;
}
.hkd-tao-list-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  margin: 0 0 4px !important;
}
.hkd-tao-list-title {
  font-size: 12px !important;
  font-weight: 900 !important;
  color: #0d1b3d !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  flex-wrap: wrap !important;
}
.hkd-tao-list-n {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 20px !important;
  height: 18px !important;
  padding: 0 5px !important;
  border-radius: 999px !important;
  background: #0d1b3d !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}
.hkd-tao-list-range {
  font-size: 10.5px !important;
  font-weight: 700 !important;
  color: #64748b !important;
  text-transform: none !important;
}
.hkd-tao-list-actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}
.hkd-tao-checkall {
  display: inline-flex !important;
  gap: 4px !important;
  align-items: center !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  color: #334155 !important;
}
.hkd-tao-btn-del {
  border: 0 !important;
  background: #dc2626 !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 3px 10px !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  min-height: 24px !important;
}
.hkd-tao-btn-del:disabled { opacity: .55; cursor: not-allowed !important; }
.hkd-tao-sel-count {
  font-size: 10.5px !important;
  font-weight: 700 !important;
  color: #64748b !important;
}
.hkd-tao-btn-refresh {
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  color: #0d1b3d !important;
  border-radius: 999px !important;
  width: 24px !important;
  height: 24px !important;
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  line-height: 22px !important;
  text-align: center !important;
}

@media (max-width: 900px) {
  .hkd-tao-toolbar { gap: 4px !important; }
  .hkd-tao-f-cust { flex: 1 1 140px !important; max-width: none !important; }
}
@media (max-width: 720px) {
  .hkd-tao-toolbar { flex-direction: column !important; align-items: stretch !important; }
  .hkd-tao-modes,
  .hkd-tao-modes-inline { align-self: flex-start !important; }
  .hkd-tao-f-actions { margin-left: 0 !important; width: 100% !important; }
  .hkd-tao-f-actions .btn { flex: 1 1 auto !important; }
  .hkd-tao-f-date { flex: 0 0 110px !important; width: 110px !important; }
  .hkd-tao-f-count { flex: 0 0 52px !important; }
  .hkd-tao-f-min, .hkd-tao-f-max { flex: 1 1 90px !important; width: auto !important; max-width: none !important; }
  .hkd-tao-f-cust { flex: 1 1 100% !important; max-width: none !important; }
  body[data-hkd-page="sales-create"] #hkd-create-vouchers .table-wrap {
    max-height: none !important;
  }
}

body[data-hkd-page="sales-create"] .hkd-tao-f-actions {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 4px !important;
  margin-left: auto !important;
  white-space: nowrap !important;
}
body[data-hkd-page="sales-create"] .hkd-tao-f-actions .hkd-ai-pick-badge {
  flex: 0 0 auto !important;
  margin: 0 !important;
  white-space: nowrap !important;
}
body[data-hkd-page="sales-create"] .hkd-ai-pick-badge {
  padding: 1px 6px !important;
  font-size: 9px !important;
  margin-right: 2px !important;
}

/* ===== HKD ẨM THỰC overlay ===== */
/* hide amthuc mode badge */
.hkd-amthuc-badge, #hkd-amthuc-badge { display: none !important; visibility: hidden !important; height: 0 !important; overflow: hidden !important; }

.hkd-amthuc-badge {
  position: fixed !important; top: 10px !important; right: 14px !important; z-index: 99999 !important;
  background: linear-gradient(135deg,#b45309,#ea580c) !important; color: #fff !important;
  border-radius: 999px !important; padding: 8px 14px !important; font-size: 11px !important;
  font-weight: 800 !important; box-shadow: 0 8px 24px #ea580c55 !important; max-width: min(560px, 70vw);
  letter-spacing: .02em; text-transform: uppercase !important;
}

/* 2-column workspace on /sales-create MODE Ẩm thực */
.hkd-amthuc-workspace {
  display: grid !important;
  grid-template-columns: minmax(320px, 42%) minmax(360px, 1fr) !important;
  gap: 12px !important;
  margin: 8px 0 18px !important;
  align-items: start !important;
}
@media (max-width: 1100px) {
  .hkd-amthuc-workspace { grid-template-columns: 1fr !important; }
}
.hkd-amthuc-col {
  background: #fff !important;
  border-radius: 14px !important;
  min-height: 420px;
}
.hkd-amthuc-col-left,
.hkd-amthuc-menu {
  margin: 0 !important; padding: 12px !important; background: #fff7ed !important;
  border: 1px solid #fdba74 !important; border-radius: 14px !important;
}
.hkd-amthuc-col-right {
  padding: 0 !important; background: transparent !important; border: 0 !important;
  display: flex !important; flex-direction: column !important; gap: 10px !important;
}
.hkd-amthuc-menu-h {
  display: flex !important; flex-wrap: wrap !important; gap: 8px !important; align-items: center !important;
  margin-bottom: 10px !important;
}
.hkd-amthuc-menu-h strong { color: #9a3412 !important; font-size: 13px !important; }
.hkd-amthuc-menu-h input, .hkd-amthuc-menu-h select {
  border: 1px solid #fdba74 !important; border-radius: 999px !important; padding: 6px 12px !important;
  background: #fff !important; font-size: 12px !important; font-weight: 700 !important;
  text-transform: none !important;
}
.hkd-amthuc-menu-h button {
  border: 0 !important; background: #9a3412 !important; color: #fff !important;
  border-radius: 999px !important; padding: 7px 12px !important; font-weight: 900 !important; cursor: pointer !important;
}
.hkd-amthuc-list {
  display: grid !important; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
  gap: 6px !important; max-height: min(62vh, 560px) !important; overflow: auto !important;
}
.hkd-amthuc-item {
  display: grid !important; grid-template-columns: 42px 1fr auto !important; grid-template-rows: auto auto;
  gap: 2px 8px !important; text-align: left !important; border: 1px solid #fed7aa !important;
  background: #fff !important; border-radius: 10px !important; padding: 8px 10px !important; cursor: pointer !important;
}
.hkd-amthuc-item .k {
  grid-row: span 2; align-self: center; font-size: 10px; font-weight: 900; color: #fff;
  background: #0d1b3d; border-radius: 8px; padding: 6px 4px; text-align: center;
}
.hkd-amthuc-item[data-kind="nxt"] .k { background: #0369a1; }
.hkd-amthuc-item[data-kind="service"] .k { background: #7c3aed; }
.hkd-amthuc-item .n { font-size: 12px; font-weight: 800; color: #0f172a; grid-column: 2 / span 2; }
.hkd-amthuc-item .u { font-size: 10px; color: #94a3b8; font-weight: 700; }
.hkd-amthuc-item .p { font-size: 11px; font-weight: 900; color: #9a3412; text-transform: none !important; }
.hkd-amthuc-item.on { outline: 2px solid #16a34a; background: #f0fdf4 !important; }
.hkd-amthuc-menu-f { margin-top: 8px; font-size: 11px; color: #9a3412; font-weight: 700; }
.hkd-amthuc-hint { font-size: 11px !important; color: #64748b !important; font-weight: 700 !important; text-transform: none !important; }

.hkd-amthuc-menu-h button.hkd-amthuc-meal-btn {
  background: #ea580c !important;
  box-shadow: 0 4px 12px #ea580c55;
}
.hkd-amthuc-menu-h button.hkd-amthuc-meal-btn:disabled { opacity: .7; cursor: wait !important; }

.hkd-amthuc-menu-h button.hkd-amthuc-add-btn {
  background: #15803d !important;
  box-shadow: 0 4px 12px #15803d44;
}
.hkd-amthuc-item { position: relative !important; }
.hkd-amthuc-item .hkd-amthuc-edit {
  position: absolute !important; top: 4px !important; right: 4px !important;
  width: 24px !important; height: 24px !important; padding: 0 !important;
  border: 0 !important; border-radius: 999px !important;
  background: #fff7ed !important; color: #9a3412 !important;
  font-size: 12px !important; font-weight: 900 !important; line-height: 24px !important;
  cursor: pointer !important; opacity: 0.55 !important;
  box-shadow: 0 1px 3px #0001 !important;
}
.hkd-amthuc-item:hover .hkd-amthuc-edit,
.hkd-amthuc-item:focus-within .hkd-amthuc-edit { opacity: 1 !important; background: #ffedd5 !important; }
.hkd-amthuc-item .hkd-amthuc-edit:hover { background: #9a3412 !important; color: #fff !important; }

.hkd-amthuc-modal {
  position: fixed !important; inset: 0 !important; z-index: 10050 !important;
  background: rgba(15, 23, 42, 0.45) !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  padding: 16px !important;
}
.hkd-amthuc-modal[hidden] { display: none !important; }
.hkd-amthuc-modal-box {
  width: min(420px, 100%) !important; background: #fff !important;
  border-radius: 16px !important; padding: 16px 18px !important;
  box-shadow: 0 20px 50px #0004 !important;
  display: flex !important; flex-direction: column !important; gap: 10px !important;
}
.hkd-amthuc-modal-h {
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  margin: 0 0 4px !important;
}
.hkd-amthuc-modal-h strong { font-size: 14px !important; color: #9a3412 !important; font-weight: 900 !important; }
.hkd-amthuc-modal-x {
  border: 0 !important; background: #f1f5f9 !important; color: #334155 !important;
  width: 28px !important; height: 28px !important; border-radius: 999px !important;
  font-size: 18px !important; font-weight: 900 !important; cursor: pointer !important; line-height: 1 !important;
}
.hkd-amthuc-modal-box label {
  display: flex !important; flex-direction: column !important; gap: 4px !important;
  font-size: 11px !important; font-weight: 800 !important; color: #64748b !important; margin: 0 !important;
}
.hkd-amthuc-modal-box input,
.hkd-amthuc-modal-box select {
  border: 1px solid #fdba74 !important; border-radius: 10px !important;
  padding: 8px 10px !important; font-size: 13px !important; font-weight: 700 !important;
  color: #0f172a !important; background: #fff !important; text-transform: none !important;
}
.hkd-amthuc-modal-row {
  display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important;
}
.hkd-amthuc-modal-actions {
  display: flex !important; justify-content: flex-end !important; gap: 8px !important; margin-top: 6px !important;
}
.hkd-amthuc-modal-actions button {
  border: 0 !important; border-radius: 999px !important; padding: 8px 16px !important;
  font-weight: 900 !important; cursor: pointer !important; font-size: 12px !important;
  background: #e2e8f0 !important; color: #334155 !important;
}
.hkd-amthuc-modal-actions button.primary {
  background: #9a3412 !important; color: #fff !important;
}
.hkd-amthuc-modal-actions button:disabled { opacity: .7 !important; cursor: wait !important; }


.hkd-amthuc-params {
  background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important;
  padding: 8px 10px !important;
}
.hkd-amthuc-params-h {
  font-size: 12px !important; font-weight: 900 !important; color: #0d1b3d !important; margin: 0 0 6px !important;
}
.hkd-amthuc-params-grid {
  display: flex !important; flex-wrap: wrap !important; align-items: flex-end !important; gap: 6px 8px !important;
}
.hkd-amthuc-params-grid label {
  display: flex !important; flex-direction: column !important; gap: 2px !important;
  font-size: 9.5px !important; font-weight: 800 !important; color: #64748b !important;
  margin: 0 !important;
}
.hkd-amthuc-params-grid input {
  border: 1px solid #d5deea !important; border-radius: 8px !important; padding: 5px 8px !important;
  font-size: 12.5px !important; font-weight: 700 !important; background: #f8fafc !important;
  text-transform: none !important; height: 32px !important; min-width: 0 !important;
}
.hkd-amthuc-params-grid label:nth-child(1) { flex: 0 0 120px; width: 120px; }
.hkd-amthuc-params-grid label:nth-child(2) { flex: 1 1 160px; min-width: 140px; }
.hkd-amthuc-params-grid label:nth-child(3) { flex: 1 1 120px; min-width: 110px; }
.hkd-amthuc-params-grid label:nth-child(4),
.hkd-amthuc-params-grid label:nth-child(5) { flex: 0 0 100px; width: 100px; }
.hkd-amthuc-actions {
  display: flex !important; flex-wrap: wrap !important; gap: 6px !important; margin-top: 8px !important;
}
.hkd-amthuc-btn {
  border: 0 !important; border-radius: 999px !important; padding: 8px 14px !important;
  font-size: 11.5px !important; font-weight: 900 !important; cursor: pointer !important;
  background: #0d1b3d !important; color: #fff !important;
}
.hkd-amthuc-btn.primary { background: #ea580c !important; box-shadow: 0 4px 12px #ea580c44; }
.hkd-amthuc-btn.bill { background: #7c3aed !important; }
.hkd-amthuc-btn:disabled { opacity: .65; cursor: wait !important; }

.hkd-amthuc-drop {
  margin-top: 12px !important; border: 2px dashed #c4b5fd !important; border-radius: 12px !important;
  background: #f5f3ff !important; padding: 14px 12px !important; text-align: center !important;
  cursor: pointer !important; transition: .15s ease;
}
.hkd-amthuc-drop:hover, .hkd-amthuc-drop.drag {
  border-color: #7c3aed !important; background: #ede9fe !important;
}
.hkd-amthuc-drop b { display: block; color: #5b21b6; font-size: 12px; margin-bottom: 4px; }
.hkd-amthuc-drop span { display: block; color: #6b7280; font-size: 11px; font-weight: 700; text-transform: none !important; }

.hkd-amthuc-vouchers-slot #hkd-create-vouchers {
  margin: 0 !important;
}
body.hkd-amthuc-mode[data-hkd-page="sales-create"] .hkd-amthuc-workspace {
  display: grid !important;
}
/* Fill the former blank white right area intentionally */
body.hkd-amthuc-mode[data-hkd-page="sales-create"] main > .space-y-4,
body.hkd-amthuc-mode[data-hkd-page="sales-create"] main > .space-y-3 {
  max-width: 100% !important;
}

.hkd-amthuc-toast {
  position: fixed !important; bottom: 18px !important; right: 18px !important; z-index: 100000 !important;
  background: #0f172a !important; color: #fff !important; padding: 10px 14px !important;
  border-radius: 12px !important; font-size: 12px !important; font-weight: 800 !important;
  box-shadow: 0 10px 30px #0f172a55 !important; max-width: min(420px, 90vw);
  text-transform: none !important; display: none;
}
.hkd-amthuc-toast.ok { background: #15803d !important; }
.hkd-amthuc-toast.err { background: #b91c1c !important; }


/* Customer suggest on /sales-create MODE Ẩm thực */
.hkd-amthuc-cust-wrap {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}
.hkd-amthuc-cust-list {
  position: absolute !important;
  left: 0; right: 0; top: calc(100% + 2px);
  z-index: 80 !important;
  max-height: 260px !important;
  overflow: auto !important;
  background: #fff !important;
  border: 1px solid #fdba74 !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 28px #9a341233 !important;
  padding: 4px !important;
}
.hkd-amthuc-cust-item {
  display: flex !important; flex-direction: column !important; gap: 2px !important;
  width: 100% !important; text-align: left !important;
  border: 0 !important; background: transparent !important;
  border-radius: 8px !important; padding: 8px 10px !important;
  cursor: pointer !important;
}
.hkd-amthuc-cust-item:hover { background: #fff7ed !important; }
.hkd-amthuc-cust-item .n { font-size: 12px; font-weight: 800; color: #0f172a; text-transform: none !important; }
.hkd-amthuc-cust-item .s { font-size: 10px; font-weight: 600; color: #94a3b8; text-transform: none !important; }
.hkd-amthuc-cust-empty { padding: 10px 12px; font-size: 12px; font-weight: 700; color: #94a3b8; }


/* Amthuc mode tabs next to LÀM MỚI */
#hkd-amthuc-modes.hkd-amthuc-modes {
  display: inline-flex !important;
  gap: 6px !important;
  align-items: center !important;
  margin-right: auto !important;
  order: -1 !important;
}
#hkd-filter-bar { display: flex !important; flex-wrap: wrap !important; align-items: center !important; }
#hkd-filter-bar .hkd-filters { flex: 1 1 auto !important; width: auto !important; }
#hkd-lam-moi, .hkd-refresh-btn { margin-left: 8px !important; }
.hkd-mode-btn {
  border: 2px solid #94a3b8 !important;
  background: #fff !important;
  color: #0f172a !important;
  border-radius: 999px !important;
  padding: 8px 18px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08) !important;
  letter-spacing: 0.02em !important;
  transition: background .15s, border-color .15s, box-shadow .15s, color .15s !important;
}
#hkd-mode-auto.hkd-mode-btn {
  border-color: #2563eb !important;
  color: #1d4ed8 !important;
  background: #eff6ff !important;
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.25), 0 2px 6px rgba(37, 99, 235, 0.18) !important;
}
#hkd-mode-manual.hkd-mode-btn {
  border-color: #ea580c !important;
  color: #c2410c !important;
  background: #fff7ed !important;
  box-shadow: 0 0 0 1px rgba(234, 88, 12, 0.25), 0 2px 6px rgba(234, 88, 12, 0.16) !important;
}
#hkd-mode-auto.hkd-mode-btn.on {
  background: #1d4ed8 !important;
  color: #fff !important;
  border-color: #1e3a8a !important;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.35), 0 4px 10px rgba(29, 78, 216, 0.35) !important;
}
#hkd-mode-manual.hkd-mode-btn.on {
  background: #ea580c !important;
  color: #fff !important;
  border-color: #9a3412 !important;
  box-shadow: 0 0 0 2px rgba(234, 88, 12, 0.35), 0 4px 10px rgba(234, 88, 12, 0.35) !important;
}
.hkd-mode-btn.on {
  /* fallback nếu thiếu id */
  background: #0d1b3d !important;
  color: #fff !important;
  border-color: #0d1b3d !important;
}
.hkd-amthuc-manual-panel[hidden], .hkd-amthuc-auto-panel[hidden] { display: none !important; }
.hkd-amthuc-draft-wrap { margin-top: 8px; }
.hkd-amthuc-draft input.hkd-draft-name,
.hkd-amthuc-draft input.hkd-draft-qty,
.hkd-amthuc-draft input.hkd-draft-price {
  width: 100%;
  max-width: 140px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 5px 8px;
  font-weight: 700;
}
.hkd-amthuc-draft input.hkd-draft-name { max-width: none; min-width: 140px; }
.hkd-amthuc-draft-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  flex-wrap: wrap;
  font-weight: 800;
}
.hkd-draft-del {
  border: 0;
  background: #fee2e2;
  color: #b91c1c;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
}
body.hkd-amthuc-mode[data-hkd-amthuc-mode="manual"] #hkd-amthuc-list .hkd-amthuc-item {
  cursor: copy;
}

/* ===== CHI TIẾT PHIẾU — compact denser layout ===== */
#hkd-voucher-detail-modal .hkd-vd-hint {
  font-size: 10px !important;
  font-weight: 700;
  color: #64748b;
  margin: 0 0 4px;
  line-height: 1.25;
}
#hkd-voucher-detail-modal .hkd-vd-receipt {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
#hkd-voucher-detail-modal .hkd-vd-line {
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  padding: 3px 6px;
  background: #fafafa;
}
#hkd-voucher-detail-modal .hkd-vd-line-top {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  margin-bottom: 2px;
}
#hkd-voucher-detail-modal .hkd-vd-stt {
  flex: 0 0 auto;
  min-width: 14px;
  font-size: 9px;
  font-weight: 800;
  color: #94a3b8;
  padding-top: 3px;
}
#hkd-voucher-detail-modal .hkd-vd-name {
  flex: 1 1 auto;
  width: 100% !important;
  min-width: 0 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 4px !important;
  padding: 2px 5px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  box-sizing: border-box !important;
  background: #fff !important;
}
#hkd-voucher-detail-modal .hkd-vd-line-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 3px 6px;
  font-size: 10px;
  font-weight: 700;
  color: #475569;
}
#hkd-voucher-detail-modal .hkd-vd-unit {
  width: 72px !important;
  min-width: 52px;
  max-width: 28vw;
  border: 1px solid #e2e8f0 !important;
  border-radius: 4px !important;
  padding: 2px 4px !important;
  color: #0f172a !important;
  background: #fff !important;
  text-transform: uppercase;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  box-sizing: border-box !important;
}
#hkd-voucher-detail-modal .hkd-vd-field {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-size: 10px;
  font-weight: 700;
  color: #64748b;
}
#hkd-voucher-detail-modal .hkd-vd-qty,
#hkd-voucher-detail-modal .hkd-vd-price {
  width: 58px !important;
  max-width: 26vw !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 4px !important;
  padding: 2px 4px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-align: right !important;
  box-sizing: border-box !important;
  background: #fff !important;
  line-height: 1.25 !important;
}
#hkd-voucher-detail-modal .hkd-vd-price {
  width: 76px !important;
}
#hkd-voucher-detail-modal .hkd-vd-stock {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-size: 10px;
  font-weight: 700;
  color: #475569;
  white-space: nowrap;
  line-height: 1.2;
  padding: 1px 4px;
  border-radius: 4px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
}
#hkd-voucher-detail-modal .hkd-vd-stock-lbl {
  color: #94a3b8;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .02em;
}
#hkd-voucher-detail-modal .hkd-vd-ton,
#hkd-voucher-detail-modal .hkd-vd-gt {
  font-size: 11px;
  font-weight: 800;
  color: #0f766e;
  font-variant-numeric: tabular-nums;
}
#hkd-voucher-detail-modal .hkd-vd-stock-gt .hkd-vd-gt {
  color: #b45309;
}
#hkd-voucher-detail-modal .hkd-vd-amt {
  margin-left: auto;
  font-size: 11px !important;
  font-weight: 900 !important;
  color: #0d1b3d !important;
  white-space: nowrap;
  line-height: 1.2;
}
#hkd-voucher-detail-modal .hkd-vd-actions {
  margin-top: 6px !important;
  gap: 5px !important;
}
#hkd-voucher-detail-modal .hkd-vd-actions button {
  font-size: 11px !important;
  padding: 5px 9px !important;
}
@media (max-width: 480px) {
  #hkd-voucher-detail-modal {
    padding: 2px !important;
    align-items: flex-end !important;
  }
  #hkd-voucher-detail-modal .hkd-vd-sheet {
    max-width: 100% !important;
    max-height: 96vh !important;
    border-radius: 12px 12px 6px 6px !important;
    padding: 8px 6px 10px !important;
  }
  #hkd-voucher-detail-modal .hkd-vd-name {
    font-size: 10.5px !important;
    padding: 2px 4px !important;
  }
  #hkd-voucher-detail-modal .hkd-vd-qty,
  #hkd-voucher-detail-modal .hkd-vd-price,
  #hkd-voucher-detail-modal .hkd-vd-amt,
  #hkd-voucher-detail-modal .hkd-vd-ton,
  #hkd-voucher-detail-modal .hkd-vd-gt {
    font-size: 10.5px !important;
  }
  #hkd-voucher-detail-modal .hkd-vd-stock {
    font-size: 9.5px;
    padding: 1px 3px;
  }
  #hkd-voucher-detail-modal .hkd-vd-receipt {
    gap: 2px;
  }
  #hkd-voucher-detail-modal .hkd-vd-line {
    padding: 2px 5px;
  }
}

/* ===== CHI TIẾT HÓA ĐƠN THUẾ (tax-in / tax-out) ===== */
.hkd-tax-dbl-hint {
  margin-left: auto;
  font-size: 11px;
  font-weight: 800;
  color: #1d4ed8;
  letter-spacing: .02em;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 999px;
  padding: 5px 12px;
}
#hkd-tax-summary tr.hkd-tax-row-clickable {
  cursor: pointer;
}
#hkd-tax-summary tr.hkd-tax-row-clickable:hover {
  background: #f0f9ff !important;
}
#hkd-tax-inv-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 100050;
  background: rgba(15, 23, 42, 0.5);
  backdrop-filter: blur(3px);
  align-items: center;
  justify-content: center;
  padding: 12px;
}
#hkd-tax-inv-modal.hkd-ti-open {
  display: flex;
}
#hkd-tax-inv-modal .hkd-ti-sheet {
  background: #fff;
  border-radius: 16px;
  width: min(820px, 100%);
  max-height: 92vh;
  overflow: auto;
  box-shadow: 0 25px 60px rgba(15, 23, 42, 0.35);
  display: flex;
  flex-direction: column;
}
#hkd-tax-inv-modal .hkd-ti-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 16px;
  border-bottom: 1px solid #e2e8f0;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 2;
  border-radius: 16px 16px 0 0;
}
#hkd-tax-inv-modal .hkd-ti-toolbar-title {
  font-size: 13px;
  font-weight: 900;
  color: #0d1b3d;
  letter-spacing: .03em;
}
#hkd-tax-inv-modal .hkd-ti-toolbar-actions {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
#hkd-tax-inv-modal .hkd-ti-btn {
  border: 0;
  border-radius: 999px;
  padding: 7px 14px;
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
}
#hkd-tax-inv-modal .hkd-ti-btn-print {
  background: #0d1b3d;
  color: #fff;
}
#hkd-tax-inv-modal .hkd-ti-btn-close {
  background: #f1f5f9;
  color: #0f172a;
}
#hkd-tax-inv-modal .hkd-ti-body {
  padding: 14px 16px 18px;
}
#hkd-tax-inv-modal .hkd-ti-loading,
#hkd-tax-inv-modal .hkd-ti-error,
#hkd-tax-inv-modal .hkd-ti-empty {
  padding: 28px 12px;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  color: #64748b;
}
#hkd-tax-inv-modal .hkd-ti-error {
  color: #b91c1c;
}
#hkd-tax-inv-modal .hkd-ti-doc {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 14px 14px 12px;
  background: linear-gradient(180deg, #f8fafc 0%, #fff 48px);
}
#hkd-tax-inv-modal .hkd-ti-doc-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px dashed #cbd5e1;
}
#hkd-tax-inv-modal .hkd-ti-doc-kicker {
  font-size: 10px;
  font-weight: 800;
  color: #64748b;
  letter-spacing: .08em;
  margin-bottom: 2px;
}
#hkd-tax-inv-modal .hkd-ti-doc-title {
  font-size: 16px;
  font-weight: 900;
  color: #0d1b3d;
  letter-spacing: .02em;
}
#hkd-tax-inv-modal .hkd-ti-doc-meta {
  display: grid;
  gap: 4px 12px;
  min-width: 180px;
}
#hkd-tax-inv-modal .hkd-ti-meta-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 11px;
  font-weight: 700;
  color: #64748b;
}
#hkd-tax-inv-modal .hkd-ti-meta-row strong {
  color: #0f172a;
  font-weight: 800;
}
#hkd-tax-inv-modal .hkd-ti-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  letter-spacing: .02em;
}
#hkd-tax-inv-modal .hkd-ti-badge {
  display: inline-block;
  background: #ecfdf5;
  color: #047857;
  border: 1px solid #a7f3d0;
  border-radius: 999px;
  padding: 1px 8px;
  font-size: 10px;
  font-weight: 800;
}
#hkd-tax-inv-modal .hkd-ti-parties {
  margin-bottom: 12px;
}
#hkd-tax-inv-modal .hkd-ti-party {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 10px 12px;
}
#hkd-tax-inv-modal .hkd-ti-party-label {
  font-size: 10px;
  font-weight: 800;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 2px;
}
#hkd-tax-inv-modal .hkd-ti-party-name {
  font-size: 13px;
  font-weight: 900;
  color: #0d1b3d;
  line-height: 1.35;
  word-break: break-word;
}
#hkd-tax-inv-modal .hkd-ti-party-mst {
  margin-top: 4px;
  font-size: 11px;
  font-weight: 700;
  color: #475569;
}
#hkd-tax-inv-modal .hkd-ti-table-wrap {
  overflow-x: auto;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  margin-bottom: 12px;
}
#hkd-tax-inv-modal .hkd-ti-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 11px;
}
#hkd-tax-inv-modal .hkd-ti-table thead th {
  background: #0d1b3d;
  color: #fff;
  font-weight: 800;
  font-size: 10px;
  letter-spacing: .03em;
  text-transform: uppercase;
  padding: 8px 8px;
  white-space: nowrap;
  text-align: left;
}
#hkd-tax-inv-modal .hkd-ti-table tbody td {
  padding: 7px 8px;
  border-bottom: 1px solid #f1f5f9;
  vertical-align: top;
  color: #0f172a;
  font-weight: 600;
}
#hkd-tax-inv-modal .hkd-ti-table tbody tr:nth-child(even) td {
  background: #f8fafc;
}
#hkd-tax-inv-modal .hkd-ti-c-stt {
  width: 1% !important;
  max-width: 22px !important;
  min-width: 16px !important;
  padding-left: 4px !important;
  padding-right: 2px !important;
  text-align: center !important;
  color: #94a3b8 !important;
  font-weight: 800 !important;
  font-size: 10px !important;
  white-space: nowrap !important;
}
#hkd-tax-inv-modal .hkd-ti-table thead th.hkd-ti-c-stt {
  width: 1% !important;
  max-width: 22px !important;
  padding-left: 4px !important;
  padding-right: 2px !important;
  letter-spacing: 0 !important;
}
#hkd-tax-inv-modal .hkd-ti-note-row td {
  background: #fffbeb !important;
  border-bottom: none !important;
}
#hkd-tax-inv-modal .hkd-ti-note {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #92400e !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  word-break: break-word !important;
}
#hkd-tax-inv-modal .hkd-ti-c-name {
  width: 42% !important;
  min-width: 220px !important;
  white-space: normal !important;
  word-break: break-word !important;
  line-height: 1.35 !important;
}
#hkd-tax-inv-modal .hkd-ti-rate {
  color: #64748b;
  font-weight: 700;
  font-size: 10px;
}
#hkd-tax-inv-modal .hkd-ti-c-unit {
  width: 1% !important;
  max-width: 48px !important;
  min-width: 28px !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
  white-space: nowrap !important;
  text-align: center !important;
  font-size: 10px !important;
  color: #64748b !important;
}
#hkd-tax-inv-modal .hkd-ti-table thead th.hkd-ti-c-unit {
  width: 1% !important;
  max-width: 48px !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
  letter-spacing: 0 !important;
}
#hkd-tax-inv-modal .hkd-ti-c-num {
  text-align: right !important;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
#hkd-tax-inv-modal .hkd-ti-amt {
  font-weight: 800 !important;
  color: #0d1b3d !important;
}
#hkd-tax-inv-modal .hkd-ti-totals {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  padding: 4px 2px 0;
}
#hkd-tax-inv-modal .hkd-ti-tot-row {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  min-width: min(280px, 100%);
  font-size: 12px;
  font-weight: 700;
  color: #475569;
}
#hkd-tax-inv-modal .hkd-ti-tot-row strong {
  color: #0f172a;
  font-variant-numeric: tabular-nums;
}
#hkd-tax-inv-modal .hkd-ti-tot-grand {
  margin-top: 4px;
  padding: 8px 12px;
  background: #0d1b3d;
  color: #fff;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 800;
}
#hkd-tax-inv-modal .hkd-ti-tot-grand strong {
  color: #fff;
  font-size: 15px;
}
#hkd-tax-inv-modal .hkd-ti-tot-note {
  font-size: 10px;
  font-weight: 700;
  color: #94a3b8;
  margin-top: 2px;
}

@media (max-width: 640px) {
  .hkd-tax-dbl-hint {
    margin-left: 0;
    width: 100%;
    text-align: center;
    font-size: 10px;
    padding: 5px 8px;
  }
  #hkd-tax-inv-modal {
    padding: 0;
    align-items: flex-end;
  }
  #hkd-tax-inv-modal .hkd-ti-sheet {
    width: 100%;
    max-height: 94vh;
    border-radius: 16px 16px 0 0;
  }
  #hkd-tax-inv-modal .hkd-ti-body {
    padding: 10px 10px 16px;
  }
  #hkd-tax-inv-modal .hkd-ti-doc {
    padding: 10px;
  }
  #hkd-tax-inv-modal .hkd-ti-doc-title {
    font-size: 14px;
  }
  #hkd-tax-inv-modal .hkd-ti-c-name {
    min-width: 200px;
    max-width: 200px;
    font-size: 10.5px;
  }
  #hkd-tax-inv-modal .hkd-ti-table {
    font-size: 10px;
  }
  #hkd-tax-inv-modal .hkd-ti-table thead th,
  #hkd-tax-inv-modal .hkd-ti-table tbody td {
    padding: 6px 5px;
  }
}

@media print {
  body * {
    visibility: hidden !important;
  }
  #hkd-tax-inv-modal,
  #hkd-tax-inv-modal.hkd-ti-open,
  #hkd-tax-inv-modal * {
    visibility: visible !important;
  }
  #hkd-tax-inv-modal {
    position: static !important;
    inset: auto !important;
    display: block !important;
    background: #fff !important;
    padding: 0 !important;
    backdrop-filter: none !important;
  }
  #hkd-tax-inv-modal .hkd-ti-sheet {
    box-shadow: none !important;
    max-height: none !important;
    width: 100% !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }
  #hkd-tax-inv-modal .no-print,
  #hkd-tax-inv-modal .hkd-ti-toolbar {
    display: none !important;
  }
  #hkd-tax-inv-modal .hkd-ti-body {
    padding: 0 !important;
  }
  #hkd-tax-inv-modal .hkd-ti-doc {
    border: 0 !important;
    background: #fff !important;
    padding: 0 !important;
  }
}


/* HKD xuất HĐ — góc trên trái chi tiết HĐ */
#hkd-tax-inv-modal .hkd-ti-seller-name {
  font-size: 14px;
  font-weight: 900;
  color: #0d1b3d;
  line-height: 1.3;
  margin: 0 0 4px;
  text-transform: uppercase;
}
#hkd-tax-inv-modal .hkd-ti-seller-line {
  font-size: 11px;
  font-weight: 700;
  color: #334155;
  line-height: 1.35;
  margin: 0 0 2px;
}
#hkd-tax-inv-modal .hkd-ti-seller-addr {
  font-size: 10.5px;
  font-weight: 600;
  color: #64748b;
  line-height: 1.35;
  margin: 2px 0 6px;
  max-width: 360px;
}
#hkd-tax-inv-modal .hkd-ti-doc-title-sub {
  margin-top: 8px !important;
  font-size: 13px !important;
  color: #0f766e !important;
}
#hkd-tax-inv-modal .hkd-ti-doc-brand {
  flex: 1 1 55%;
  min-width: 0;
}
@media (max-width: 640px) {
  #hkd-tax-inv-modal .hkd-ti-seller-name { font-size: 12.5px; }
  #hkd-tax-inv-modal .hkd-ti-seller-addr { max-width: 100%; }
}

#hkd-tax-inv-modal .hkd-ti-party-addr {
  font-size: 11px;
  font-weight: 600;
  color: #475569;
  line-height: 1.35;
  margin-top: 4px;
}


/* AI chọn hàng badge on auto-create */
.hkd-ai-pick-badge {
  display: inline-flex;
  align-items: center;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #1d4ed8;
  background: #dbeafe;
  border: 1px solid #93c5fd;
  border-radius: 999px;
  padding: 2px 8px;
  margin-right: 6px;
  white-space: nowrap;
  line-height: 1.4;
}


/* ===== TẠO PHIẾU — header danh sách cùng hàng form actions ===== */
body[data-hkd-page="sales-create"] .hkd-tao-f-actions .hkd-tao-list-head[data-hkd-docked="1"] {
  display: contents !important;
}
body[data-hkd-page="sales-create"] .hkd-tao-f-actions .hkd-tao-list-title {
  flex: 0 0 auto !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  margin: 0 !important;
}
body[data-hkd-page="sales-create"] .hkd-tao-f-actions .hkd-tao-list-range {
  white-space: nowrap !important;
}
body[data-hkd-page="sales-create"] .hkd-tao-f-actions .hkd-tao-list-actions {
  flex: 0 0 auto !important;
  flex-wrap: nowrap !important;
  gap: 4px !important;
  white-space: nowrap !important;
}

/* Ô KHÁCH HÀNG nhận phần chiều rộng còn lại, không bị khóa 150–180px. */
body[data-hkd-page="sales-create"] .hkd-tao-auto .hkd-tao-f-cust,
body[data-hkd-page="sales-create"] .hkd-tao-manual .hkd-tao-f-cust {
  flex: 1 1 clamp(220px, 28vw, 460px) !important;
  width: auto !important;
  min-width: 180px !important;
  max-width: none !important;
}
body[data-hkd-page="sales-create"] .hkd-tao-f-cust input,
body[data-hkd-page="sales-create"] .hkd-tao-f-cust .input,
body[data-hkd-page="sales-create"] .hkd-tao-f-cust select {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
}


/* AmThuc: hide THỰC ĐƠN by default — single-column create like retail HKD */
.hkd-amthuc-workspace.menu-collapsed {
  grid-template-columns: 1fr !important;
}
.hkd-amthuc-workspace.menu-collapsed #hkd-amthuc-menu,
.hkd-amthuc-workspace.menu-collapsed .hkd-amthuc-col-left {
  display: none !important;
}
.hkd-amthuc-params-h {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}
.hkd-amthuc-head-actions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 5px !important;
  margin-left: auto !important;
  white-space: nowrap !important;
  overflow-x: auto !important;
}
.hkd-amthuc-head-actions .hkd-amthuc-btn.quiet {
  white-space: nowrap !important;
}
.hkd-amthuc-head-actions .hkd-ai-pick-badge {
  margin: 0 !important;
  padding: 3px 7px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  background: #f1f5f9 !important;
  color: #64748b !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}
.hkd-amthuc-menu-toggle {
  border: 0 !important;
  background: #9a3412 !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 6px 14px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  letter-spacing: .04em !important;
  box-shadow: 0 3px 10px #9a341244 !important;
}
.hkd-amthuc-menu-toggle.on {
  background: #ea580c !important;
  box-shadow: 0 3px 10px #ea580c55 !important;
}
.hkd-draft-giam {
  color: #15803d !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}
#hkd-voucher-detail-modal .hkd-vd-giam {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  color: #94a3b8 !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 3px 7px !important;
  white-space: nowrap !important;
}
#hkd-voucher-detail-modal .hkd-vd-giam.on {
  color: #15803d !important;
  background: #f0fdf4 !important;
  border-color: #86efac !important;
}
#hkd-voucher-detail-modal .hkd-vd-giam .hkd-vd-stock-lbl {
  color: inherit !important;
  opacity: .85 !important;
}


/* ===== Amthuc TẠO PHIẾU: one compact toolbar, no duplicate rows ===== */
body.hkd-amthuc-mode[data-hkd-page="sales-create"] .hkd-tao-toolbar,
body.hkd-amthuc-mode[data-hkd-page="sales-create"] .hkd-tao-auto,
body.hkd-amthuc-mode[data-hkd-page="sales-create"] .hkd-tao-manual,
body.hkd-amthuc-mode[data-hkd-page="sales-create"] .hkd-tao-f-actions {
  display: none !important;
}
body.hkd-amthuc-mode[data-hkd-page="sales-create"] .hkd-amthuc-params-grid label:nth-child(3) {
  flex: 0 0 58px !important;
  width: 58px !important;
}
body.hkd-amthuc-mode[data-hkd-page="sales-create"] #hkd-amthuc-count {
  text-align: center !important;
}

.hkd-amthuc-toolbar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px 8px !important;
  margin-top: 8px !important;
  padding-top: 8px !important;
  border-top: 1px solid #eef2f7 !important;
}
.hkd-amthuc-toolbar:empty { display: none !important; }
.hkd-amthuc-tb-primary,
.hkd-amthuc-tb-secondary {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 5px !important;
}
.hkd-amthuc-tb-sep {
  width: 1px !important;
  height: 22px !important;
  background: #e2e8f0 !important;
  margin: 0 2px !important;
  flex: 0 0 1px !important;
}
.hkd-amthuc-btn {
  box-shadow: none !important;
}
.hkd-amthuc-btn.primary,
.hkd-amthuc-btn.bill {
  background: #0d1b3d !important;
  box-shadow: none !important;
}
.hkd-amthuc-btn.create {
  background: #0d1b3d !important;
  color: #fff !important;
  padding: 7px 14px !important;
}
.hkd-amthuc-btn.ghost,
.hkd-amthuc-btn.preview {
  background: #fff !important;
  color: #334155 !important;
  border: 1px solid #cbd5e1 !important;
  padding: 6px 11px !important;
}
.hkd-amthuc-btn.quiet {
  background: #f8fafc !important;
  color: #475569 !important;
  border: 1px solid #e2e8f0 !important;
  padding: 5px 10px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}
.hkd-amthuc-btn.quiet:hover {
  background: #f1f5f9 !important;
  color: #0f172a !important;
}
.hkd-amthuc-btn.quiet.danger {
  color: #b91c1c !important;
  border-color: #fecaca !important;
  background: #fff !important;
}
.hkd-amthuc-btn.quiet.danger:hover {
  background: #fef2f2 !important;
}
.hkd-amthuc-toolbar .hkd-ai-pick-badge {
  margin: 0 !important;
  padding: 3px 7px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  background: #f1f5f9 !important;
  color: #64748b !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}
.hkd-amthuc-drop.hkd-amthuc-drop-compact {
  margin-top: 8px !important;
  padding: 10px 10px !important;
  border-width: 1.5px !important;
  border-style: dashed !important;
  border-color: #cbd5e1 !important;
  background: #f8fafc !important;
}
.hkd-amthuc-drop.hkd-amthuc-drop-compact b { color: #334155 !important; font-size: 11px !important; }
.hkd-amthuc-drop.hkd-amthuc-drop-compact span { color: #94a3b8 !important; font-size: 10.5px !important; }
.hkd-amthuc-drop.hkd-amthuc-drop-compact:hover,
.hkd-amthuc-drop.hkd-amthuc-drop-compact.drag,
.hkd-amthuc-drop.hkd-amthuc-drop-compact.open {
  border-color: #94a3b8 !important;
  background: #f1f5f9 !important;
}

/* XEM phiếu — bảng cột như spreadsheet */

#hkd-voucher-detail-modal .hkd-vd-table-wrap {
  display: block !important;
  width: 100%;
  overflow-x: auto;
  max-height: none;
}
#hkd-voucher-detail-modal .hkd-vd-sheet-table {
  width: 100% !important;
  font-size: 11.5px !important;
}
#hkd-voucher-detail-modal .hkd-vd-sheet-table th {
  white-space: nowrap !important;
  font-size: 10px !important;
  letter-spacing: .01em !important;
}
#hkd-voucher-detail-modal .hkd-vd-sheet-table .hkd-vd-name {
  width: 100% !important;
  min-width: 360px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  padding: 4px 6px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
#hkd-voucher-detail-modal .hkd-vd-sheet-table .hkd-vd-qty,
#hkd-voucher-detail-modal .hkd-vd-sheet-table .hkd-vd-price {
  width: 78px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  padding: 4px 5px !important;
  text-align: right !important;
  font-weight: 700 !important;
}
#hkd-voucher-detail-modal .hkd-vd-sheet-table .hkd-vd-giam.on {
  color: #15803d !important;
  font-weight: 900 !important;
}
#hkd-voucher-detail-modal .hkd-vd-sheet-table .hkd-vd-pct {
  font-weight: 800 !important;
  color: #0f172a !important;
}

@media (max-width: 720px) {
  .hkd-amthuc-tb-sep { display: none !important; }
  .hkd-amthuc-toolbar { gap: 6px !important; }
}

/* CHI TIẾT PHIẾU — TÊN HÀNG HÓA autocomplete (menu / catalog) */
#hkd-vd-suggest.hkd-vd-suggest,
.hkd-vd-suggest {
  position: fixed !important;
  z-index: 100050 !important;
  overflow: auto !important;
  background: #fff !important;
  border: 1px solid #fdba74 !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 28px #9a341233 !important;
  padding: 4px !important;
  box-sizing: border-box !important;
}
.hkd-vd-suggest-item {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  width: 100% !important;
  text-align: left !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 8px !important;
  padding: 7px 10px !important;
  cursor: pointer !important;
  user-select: none !important;
}
.hkd-vd-suggest-item:active {
  background: #ffedd5 !important;
}
.hkd-vd-suggest-item:hover,
.hkd-vd-suggest-item:focus {
  background: #fff7ed !important;
  outline: none !important;
}
.hkd-vd-suggest-item .n {
  font-size: 12px;
  font-weight: 800;
  color: #0f172a;
  text-transform: none !important;
  line-height: 1.25;
}
.hkd-vd-suggest-item .s {
  font-size: 10px;
  font-weight: 600;
  color: #94a3b8;
  text-transform: none !important;
  line-height: 1.2;
}
.hkd-vd-suggest-empty {
  padding: 10px 12px;
  font-size: 12px;
  font-weight: 700;
  color: #94a3b8;
}
#hkd-voucher-detail-modal .hkd-vd-name-cell {
  position: relative !important;
  min-width: 0 !important;
}

/* Amthuc TẠO PHIẾU — widen TỔNG HĐ, compact KHÁCH HÀNG and SỐ. */
body.hkd-amthuc-mode[data-hkd-page="sales-create"] .hkd-amthuc-params-grid label:nth-child(2) {
  flex: 1 1 120px !important;
  min-width: 100px !important;
}
body.hkd-amthuc-mode[data-hkd-page="sales-create"] .hkd-amthuc-params-grid label:nth-child(3) {
  flex: 0 0 29px !important;
  width: 29px !important;
  min-width: 29px !important;
}
body.hkd-amthuc-mode[data-hkd-page="sales-create"] .hkd-amthuc-params-grid label:nth-child(4) {
  flex: 0 0 300px !important;
  width: 300px !important;
  min-width: 300px !important;
}

/* Ẩn MENU thật: hidden/aria-hidden/inert are backed by a high-priority rule
   so the panel cannot remain visible or intercept clicks after toggle. */
#hkd-amthuc-menu[hidden],
#hkd-amthuc-menu[aria-hidden="true"],
#hkd-amthuc-workspace.menu-collapsed #hkd-amthuc-menu {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Queued bill state: paste/file pick never starts OCR by itself. */
.hkd-amthuc-drop.hkd-amthuc-drop-compact.has-queue {
  border-color: #16a34a !important;
  background: #f0fdf4 !important;
}
.hkd-amthuc-drop.hkd-amthuc-drop-compact.has-queue .hkd-amthuc-bill-status {
  color: #15803d !important;
  font-weight: 800 !important;
}

/* ẨM THỰC bill composer — compact chat-style image queue. */
body.hkd-amthuc-mode[data-hkd-page="sales-create"] .hkd-amthuc-drop.hkd-amthuc-drop-compact {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  min-height: 38px !important;
  margin-top: 8px !important;
  padding: 4px 8px 4px 5px !important;
  border: 1px solid #dbe3ee !important;
  border-radius: 999px !important;
  background: #f8fafc !important;
  text-align: left !important;
  cursor: text !important;
  transition: border-color .15s ease, background .15s ease, box-shadow .15s ease !important;
}
body.hkd-amthuc-mode[data-hkd-page="sales-create"] .hkd-amthuc-drop.hkd-amthuc-drop-compact:hover,
body.hkd-amthuc-mode[data-hkd-page="sales-create"] .hkd-amthuc-drop.hkd-amthuc-drop-compact:focus,
body.hkd-amthuc-mode[data-hkd-page="sales-create"] .hkd-amthuc-drop.hkd-amthuc-drop-compact:focus-within,
body.hkd-amthuc-mode[data-hkd-page="sales-create"] .hkd-amthuc-drop.hkd-amthuc-drop-compact.drag,
body.hkd-amthuc-mode[data-hkd-page="sales-create"] .hkd-amthuc-drop.hkd-amthuc-drop-compact.open {
  border-color: #94a3b8 !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px #e2e8f044 !important;
}
.hkd-amthuc-bill-add {
  flex: 0 0 28px !important;
  width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #0d1b3d !important;
  color: #fff !important;
  font-size: 21px !important;
  font-weight: 500 !important;
  line-height: 27px !important;
  text-align: center !important;
  cursor: pointer !important;
}
.hkd-amthuc-bill-add:hover { background: #243b6b !important; }
.hkd-amthuc-bill-composer {
  position: relative !important;
  flex: 1 1 180px !important;
  min-width: 120px !important;
  min-height: 28px !important;
  display: flex !important;
  align-items: center !important;
}
.hkd-amthuc-bill-caret {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  min-height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: none !important;
  background: transparent !important;
  color: transparent !important;
  caret-color: #0f172a !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 22px !important;
  text-transform: none !important;
  white-space: pre !important;
  overflow: hidden !important;
  cursor: text !important;
  user-select: text !important;
}
.hkd-amthuc-bill-chips {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 1 auto !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  min-width: 0 !important;
}
.hkd-amthuc-bill-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  max-width: 190px !important;
  min-height: 25px !important;
  padding: 2px 4px 2px 8px !important;
  border: 1px solid #dbe3ee !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #334155 !important;
  font-size: 10.5px !important;
  font-weight: 750 !important;
  text-transform: none !important;
}
.hkd-amthuc-bill-chip-name {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.hkd-amthuc-bill-chip-remove {
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #94a3b8 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 17px !important;
  cursor: pointer !important;
}
.hkd-amthuc-bill-chip-remove:hover { background: #fee2e2 !important; color: #b91c1c !important; }
body.hkd-amthuc-mode[data-hkd-page="sales-create"] .hkd-amthuc-drop.hkd-amthuc-drop-compact .hkd-amthuc-bill-composer .hkd-amthuc-bill-status {
  position: absolute !important;
  left: 0 !important;
  right: 4px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  flex: none !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  display: block !important;
  color: #94a3b8 !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
body.hkd-amthuc-mode[data-hkd-page="sales-create"] .hkd-amthuc-drop.hkd-amthuc-drop-compact.has-queue {
  border-color: #bbf7d0 !important;
  background: #f0fdf4 !important;
}
body.hkd-amthuc-mode[data-hkd-page="sales-create"] .hkd-amthuc-drop.hkd-amthuc-drop-compact.has-queue .hkd-amthuc-bill-status {
  color: #15803d !important;
}
@media (max-width: 720px) {
  body.hkd-amthuc-mode[data-hkd-page="sales-create"] .hkd-amthuc-drop.hkd-amthuc-drop-compact {
    border-radius: 16px !important;
  }
}


/* ===== HKD LAUNCHER (kiểu SV.VINHPHAT) ===== */
#hkd-launcher{position:fixed;inset:0;z-index:99990;background:rgba(245,240,230,.97);overflow:auto;padding:28px 18px;font-family:inherit}
#hkd-launcher .hkd-home-card{max-width:1180px;margin:0 auto;background:#fffdf8;border:1px solid #e3d9c6;border-radius:18px;padding:22px 22px 26px;box-shadow:0 18px 50px rgba(61,43,31,.12)}
#hkd-launcher .hkd-home-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:18px;flex-wrap:wrap}
#hkd-launcher .kicker{font-size:11px;letter-spacing:.18em;font-weight:700;color:#b08d3c;text-transform:uppercase}
#hkd-launcher .title{font-size:22px;font-weight:900;color:#1f3a5f;letter-spacing:.04em;margin:6px 0 4px;text-transform:uppercase}
#hkd-launcher .rule{width:64px;height:3px;background:#b08d3c;border-radius:2px;margin:6px 0}
#hkd-launcher .sub{color:#7a6a58;font-size:13px}
#hkd-launcher .acts{display:flex;gap:8px;align-items:center}
#hkd-launch-q{width:280px;padding:9px 12px;border:1px solid #d8cdb8;border-radius:10px;font-size:14px;background:#fff}
#hkd-launch-count{font-size:12px;color:#7a6a58;white-space:nowrap}
.hkd-launch-x{padding:9px 12px;border:1px solid #1f3a5f;border-radius:10px;background:#fff;color:#1f3a5f;font-weight:800;cursor:pointer}
.hkd-mod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.hkd-mod{text-align:left;background:#fff;border:1px solid #e3d9c6;border-radius:14px;padding:16px;cursor:pointer;min-height:140px;display:flex;flex-direction:column;gap:6px;font-family:inherit}
.hkd-mod:hover{border-color:#b08d3c;box-shadow:0 8px 20px rgba(74,55,40,.08)}
.hkd-mod.cur{border:2px solid #1f3a5f;background:#f6f9ff}
.hkd-mod .k{font-size:10px;letter-spacing:.14em;font-weight:700;color:#b08d3c;text-transform:uppercase}
.hkd-mod h3{font-size:16px;font-weight:900;color:#1f3a5f;text-transform:uppercase;margin:0}
.hkd-mod p{color:#7a6a58;font-size:12px;line-height:1.4;margin:0;flex:1}
.hkd-mod .pill{align-self:flex-start;font-size:11px;font-weight:800;padding:3px 10px;border-radius:999px;background:#f3ead7;color:#6b4f1d}
.hkd-launch-empty{padding:20px;color:#7a6a58}
#hkd-launch-btn{position:fixed;left:12px;bottom:12px;z-index:99980;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 14px;border-radius:999px;border:1px solid #1f3a5f;background:#1f3a5f;color:#fff;font-weight:800;font-size:12px;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.18)}
#hkd-launch-btn:hover{background:#b08d3c;border-color:#b08d3c}

/* HKD HOME v185 */
html.hkd-home-on,html.hkd-home-on body{overflow:hidden}
#hkd-launcher{z-index:99995;background:#f5f0e6;padding:0 18px 30px}
#hkd-launcher .hkd-home-top{max-width:1180px;margin:0 auto 18px;display:flex;justify-content:space-between;align-items:center;padding:14px 4px;border-bottom:1px solid #e3d9c6}
#hkd-launcher .hkd-home-top .brand{font-weight:900;letter-spacing:.12em;color:#1f3a5f}
#hkd-launcher .hkd-home-top .who{font-size:12px;color:#7a6a58;font-weight:700}
.hkd-mod{min-height:170px;position:relative}
.hkd-mod.am .pill{background:#fde8d8;color:#a1440f}
.hkd-mod .go{font-size:11px;font-weight:800;color:#1f3a5f;letter-spacing:.06em;margin-top:4px}
#hkd-launch-btn{left:auto;right:14px;bottom:14px;max-width:260px;padding:6px 12px;font-size:11px;opacity:.85}
#hkd-launch-btn:hover{opacity:1}

/* ===== BÁO CÁO / SỔ KẾ TOÁN HKD ===== */
#hkd-rpt{position:fixed;right:0;bottom:0;left:240px;top:44px;z-index:9000;display:flex;background:#eef1f6;font-family:inherit;color:#0f1b3d}
#hkd-rpt-panel{width:340px;flex:0 0 340px;overflow-y:auto;background:#fff;border-right:1px solid #e2e8f0;padding:14px 14px 40px}
#hkd-rpt .rp-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;padding-bottom:10px;border-bottom:2px solid #b8862b}
#hkd-rpt .rp-head .kick{font-size:10px;letter-spacing:.16em;font-weight:800;color:#b8862b}
#hkd-rpt .rp-head .ttl{font-size:15px;font-weight:900;color:#0f2a5c;line-height:1.25;margin-top:3px}
#hkd-rpt .rp-head .mst{font-size:11px;color:#475569;margin-top:2px}
#hkd-rpt .rp-head .x{border:1px solid #e2e8f0;background:#f8fafc;border-radius:8px;width:30px;height:30px;cursor:pointer;font-weight:900;color:#475569}
#hkd-rpt .rp-legal{font-size:10.5px;color:#475569;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:7px 9px;margin:10px 0 8px;line-height:1.45}
#hkd-rpt .rp-hint{font-size:11px;border-radius:8px;padding:7px 9px;line-height:1.5;margin-bottom:6px}
#hkd-rpt .rp-hint.ok{background:#ecfdf5;border:1px solid #a7f3d0}#hkd-rpt .rp-hint.warn{background:#fff7ed;border:1px solid #fed7aa}
#hkd-rpt .sec{margin-top:12px}
#hkd-rpt .st{font-size:10.5px;font-weight:900;letter-spacing:.1em;color:#0f2a5c;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center;gap:4px;flex-wrap:wrap}
#hkd-rpt .st .pre{display:flex;gap:3px}#hkd-rpt .st .pre button{font-size:9px;font-weight:800;border:1px solid #d5deea;background:#f8fafc;border-radius:999px;padding:2px 7px;cursor:pointer;color:#0f2a5c}
#hkd-rpt .seg{display:flex;border:1px solid #d5deea;border-radius:999px;overflow:hidden}
#hkd-rpt .seg button{flex:1;border:0;background:#f8fafc;padding:7px 4px;font-size:11px;font-weight:800;cursor:pointer;color:#0f2a5c}
#hkd-rpt .seg button.on{background:#0f2a5c;color:#fff}
#hkd-rpt .row{display:flex;gap:6px;margin-top:7px;align-items:center}
#hkd-rpt select,#hkd-rpt input[type=date],#hkd-rpt input[type=text],#hkd-rpt input[type=number]{border:1px solid #d5deea;border-radius:8px;padding:6px 8px;font-size:12px;width:100%;background:#fff;color:#0f172a}
#hkd-rpt label.bk{display:flex;gap:8px;align-items:flex-start;padding:6px 7px;border:1px solid #edf1f7;border-radius:9px;margin-bottom:4px;cursor:pointer}
#hkd-rpt label.bk:hover{background:#f8fafc}
#hkd-rpt label.bk input{margin-top:3px}
#hkd-rpt label.bk .code{flex:0 0 34px;font-weight:900;font-size:11px;color:#fff;background:#0f2a5c;border-radius:6px;text-align:center;padding:2px 0}
#hkd-rpt label.bk.cv .code{background:#b8862b}
#hkd-rpt label.bk .nm{font-size:11.5px;font-weight:700;line-height:1.25}#hkd-rpt label.bk .nm small{display:block;font-weight:500;color:#64748b;font-size:10px}
#hkd-rpt label.f{display:block;margin-bottom:6px}#hkd-rpt label.f span{display:block;font-size:10.5px;font-weight:700;color:#475569;margin-bottom:2px}
#hkd-rpt .g2{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#hkd-rpt label.c{display:flex;gap:6px;align-items:center;font-size:11.5px;margin-bottom:4px;cursor:pointer}
#hkd-rpt .rp-main{flex:1;display:flex;flex-direction:column;min-width:0}
#hkd-rpt .rp-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:9px 12px;background:#fff;border-bottom:1px solid #e2e8f0}
#hkd-rpt .rp-acts .grp{display:flex;align-items:center;border:1px solid #d5deea;border-radius:999px;overflow:hidden}
#hkd-rpt .rp-acts .lb{font-size:10px;font-weight:900;letter-spacing:.08em;color:#64748b;padding:0 10px}
#hkd-rpt .rp-acts button{border:0;border-left:1px solid #e2e8f0;background:#f8fafc;padding:8px 13px;font-size:11.5px;font-weight:900;color:#0f2a5c;cursor:pointer}
#hkd-rpt .rp-acts button:hover{background:#e2e8f0}
#hkd-rpt .rp-acts button.pr{background:#0f2a5c;color:#fff}
#hkd-rpt .rp-acts button.rf{border:1px solid #d5deea;border-radius:999px}
#hkd-rpt-status{font-size:11.5px;font-weight:700;color:#0f766e}#hkd-rpt-status.err{color:#dc2626}
#hkd-rpt .rp-view{flex:1;min-height:0;padding:0}
#hkd-rpt-frame{width:100%;height:100%;border:0;background:#e5e7eb}
@media (max-width:900px){#hkd-rpt{left:0!important;flex-direction:column}#hkd-rpt-panel{width:auto;flex:0 0 auto;max-height:45vh}}
html.hkd-rpt-on aside.sidebar nav a.sidebar-link-active:not(#hkd-rpt-link){background:transparent!important;color:var(--sidebar-muted)!important;box-shadow:none!important}

/* ===== THUẾ GTGT · TNCN LŨY KẾ NĂM (TỔNG QUAN) ===== */
.hkd-ovt{margin-top:14px;background:#fff;border:1px solid #e6ebf3;border-radius:14px;padding:14px 16px;box-shadow:0 8px 20px #0f172a0d;font-family:Roboto,inherit}
.hkd-ovt-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.hkd-ovt-st{font-size:12px;font-weight:800;letter-spacing:.04em;padding:6px 12px;border-radius:999px;white-space:nowrap}
.hkd-ovt-st.ok{background:#e8f6ee;color:#137a3e}.hkd-ovt-st.over{background:#fdecea;color:#b42318}
.hkd-ovt-bar{height:8px;border-radius:99px;background:#eef1f6;margin:12px 0 10px;overflow:hidden}.hkd-ovt-bar>div{height:100%;background:linear-gradient(90deg,#1d4ed8,#b8862b);border-radius:99px}
.hkd-ovt-k{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.hkd-ovt-k>div{background:#f7f9fc;border:1px solid #edf1f7;border-radius:10px;padding:8px 10px}
.hkd-ovt-k span{display:block;font-size:10.5px;font-weight:700;color:#64748b;letter-spacing:.03em}.hkd-ovt-k b{font-size:18px;color:#0f2a5c}
.hkd-ovt-ms{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin-top:10px}
.hkd-ovt-m{border:1px solid #edf1f7;border-radius:8px;padding:6px 8px;font-size:11.5px;line-height:1.35;display:flex;flex-direction:column}
.hkd-ovt-m b{color:#0f2a5c}.hkd-ovt-m span{font-weight:700;font-size:13px}.hkd-ovt-m em{font-style:normal;color:#64748b}.hkd-ovt-m i{font-style:normal;color:#137a3e;font-weight:600}
.hkd-ovt-m.tax{border-color:#f5c2bd;background:#fff7f6}.hkd-ovt-m.tax i{color:#b42318}
.hkd-ovt-ex{margin-top:10px;font-size:12px;color:#b42318;background:#fff7f6;border:1px dashed #f5c2bd;border-radius:8px;padding:6px 10px}
@media (max-width:1100px){.hkd-ovt-k{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== TRA CỨU HÓA ĐƠN (HUVI) ===== */
#hkd-tc{position:fixed;right:0;bottom:0;left:240px;top:44px;z-index:9000;background:#eef1f6;color:#0f1b3d;font-family:Roboto,inherit;display:flex;flex-direction:column;overflow:hidden}
#hkd-tc .tc-head{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 18px 10px;background:#fff;border-bottom:2px solid #b8862b}
#hkd-tc .kick,#hkd-tc-dlg .kick{font-size:10px;letter-spacing:.16em;font-weight:800;color:#b8862b}
#hkd-tc .ttl{font-size:18px;font-weight:900;color:#0f2a5c}#hkd-tc .mst{font-size:12px;color:#475569;margin-top:2px}
#hkd-tc .x,#hkd-tc-dlg .x{border:0;background:#f1f5f9;border-radius:8px;width:32px;height:32px;font-size:16px;cursor:pointer}
#hkd-tc .tc-f{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 18px;background:#fff;border-bottom:1px solid #e2e8f0}
#hkd-tc .tc-f input,#hkd-tc .tc-f select{height:34px;border:1px solid #cbd5e1;border-radius:8px;padding:0 10px;font-size:13.5px;font-family:inherit;background:#fff}
#hkd-tc .seg{display:flex;border:1px solid #cbd5e1;border-radius:8px;overflow:hidden}#hkd-tc .seg button{border:0;background:#fff;padding:0 12px;height:32px;font-weight:700;font-size:12px;cursor:pointer}#hkd-tc .seg button.on{background:#0f2a5c;color:#fff}
#hkd-tc .go{height:34px;padding:0 16px;border:0;border-radius:8px;background:#0f2a5c;color:#fff;font-weight:800;cursor:pointer}#hkd-tc .rs{height:34px;padding:0 12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;font-weight:700;cursor:pointer}
#hkd-tc-body{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:10px 18px 14px}
#hkd-tc .tc-sum{display:flex;gap:18px;align-items:center;font-size:13.5px;padding:0 2px 8px;color:#334155}#hkd-tc .tc-sum b{color:#0f2a5c;font-size:15px}
#hkd-tc .tc-pg{margin-left:auto}#hkd-tc .tc-pg button{border:1px solid #cbd5e1;background:#fff;border-radius:6px;width:28px;height:26px;cursor:pointer}
#hkd-tc .tc-tw{flex:1;overflow:auto;background:#fff;border:1px solid #e2e8f0;border-radius:10px}
.tc-t{width:100%;border-collapse:collapse;font-size:13.5px}
.tc-t th{position:sticky;top:0;background:#0f2a5c;color:#fff;font-size:11px;letter-spacing:.04em;padding:8px 8px;text-align:center;white-space:nowrap;z-index:1}
.tc-t td{border-bottom:1px solid #edf1f7;border-right:1px solid #f3f5f9;padding:6px 8px;vertical-align:middle}
#hkd-tc .tc-t tbody tr{cursor:pointer}#hkd-tc .tc-t tbody tr:hover{background:#fdf8ec}
.tc-t .c{text-align:center}.tc-t .n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tc-t .b{font-weight:800;color:#0f2a5c}.tc-t .mono{font-family:Roboto Mono,ui-monospace,monospace}
.tc-t .nm{font-weight:600}.tc-t .ms{font-size:11.5px;color:#64748b}
.tc-t .sb{font-size:10.5px;font-weight:800;padding:2px 7px;border-radius:5px}.tc-t .sb.ban{background:#e0ecff;color:#1d4ed8}.tc-t .sb.mua{background:#fdf1dc;color:#9a6a12}
.stt{font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px;white-space:nowrap}.stt.ok{background:#e8f6ee;color:#137a3e}.stt.warn{background:#fff4dc;color:#9a6a12}.stt.bad{background:#fdecea;color:#b42318;text-decoration:line-through}
.tc-t .fl{display:inline-block;font-size:10.5px;font-weight:800;color:#1d4ed8;border:1px solid #bfd3fb;border-radius:5px;padding:1px 5px;margin:0 2px;cursor:pointer}
.tc-t .mut,.mut{color:#94a3b8}
.tc-empty{padding:30px;text-align:center;color:#64748b}.tc-empty.err{color:#b42318}
#hkd-tc .tc-na{margin:40px auto;max-width:640px;display:flex;gap:14px;background:#fff;border:1px solid #f0d9a8;border-left:5px solid #b8862b;border-radius:12px;padding:18px 20px;font-size:14.5px}
#hkd-tc .tc-na .ic{font-size:26px;color:#b8862b}#hkd-tc .tc-na p{margin:6px 0 0;color:#475569}
#hkd-tc-dlg{position:fixed;inset:0;background:#0f172a80;z-index:9500;display:flex;align-items:center;justify-content:center;font-family:Roboto,inherit}
#hkd-tc-dlg .bx{background:#fff;border-radius:14px;width:min(980px,94vw);max-height:92vh;overflow:auto;padding:16px 20px;box-shadow:0 30px 80px #0005}
#hkd-tc-dlg .dh{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #b8862b;padding-bottom:8px;margin-bottom:10px}
#hkd-tc-dlg .ttl{font-size:18px;font-weight:900;color:#0f2a5c;margin:2px 0 4px}
#hkd-tc-dlg .ph{text-align:center;margin-bottom:8px}#hkd-tc-dlg .ph b{font-size:16px;text-transform:uppercase}
#hkd-tc-dlg .g2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:8px 0 10px;font-size:13px}#hkd-tc-dlg .lb{font-size:10.5px;font-weight:800;color:#64748b;letter-spacing:.06em}
#hkd-tc-dlg .tt{text-align:right;line-height:1.75;font-size:14px;margin-top:8px}#hkd-tc-dlg .tt .ch{font-style:italic;color:#475569}
#hkd-tc-dlg .kq{font-size:12px;color:#64748b;margin-top:6px}
#hkd-tc-dlg .da{display:flex;gap:8px;justify-content:flex-end;margin-top:12px;border-top:1px solid #e2e8f0;padding-top:10px}
#hkd-tc-dlg .da button{height:34px;padding:0 14px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;font-weight:700;cursor:pointer}
#hkd-tc-dlg .da .pr{background:#0f2a5c;color:#fff;border-color:#0f2a5c}#hkd-tc-dlg .da .off{color:#94a3b8}

/* ===== BẢNG KÊ HĐ VÀO / RA — đầu trang gọn 3 dòng ===== */
.hkd-cmp-root{row-gap:0!important}
.hkd-cmp-root>*+*{margin-top:8px!important}
.hkd-cmp-head{align-items:center!important;flex-wrap:nowrap!important;gap:12px!important}
.hkd-cmp-head h1{font-size:19px!important;line-height:1.15!important;margin:0!important}
.hkd-cmp-head h1+p{margin-top:1px!important;font-size:10.5px!important}
.hkd-cmp-head>div:last-child{flex-wrap:nowrap!important;gap:8px!important}
.hkd-cmp-head>div:last-child .btn{height:36px;white-space:nowrap}
.hkd-cmp-xl>:not(.toast){display:none!important}
.hkd-cmp-xl:not(:has(.toast)){display:none!important}
.hkd-cmp-hidden{display:none!important}
.hkd-cmp-root .hkd-tax-dbl-hint{display:none!important}
.hkd-cmp-root .hkd-tax-sel{margin:0 0 6px!important;flex-wrap:nowrap!important}
.hkd-cmp-tot{margin-left:auto;display:flex;gap:22px;font-size:13.5px;font-weight:700;color:var(--primary,#0f2a5c);white-space:nowrap}
.hkd-cmp-tot b{font-weight:900;font-size:14.5px}
.hkd-ovt-note{margin-top:8px;font-size:12px;color:#7a5a12;background:#fff8e6;border:1px solid #f3dfae;border-radius:8px;padding:6px 10px}
#hkd-tc .tc-hr{display:flex;align-items:center;gap:10px}
#hkd-tc .tc-sync{height:34px;padding:0 14px;border:0;border-radius:8px;background:#b8862b;color:#fff;font-weight:800;font-size:12.5px;cursor:pointer;white-space:nowrap}
#hkd-tc .tc-sync:disabled{opacity:.7;cursor:wait}
#hkd-tc .tc-sync-msg{font-size:12px;color:#475569;max-width:520px;text-align:right}
#hkd-tc .tc-sync-msg.ok{color:#137a3e}#hkd-tc .tc-sync-msg.err,#hkd-tc .tc-sync-msg .err{color:#b42318}#hkd-tc .tc-sync-msg.run{color:#9a6a12}
/* tra cứu compact 3 rows */
#hkd-tc .tc-head{align-items:center;padding:6px 14px;gap:10px}#hkd-tc .tc-head>div:first-child{min-width:0;flex:1}
#hkd-tc .tc-head .kick{display:none}#hkd-tc .ttl{font-size:16px;line-height:1.2}#hkd-tc .mst{font-size:11.5px;margin-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hkd-tc .tc-hr{gap:8px;flex:none}#hkd-tc .tc-sync-msg{font-size:11.5px;max-width:380px}#hkd-tc .tc-sync{height:30px;padding:0 12px}#hkd-tc .x{width:30px;height:30px}
#hkd-tc .tc-f{flex-wrap:nowrap;gap:5px;padding:6px 14px;overflow-x:auto}
#hkd-tc .tc-f input,#hkd-tc .tc-f select{height:30px;padding:0 6px;font-size:12.5px;flex:0 1 auto;min-width:0}
#hkd-tc .tc-f input[type=date]{width:122px!important}#hkd-tc .tc-f input[data-k=so]{width:96px!important}#hkd-tc .tc-f input[data-k=kyhieu]{width:72px!important}
#hkd-tc .tc-f input[data-k=q]{width:150px!important;flex:1 1 150px}#hkd-tc .tc-f input[data-k=hang]{width:100px!important}#hkd-tc .tc-f select{width:140px}
#hkd-tc .seg{flex:none}#hkd-tc .seg button{height:28px;padding:0 9px;font-size:11.5px}
#hkd-tc .go,#hkd-tc .rs{height:30px;padding:0 11px;white-space:nowrap;flex:none;font-size:12px}#hkd-tc .tc-f>span{flex:none}
#hkd-tc-body{padding:6px 14px 10px}#hkd-tc .tc-sum{padding:0 2px 6px;white-space:nowrap}
#hkd-tc .tc-sync-msg{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:330px}#hkd-tc .tc-f select{width:128px}#hkd-tc .tc-f input[type=date]{width:118px!important}
#hkd-tc .tc-q{display:flex;gap:4px;flex-wrap:nowrap;overflow-x:auto;padding:0 14px 5px;background:#fff;border-bottom:1px solid #e2e8f0}
#hkd-tc .tc-q button{height:22px;padding:0 9px;border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#334155;font-size:10.5px;font-weight:700;letter-spacing:.02em;cursor:pointer;white-space:nowrap;font-family:inherit}
#hkd-tc .tc-q button:hover{border-color:#0f2a5c;color:#0f2a5c}#hkd-tc .tc-q button.on{background:#b8862b;border-color:#b8862b;color:#fff}
#hkd-tc .tc-f{border-bottom:0}
#hkd-tc .tc-t{table-layout:auto;width:100%}#hkd-tc .tc-t td{white-space:nowrap}
#hkd-tc .tc-t td.tc-nm{max-width:420px;overflow:hidden;text-overflow:ellipsis;font-weight:600;text-align:left}
#hkd-tc .tc-t td.tc-ms{font-size:12.5px;color:#475569}#hkd-tc .tc-t td{padding:5px 8px}

#hkd-tc .tc-sync-msg:empty{display:none}
#hkd-tc .hvp{padding:0 18px;margin:6px 0}
.hvp{margin:8px 0 4px;font:13px/1.45 Roboto,Arial,sans-serif;color:#334155}
.hvp-bar{height:5px;border-radius:3px;background:#e2e8f0;overflow:hidden;margin-bottom:5px}
.hvp-bar i{display:block;height:100%;background:#b8862b;transition:width .6s}
.hvp-bar.run i{background:repeating-linear-gradient(45deg,#b8862b 0 10px,#d4a54a 10px 20px);background-size:28px 28px;animation:hvpS 1s linear infinite}
.hvp-bar.busy i{background:repeating-linear-gradient(45deg,#94a3b8 0 10px,#cbd5e1 10px 20px);animation:hvpS 1s linear infinite}
.hvp-bar.ok i{background:#16a34a}.hvp-bar.err i{background:#dc2626}
@keyframes hvpS{from{background-position:0 0}to{background-position:28px 0}}
.hvp-l{white-space:normal}.hvp-l .k{color:#137a3e}.hvp-l .e{color:#b42318}.hvp-d{display:block;color:#64748b;font-size:12px}.hvp-m{color:#64748b}

#hkd-tc .tc-pend{margin:6px 0 8px;padding:8px 12px;border-radius:8px;background:#fff7e6;border:1px solid #f0c36d;color:#7a4b00;font-size:12.5px}

#hkd-tc .tc-hint{margin:4px 0 6px;font-size:12px;color:#64748b}
.tc-src{display:inline-block;padding:1px 6px;border-radius:4px;background:#e0ecff;color:#1d4ed8;font-size:10.5px;font-weight:800;letter-spacing:.04em;vertical-align:middle}

#hkd-tc .tc-print{height:34px;padding:0 14px;border:1px solid #1e3a5f;border-radius:8px;background:#fff;color:#1e3a5f;font-weight:800;font-size:12.5px;cursor:pointer;white-space:nowrap}
#hkd-tc-pdlg{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:100000;display:flex;align-items:stretch;justify-content:center;font-family:Roboto,Arial,sans-serif}
#hkd-tc-pdlg .pv{background:#eef1f5;width:min(1000px,96vw);margin:2vh 0;border-radius:14px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.3)}
#hkd-tc-pdlg .ph{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;background:#fff;border-bottom:2px solid #1e3a5f;font-size:15px;color:#1e3a5f}
#hkd-tc-pdlg .pa{display:flex;gap:8px;align-items:center}#hkd-tc-pdlg .pa button{height:36px;padding:0 16px;border-radius:9px;font-weight:800;cursor:pointer;border:0;background:#1e3a5f;color:#fff;font-size:12.5px}
#hkd-tc-pdlg .pa button[data-pd]{background:#b8862b}#hkd-tc-pdlg .pa button.zl{background:#0068ff}#hkd-tc-pdlg .pa .x{background:#f1f5f9;color:#334155;width:36px;padding:0}
#hkd-tc-pdlg .po{display:flex;flex-wrap:wrap;gap:6px;padding:10px 16px;background:#fff;border-bottom:1px solid #e2e8f0}#hkd-tc-pdlg .po label{border:1.5px solid #cbd5e1;border-radius:9px;padding:5px 10px;cursor:pointer;font-size:12px;background:#fff}
#hkd-tc-pdlg .po label.on{border-color:#1e3a5f;background:#eef4ff}#hkd-tc-pdlg .po input{display:none}#hkd-tc-pdlg .po span{margin-left:6px;font-size:11px;color:#64748b}
#hkd-tc-pdlg .pm{padding:0 16px;font-size:12px;color:#b42318;min-height:0}#hkd-tc-pdlg .pm.ok{color:#137a3e}#hkd-tc-pdlg .pm:not(:empty){padding:6px 16px}
#hkd-tc-pdlg .pg{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;align-items:center;gap:16px}
#hkd-tc-pdlg .pgw{width:min(794px,100%)}#hkd-tc-pdlg .pgw img{width:100%;display:block;background:#fff;box-shadow:0 4px 18px rgba(15,23,42,.18)}
#hkd-tc-pdlg .pgt{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;color:#64748b;margin-bottom:4px}#hkd-tc-pdlg .pgt button{border:1px solid #0068ff;color:#0068ff;background:#fff;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700;cursor:pointer}
#hkd-tc-pdlg .ld{padding:60px;color:#64748b;font-size:14px}#hkd-tc-pdlg .ld.err{color:#b42318}
.hkd-tc-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:#0f172a;color:#fff;padding:11px 18px;border-radius:10px;font:600 13.5px Roboto,Arial,sans-serif;z-index:100001;box-shadow:0 8px 24px rgba(0,0,0,.3)}

.hkd-hdt-btn{height:36px;padding:0 14px;border:0;border-radius:8px;background:#b8862b;color:#fff;font-weight:800;font-size:12.5px;cursor:pointer;white-space:nowrap}.hkd-hdt-btn:disabled{opacity:.7;cursor:wait}
#hkd-hdt-box{font:13px/1.45 Roboto,Arial,sans-serif;color:#334155;margin:4px 0 6px}#hkd-hdt-box:empty{display:none}#hkd-hdt-box a{color:#64748b;cursor:pointer;text-decoration:underline;margin-left:6px;font-size:12px}
#hkd-hdt-box details{margin-top:4px;font-size:12px}#hkd-hdt-box details div{padding:1px 0}
#hkd-hdt-box .hvp-bar{height:5px;border-radius:3px;background:#e2e8f0;overflow:hidden;margin-bottom:5px}#hkd-hdt-box .hvp-bar i{display:block;height:100%;background:#b8862b;transition:width .6s}
#hkd-hdt-box .hvp-bar.run i{background:repeating-linear-gradient(45deg,#b8862b 0 10px,#d4a54a 10px 20px);animation:hvpS 1s linear infinite}#hkd-hdt-box .hvp-bar.ok i{background:#16a34a}#hkd-hdt-box .hvp-bar.err i{background:#dc2626}
#hkd-hdt-box .k{color:#137a3e}#hkd-hdt-box .e{color:#b42318}
/* HĐĐT sync box → overlay (no extra row) */
#hkd-hdt-box{position:relative;height:0;margin:0!important;z-index:20;overflow:visible}
#hkd-hdt-box .hvp-bar{position:absolute;left:0;right:0;top:-3px;height:3px!important;margin:0!important;border-radius:2px}
#hkd-hdt-box .hvp-l{position:absolute;left:0;top:-21px;max-width:48%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11.5px;line-height:17px;background:#fff;padding:0 6px 0 0;border-radius:4px}
#hkd-hdt-box .hvp-l:hover{white-space:normal;max-width:70%;box-shadow:0 6px 18px rgba(15,23,42,.18);padding:6px 10px;z-index:30;top:-24px}
#hkd-hdt-box .hvp-l details{display:none}#hkd-hdt-box .hvp-l:hover details{display:block}

/* ===== TẠO PHIẾU — gộp hàng PHIẾU ĐÃ TẠO + nút vào cùng hàng NGÀY/KHÁCH/SỐ/MIN/MAX (2 hàng trên desktop) — s2r 2026-10-17 ===== */
@media (min-width: 1000px) {
  body[data-hkd-page="sales-create"]:not(.hkd-amthuc-mode) .hkd-tao-auto {
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    gap: 4px 5px !important;
    padding: 5px 8px !important;
  }
  body[data-hkd-page="sales-create"]:not(.hkd-amthuc-mode) .hkd-tao-auto > div { flex-shrink: 0 !important; }
  body[data-hkd-page="sales-create"]:not(.hkd-amthuc-mode) .hkd-tao-auto .label {
    margin-bottom: 1px !important; font-size: 9.5px !important; line-height: 1.1 !important;
  }
  body[data-hkd-page="sales-create"]:not(.hkd-amthuc-mode) .hkd-tao-auto .input {
    height: 30px !important; min-height: 30px !important; padding-top: 3px !important; padding-bottom: 3px !important;
    font-size: 12.5px !important; border-radius: 8px !important; padding-left: 7px !important;
  }
  body[data-hkd-page="sales-create"]:not(.hkd-amthuc-mode) .hkd-tao-auto .hkd-tao-f-date { flex: 0 0 104px !important; width: 104px !important; max-width: 104px !important; }
  body[data-hkd-page="sales-create"]:not(.hkd-amthuc-mode) .hkd-tao-auto .hkd-tao-f-cust {
    flex: 1 1 104px !important; min-width: 96px !important; max-width: 280px !important; width: auto !important; flex-shrink: 1 !important;
  }
  body[data-hkd-page="sales-create"]:not(.hkd-amthuc-mode) .hkd-tao-auto .hkd-tao-f-cust .input { text-overflow: ellipsis !important; }
  body[data-hkd-page="sales-create"]:not(.hkd-amthuc-mode) .hkd-tao-auto .hkd-tao-f-count { flex: 0 0 38px !important; width: 38px !important; max-width: 38px !important; }
  body[data-hkd-page="sales-create"]:not(.hkd-amthuc-mode) .hkd-tao-auto .hkd-tao-f-min,
  body[data-hkd-page="sales-create"]:not(.hkd-amthuc-mode) .hkd-tao-auto .hkd-tao-f-max { flex: 0 0 76px !important; width: 76px !important; max-width: 76px !important; }
  /* nhóm nút: cùng hàng, không xuống dòng */
  body[data-hkd-page="sales-create"]:not(.hkd-amthuc-mode) .hkd-tao-auto .hkd-tao-f-actions,
  body[data-hkd-page="sales-create"]:not(.hkd-amthuc-mode) .hkd-tao-auto .hkd-tao-f-actions:has(#hkd-mx-sync2),
  body[data-hkd-page="sales-create"]:not(.hkd-amthuc-mode) .hkd-tao-auto .hkd-tao-f-actions .hkd-tao-list-actions,
  body[data-hkd-page="sales-create"]:not(.hkd-amthuc-mode) .hkd-tao-auto .hkd-tao-f-actions:has(#hkd-mx-sync2) .hkd-tao-list-actions {
    flex-wrap: nowrap !important; white-space: nowrap !important; max-width: none !important;
    row-gap: 0 !important; gap: 3px !important; align-items: center !important;
  }
  body[data-hkd-page="sales-create"]:not(.hkd-amthuc-mode) .hkd-tao-auto .hkd-tao-f-actions {
    flex: 0 0 auto !important; margin-left: 2px !important; height: 30px !important; align-self: flex-end !important;
    padding-left: 5px !important; border-left: 1px solid #e2e8f0 !important;
  }
  /* khoảng ngày đã có ở thanh TỪ/ĐẾN phía trên → ẩn bớt cho gọn */
  body[data-hkd-page="sales-create"]:not(.hkd-amthuc-mode) .hkd-tao-auto .hkd-tao-list-range { display: none !important; }
  body[data-hkd-page="sales-create"]:not(.hkd-amthuc-mode) .hkd-tao-auto .hkd-tao-list-title { font-size: 11px !important; gap: 3px !important; }
  body[data-hkd-page="sales-create"]:not(.hkd-amthuc-mode) .hkd-tao-auto .hkd-tao-checkall { font-size: 10px !important; gap: 3px !important; }
  body[data-hkd-page="sales-create"]:not(.hkd-amthuc-mode) .hkd-tao-auto .hkd-tao-sel-count { font-size: 10px !important; }
  body[data-hkd-page="sales-create"]:not(.hkd-amthuc-mode) .hkd-tao-auto #hkd-mx-sync2,
  body[data-hkd-page="sales-create"]:not(.hkd-amthuc-mode) .hkd-tao-auto #hkd-mx-nc,
  body[data-hkd-page="sales-create"]:not(.hkd-amthuc-mode) .hkd-tao-auto #hkd-mx-bulk {
    margin: 0 !important; padding: 4px 8px !important; font-size: 10px !important;
  }
  body[data-hkd-page="sales-create"]:not(.hkd-amthuc-mode) .hkd-tao-auto .hkd-tao-btn-del { padding: 3px 8px !important; font-size: 10px !important; }
  body[data-hkd-page="sales-create"]:not(.hkd-amthuc-mode) .hkd-tao-auto .hkd-tao-btn-preview,
  body[data-hkd-page="sales-create"]:not(.hkd-amthuc-mode) .hkd-tao-auto .hkd-tao-btn-create {
    min-height: 30px !important; height: 30px !important; padding: 2px 9px !important; font-size: 10.5px !important; gap: 4px !important; border-radius: 8px !important;
  }
  body[data-hkd-page="sales-create"]:not(.hkd-amthuc-mode) .hkd-tao-auto .hkd-tao-btn-preview svg { width: 13px !important; height: 13px !important; }
}

/* ===== [hddtpull 2026-10-18] HĐ VÀO / HĐ RA (THUẾ): vùng lọc + nút gọn tối đa 2 dòng ===== */
body[data-hkd-page="tax-in"] #hkd-filter-bar,body[data-hkd-page="tax-out"] #hkd-filter-bar{flex-wrap:nowrap!important;gap:4px!important;margin:0 0 6px!important;padding:5px 8px!important;border-radius:10px!important;overflow-x:auto;scrollbar-width:thin}
body[data-hkd-page="tax-in"] #hkd-filter-bar .hkd-filters,body[data-hkd-page="tax-out"] #hkd-filter-bar .hkd-filters{flex-wrap:nowrap!important;gap:3px!important;min-width:0!important}
body[data-hkd-page="tax-in"] #hkd-filter-bar button[data-q],body[data-hkd-page="tax-out"] #hkd-filter-bar button[data-q]{padding:0 7px!important;height:26px!important;min-height:0!important;font-size:10px!important;line-height:1!important;flex:0 0 auto!important}
body[data-hkd-page="tax-in"] #hkd-filter-bar label,body[data-hkd-page="tax-out"] #hkd-filter-bar label{font-size:10.5px!important;gap:4px!important;flex:0 0 auto!important;white-space:nowrap}
body[data-hkd-page="tax-in"] #hkd-filter-bar input,body[data-hkd-page="tax-out"] #hkd-filter-bar input{height:26px!important;min-height:0!important;padding:2px 6px!important;font-size:11px!important;width:92px!important}
body[data-hkd-page="tax-in"] #hkd-filter-bar .hkd-tao-modes-filter,body[data-hkd-page="tax-out"] #hkd-filter-bar .hkd-tao-modes-filter,
body[data-hkd-page="tax-in"] #hkd-filter-bar #hkd-lam-moi,body[data-hkd-page="tax-out"] #hkd-filter-bar #hkd-lam-moi,
body[data-hkd-page="tax-in"] #hkd-filter-bar .hkd-refresh-btn,body[data-hkd-page="tax-out"] #hkd-filter-bar .hkd-refresh-btn{display:none!important}
body[data-hkd-page="tax-in"] .hkd-cmp-root>*+*,body[data-hkd-page="tax-out"] .hkd-cmp-root>*+*{margin-top:6px!important}
.hkd-cmp-head{gap:10px!important}
.hkd-cmp-head>div:first-child{min-width:0;flex:1 1 auto}
.hkd-cmp-head h1{font-size:17px!important;white-space:nowrap}
.hkd-cmp-head h1+p{display:none!important}
.hkd-cmp-head>div:last-child{flex:0 0 auto;gap:6px!important;max-width:100%;overflow-x:auto;scrollbar-width:none}
.hkd-cmp-head>div:last-child .btn,.hkd-cmp-head .hkd-pull-btn{height:32px!important;min-height:0!important;padding:0 11px!important;font-size:11.5px!important}
.hkd-pull-btn{background:#b8862b!important;color:#fff!important;border:0!important;border-radius:8px!important;font-weight:800;white-space:nowrap;cursor:pointer}
.hkd-pull-btn:disabled{opacity:.7;cursor:wait}
.hkd-pull-st{font:600 11px/1.35 Roboto,Arial,sans-serif;color:#334155;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.hkd-pull-st:hover{white-space:normal}
.hkd-pull-st:empty{display:none}
.hkd-pull-st .k{color:#137a3e;font-weight:800}.hkd-pull-st .e{color:#b42318}.hkd-pull-st .m{color:#64748b}
.hkd-pull-st a{color:#b8862b;cursor:pointer;text-decoration:underline;font-weight:800}
body[data-hkd-page="tax-in"] #hkd-hdt-box,body[data-hkd-page="tax-out"] #hkd-hdt-box{display:none!important}
@media screen and (min-width:1025px){html body main .hkd-cmp-root.hkd-cmp-root.hkd-cmp-root{display:block!important}html body main .hkd-cmp-root.hkd-cmp-root>.hkd-cmp-head.hkd-cmp-head{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important}html body main .hkd-cmp-root.hkd-cmp-root>.hkd-cmp-hidden.hkd-cmp-hidden.hkd-cmp-hidden{display:none!important}}
@media screen and (max-width:1024px){html body[data-hkd-page="tax-in"] main .hkd-cmp-head>div:last-child,html body[data-hkd-page="tax-out"] main .hkd-cmp-head>div:last-child{flex-wrap:nowrap!important;overflow-x:auto!important;width:100%}html body[data-hkd-page="tax-in"] main .hkd-cmp-head>div:last-child>*,html body[data-hkd-page="tax-out"] main .hkd-cmp-head>div:last-child>*{flex:0 0 auto!important}html body[data-hkd-page="tax-in"] main .hkd-cmp-head>div:last-child .btn,html body[data-hkd-page="tax-out"] main .hkd-cmp-head>div:last-child .btn{white-space:nowrap!important;height:32px!important;min-height:0!important;padding:0 10px!important}html body[data-hkd-page="tax-in"] main .hkd-cmp-head,html body[data-hkd-page="tax-out"] main .hkd-cmp-head{gap:4px!important}}