/* Pricing-owned CSS — không sync từ Hiring kit. Nguồn: hw-mist-table.css (đã tách ownership). */
/*
 * Pricing Menu Canvas (1) — table chrome 100%.
 * Load AFTER pricing-chrome-table.css + pricing-dense-form.css.
 */
html.hw-material-pricing,
.hw-tool-app.hw-pricing-material {
  --mist-border: #e6ecf1;
  --mist-head-bg: #f7fafc;
  --mist-head-fg: #5e6e7e;
  --mist-row-line: #eef2f6;
  --mist-hover: #f8fafc;
  --mist-ink: #1d2b39;
  --mist-muted: #46586a;
  --mist-chip-bg: #eaf2fb;
  --mist-chip-fg: #165096;
  --mist-accent: #1c64bc;
  --mist-radius: 14px;
}

/* Khung card bảng */
.hw-tool-app .jen-sc-table-wrap,
.hw-tool-app .hw-table-wrap:not(.hw-md-datatable),
.hw-tool-app .hw-mist-canvas-table,
.hw-tool-app .inland-table-wrap,
.hw-tool-app .jen-sc-card.inland-list-card,
.hw-tool-app .jen-sc-card:has(.jen-sc-table-wrap) {
  background: #fff !important;
  border: 1px solid var(--mist-border) !important;
  border-radius: var(--mist-radius) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
.hw-tool-app .jen-sc-card.inland-list-card,
.hw-tool-app .jen-sc-card:has(.jen-sc-table-wrap) {
  padding: 0 !important;
}
.hw-tool-app .jen-sc-card.inland-list-card > .jen-sc-table-wrap,
.hw-tool-app .jen-sc-card:has(.jen-sc-table-wrap) > .jen-sc-table-wrap {
  border: 0 !important;
  border-radius: 0 !important;
}

/* Bỏ khung/đệm Hiring còn sót */
.hw-tool-app .jen-sc-table,
.hw-tool-app .v-data-table,
.hw-tool-app .v-table {
  background: transparent !important;
  box-shadow: none !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 13px !important;
  color: var(--mist-ink) !important;
}

/* Header — Canvas 12px/500 #5E6E7E trên #F7FAFC */
.hw-tool-app table thead th,
.hw-tool-app .v-data-table__th,
.hw-tool-app .v-data-table thead th,
.hw-tool-app .v-table thead th,
.hw-tool-app .jen-sc-table thead th,
.hw-tool-app .hw-table-wrap table thead th,
.v-overlay-container .hw-tool-app table thead th {
  box-sizing: border-box !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 10px 18px !important;
  background: var(--mist-head-bg) !important;
  color: var(--mist-head-fg) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-align: left !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  border-bottom: 1px solid var(--mist-border) !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
}

/* Body rows */
.hw-tool-app table tbody td,
.hw-tool-app .v-data-table__td,
.hw-tool-app .jen-sc-table tbody td,
.hw-tool-app .hw-table-wrap table tbody td {
  box-sizing: border-box !important;
  height: auto !important;
  min-height: 46px !important;
  padding: 12px 18px !important;
  background: #fff !important;
  color: var(--mist-ink) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-align: left !important;
  vertical-align: middle !important;
  border-bottom: 1px solid var(--mist-row-line) !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
}

/* Không zebra Hiring */
.hw-tool-app table tbody tr:nth-child(even) > td,
.hw-tool-app .v-data-table__tr:nth-child(even) > td,
.hw-tool-app .jen-sc-table tbody tr:nth-child(even) > td {
  background: #fff !important;
}

.hw-tool-app table tbody tr:hover > td,
.hw-tool-app .v-data-table__tr:hover > td,
.hw-tool-app .jen-sc-table tbody tr:hover > td,
.hw-tool-app .hw-table-wrap table tbody tr:hover > td {
  background: var(--mist-hover) !important;
}

.hw-tool-app table tbody tr:last-child > td {
  border-bottom: 0 !important;
}

/* Mã / link accent Canvas */
.hw-tool-app .jen-sc-table tbody td .tnum,
.hw-tool-app table tbody td a {
  color: var(--mist-accent);
  font-weight: 500;
}

/* Chip / tag — bỏ màu success/warning/primary Hiring; một tone mist */
.hw-tool-app .v-chip,
.hw-tool-app .jen-sc-chip,
.hw-tool-app .inland-master-table .v-chip {
  background: var(--mist-chip-bg) !important;
  color: var(--mist-chip-fg) !important;
  border: 0 !important;
  border-radius: 9px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}
.hw-tool-app .v-chip .v-chip__underlay,
.hw-tool-app .v-chip .v-chip__overlay {
  opacity: 0 !important;
  background: transparent !important;
}

/* Header filter button — text header Canvas, không pill Hiring */
.hw-tool-app thead .hw-project-view-btn,
.hw-tool-app .jen-sc-table thead .hw-project-view-btn,
.hw-tool-app .inland-master-table thead .hw-project-view-btn {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  gap: 4px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--mist-head-fg) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-transform: none !important;
}
.hw-tool-app thead .hw-project-view-btn:hover,
.hw-tool-app thead .hw-project-view-btn.is-active {
  background: transparent !important;
  color: var(--mist-ink) !important;
}
.hw-tool-app thead .hw-project-view-btn .v-icon {
  color: #7a8b9a !important;
  opacity: 0.9;
}

/* Hàng nhập mới (inline) — ô giống Canvas search field */
.hw-tool-app .inland-inline-row > td {
  background: #fff !important;
  padding: 10px 12px !important;
  border-bottom: 1px solid var(--mist-row-line) !important;
}
.hw-tool-app .inland-master-table .inland-inline-row .v-field {
  --v-field-border-opacity: 1;
  border-radius: 10px !important;
  background: #fff !important;
}
.hw-tool-app .inland-master-table .inland-inline-row .v-field__outline {
  --v-field-border-width: 1px;
  color: #dce5ec !important;
}
.hw-tool-app .inland-master-table .inland-inline-row .v-field--focused .v-field__outline {
  color: #1f6fd1 !important;
}

/* Footer pager mist */
.hw-tool-app .v-data-table-footer,
.hw-tool-app .jen-sc-pager,
.hw-tool-app .hw-hiring-pagination {
  border-top: 1px solid var(--mist-border) !important;
  background: #fff !important;
  color: var(--mist-muted) !important;
  font-size: 13px !important;
  min-height: 48px !important;
  padding: 4px 12px !important;
  box-shadow: none !important;
}
.hw-tool-app .v-data-table-footer .v-btn,
.hw-tool-app .jen-sc-pager .v-btn {
  color: var(--mist-muted) !important;
}

/* Material DataTable (Cảng biển) cùng mist */
.hw-tool-app .hw-md-datatable,
.hw-tool-app .hw-md-datatable .hw-dt {
  border: 1px solid var(--mist-border) !important;
  border-radius: var(--mist-radius) !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: none !important;
}


/* Canvas page align — head/fbar/bảng cùng gutter */
html.hw-material-pricing .hw-jen-dense,
html.hw-material-pricing .hw-shell.hw-pricing-body > .hw-content {
  background: #ffffff !important;
}
html.hw-material-pricing .hw-mist-page {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  min-width: 0;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
html.hw-material-pricing .hw-mist-page > .hw-mist-canvas-section,
html.hw-material-pricing .hw-mist-page > .hw-pm-table-wrap,
html.hw-material-pricing .hw-mist-page > .hw-md-datatable,
html.hw-material-pricing .hw-mist-page > .hw-mist-canvas-table {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
html.hw-material-pricing .hw-mist-canvas-section > .hw-mist-canvas-table,
html.hw-material-pricing .hw-mist-canvas-section > .hw-pm-table-wrap,
html.hw-material-pricing .hw-mist-canvas-section > .hw-md-datatable {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  width: 100%;
  max-width: 100%;
}
html.hw-material-pricing .hw-jen-dense .jen-sc-card,
html.hw-material-pricing .hw-jen-dense .jen-card,
html.hw-material-pricing .hw-jen-dense .jen-md .jen-sc-card,
html.hw-material-pricing .hw-jen-dense .jen-amc .jen-sc-card,
html.hw-material-pricing .hw-jen-dense .jen-sc-stack > .jen-sc-card,
html.hw-material-pricing .hw-jen-dense .jen-sc-stack > .hw-contract-rates,
html.hw-material-pricing .hw-jen-dense .jen-sc-stack > .hw-carrier-contracts {
  margin: 0 !important;
}
html.hw-material-pricing .hw-jen-dense .jen-sc-card:has(.jen-sc-table-wrap),
html.hw-material-pricing .hw-jen-dense .jen-sc-card.inland-list-card,
html.hw-material-pricing .hw-jen-dense .jen-sc-card.md-partner-list-card,
html.hw-material-pricing .hw-mist-canvas-table {
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--mist-border) !important;
  border-radius: var(--mist-radius) !important;
  background: #fff !important;
  box-shadow: none !important;
  overflow: hidden !important;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
html.hw-material-pricing .hw-jen-dense .jen-md .jen-sc-card:has(.jen-sc-table-wrap) > .jen-sc-table-wrap,
html.hw-material-pricing .hw-jen-dense .jen-sc-card.md-partner-list-card > .jen-sc-table-wrap {
  border: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
}
html.hw-material-pricing .hw-jen-dense .jen-sc-chip {
  border-radius: 9px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}