/* Final mobile/tablet overrides.
   Loaded after page inline styles so desktop register rules cannot leak onto phones. */

/* Shared workflow record status polish.
   This file loads after template-level CSS, so these rules keep the status chips
   consistent across the Deals -> TINV record tables. */
body.vtsa-page-deals .deals-table th:nth-child(3),
body.vtsa-page-deals .deals-table td:nth-child(3),
body.vtsa-page-drs .drs-table th:nth-child(9),
body.vtsa-page-drs .drs-table td:nth-child(9),
body.vtsa-page-loo .loo-table th:nth-child(7),
body.vtsa-page-loo .loo-table td:nth-child(7),
body.vtsa-page-po .po-table th:nth-child(7),
body.vtsa-page-po .po-table td:nth-child(7),
body.vtsa-page-pfi .pfi-table th:nth-child(9),
body.vtsa-page-pfi .pfi-table td:nth-child(9),
body.vtsa-page-ci .ci-table th:nth-child(8),
body.vtsa-page-ci .ci-table td:nth-child(8),
body.vtsa-page-tinv .tinv-table th:nth-child(9),
body.vtsa-page-tinv .tinv-table td:nth-child(9) {
  text-align: center !important;
}

body.vtsa-page-deals .deals-pill,
body.vtsa-page-drs .drs-pill,
body.vtsa-page-loo .loo-pill,
body.vtsa-page-po .po-pill,
body.vtsa-page-pfi .pfi-pill,
body.vtsa-page-ci .ci-pill,
body.vtsa-page-tinv .tinv-missing-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  min-width: 0 !important;
  max-width: 112px !important;
  min-height: 20px !important;
  height: auto !important;
  padding: 2px 7px !important;
  border: 1px solid #dbe4ee !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  box-sizing: border-box !important;
}

body.vtsa-page-tinv .tinv-missing-pill > span {
  line-height: 1.05 !important;
}

body.vtsa-page-deals .deals-pill.draft,
body.vtsa-page-deals .deals-pill.pending,
body.vtsa-page-drs .drs-pill.draft,
body.vtsa-page-drs .drs-pill.needs-revision,
body.vtsa-page-po .po-pill.draft,
body.vtsa-page-po .po-pill.pending-dispatch,
body.vtsa-page-pfi .pfi-pill.draft,
body.vtsa-page-pfi .pfi-pill.missing-payment-proof,
body.vtsa-page-ci .ci-pill.draft {
  border-color: #fed7aa !important;
}

body.vtsa-page-deals .deals-pill.approved,
body.vtsa-page-deals .deals-pill.complete,
body.vtsa-page-deals .deals-pill.completed,
body.vtsa-page-deals .deals-pill.signed,
body.vtsa-page-drs .drs-pill.approved-internally,
body.vtsa-page-drs .drs-pill.converted-to-loo,
body.vtsa-page-po .po-pill.supplier-pos,
body.vtsa-page-po .po-pill.buyer-pos,
body.vtsa-page-po .po-pill.sent,
body.vtsa-page-po .po-pill.approved,
body.vtsa-page-pfi .pfi-pill.paid,
body.vtsa-page-pfi .pfi-pill.ready-for-ci,
body.vtsa-page-ci .ci-pill.paid,
body.vtsa-page-ci .ci-pill.reconciled,
body.vtsa-page-ci .ci-pill.issued,
body.vtsa-page-tinv .tinv-missing-pill:not(.needs-work) {
  border-color: #bbf7d0 !important;
}

body.vtsa-page-drs .drs-pill.submitted-for-review,
body.vtsa-page-loo .loo-pill.sent,
body.vtsa-page-pfi .pfi-pill.awaiting-payment {
  border-color: #bfdbfe !important;
}

body.vtsa-page-drs .drs-pill.rejected,
body.vtsa-page-loo .loo-pill.rejected,
body.vtsa-page-loo .loo-pill.expired,
body.vtsa-page-tinv .tinv-missing-pill.needs-work {
  border-color: #fecaca !important;
}

/* Desktop register cleanup: remove dead whitespace, keep values readable, and
   make action buttons consistent across Deals -> TINV. */
@media (min-width: 901px) {
  body.vtsa-page-deals .deals-table-wrap,
  body.vtsa-page-drs .drs-table-wrap,
  body.vtsa-page-loo .loo-table-wrap,
  body.vtsa-page-po .po-table-wrap,
  body.vtsa-page-pfi .pfi-table-wrap,
  body.vtsa-page-ci .ci-table-wrap,
  body.vtsa-page-tinv .tinv-table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
  }

  body.vtsa-page-deals .deals-table,
  body.vtsa-page-drs .drs-table,
  body.vtsa-page-loo .loo-table,
  body.vtsa-page-po .po-table,
  body.vtsa-page-pfi .pfi-table,
  body.vtsa-page-ci .ci-table,
  body.vtsa-page-tinv .tinv-table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
  }

  body.vtsa-page-drs .drs-record-col-value {
    width: 170px !important;
  }

  body.vtsa-page-drs .drs-record-col-actions {
    width: 340px !important;
  }

  body.vtsa-page-po .po-spo-table col:nth-child(1) { width: 145px !important; }
  body.vtsa-page-po .po-spo-table col:nth-child(2) { width: 115px !important; }
  body.vtsa-page-po .po-spo-table col:nth-child(3) { width: 165px !important; }
  body.vtsa-page-po .po-spo-table col:nth-child(4) { width: 86px !important; }
  body.vtsa-page-po .po-spo-table col:nth-child(5) { width: 118px !important; }
  body.vtsa-page-po .po-spo-table col:nth-child(6) { width: 142px !important; }
  body.vtsa-page-po .po-spo-table col:nth-child(7) { width: 108px !important; }
  body.vtsa-page-po .po-spo-table col:nth-child(8) { width: 250px !important; }

  body.vtsa-page-po .po-bpo-table col:nth-child(1) { width: 220px !important; }
  body.vtsa-page-po .po-bpo-table col:nth-child(2) { width: 120px !important; }
  body.vtsa-page-po .po-bpo-table col:nth-child(3) { width: 165px !important; }
  body.vtsa-page-po .po-bpo-table col:nth-child(4) { width: 86px !important; }
  body.vtsa-page-po .po-bpo-table col:nth-child(5) { width: 130px !important; }
  body.vtsa-page-po .po-bpo-table col:nth-child(6) { width: 150px !important; }
  body.vtsa-page-po .po-bpo-table col:nth-child(7) { width: 112px !important; }
  body.vtsa-page-po .po-bpo-table col:nth-child(8) { width: 250px !important; }

  body.vtsa-page-deals .deals-table td,
  body.vtsa-page-drs .drs-table td,
  body.vtsa-page-loo .loo-table td,
  body.vtsa-page-po .po-table td,
  body.vtsa-page-pfi .pfi-table td,
  body.vtsa-page-ci .ci-table td,
  body.vtsa-page-tinv .tinv-table td {
    min-width: 0 !important;
  }

  body.vtsa-page-drs .drs-money,
  body.vtsa-page-loo .loo-money,
  body.vtsa-page-po .po-money,
  body.vtsa-page-pfi .pfi-money,
  body.vtsa-page-ci .ci-money,
  body.vtsa-page-tinv .tinv-money {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  body.vtsa-page-po .po-table th:nth-child(4),
  body.vtsa-page-po .po-table td:nth-child(4),
  body.vtsa-page-pfi .pfi-table th:nth-child(5),
  body.vtsa-page-pfi .pfi-table td:nth-child(5),
  body.vtsa-page-ci .ci-table th:nth-child(4),
  body.vtsa-page-ci .ci-table td:nth-child(4),
  body.vtsa-page-tinv .tinv-table th:nth-child(5),
  body.vtsa-page-tinv .tinv-table td:nth-child(5) {
    text-align: center !important;
  }

  body.vtsa-page-deals .deals-table th:last-child,
  body.vtsa-page-deals .deals-table td:last-child,
  body.vtsa-page-drs .drs-table th:last-child,
  body.vtsa-page-drs .drs-table td:last-child,
  body.vtsa-page-loo .loo-table th:last-child,
  body.vtsa-page-loo .loo-table td:last-child,
  body.vtsa-page-po .po-table th:last-child,
  body.vtsa-page-po .po-table td:last-child,
  body.vtsa-page-pfi .pfi-table th:last-child,
  body.vtsa-page-pfi .pfi-table td:last-child,
  body.vtsa-page-ci .ci-table th:last-child,
  body.vtsa-page-ci .ci-table td:last-child,
  body.vtsa-page-tinv .tinv-table th:last-child,
  body.vtsa-page-tinv .tinv-table td:last-child {
    overflow: visible !important;
    text-overflow: clip !important;
  }

  body.vtsa-page-deals .deals-row-actions,
  body.vtsa-page-drs .drs-row-actions,
  body.vtsa-page-loo .loo-row-actions,
  body.vtsa-page-po .po-row-actions,
  body.vtsa-page-pfi .pfi-row-actions,
  body.vtsa-page-ci .ci-row-actions,
  body.vtsa-page-tinv .tinv-row-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    width: auto !important;
    max-width: 100% !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  body.vtsa-page-deals .deals-row-actions form,
  body.vtsa-page-drs .drs-row-actions form,
  body.vtsa-page-loo .loo-row-actions form,
  body.vtsa-page-po .po-row-actions form,
  body.vtsa-page-pfi .pfi-row-actions form,
  body.vtsa-page-ci .ci-row-actions form,
  body.vtsa-page-tinv .tinv-row-actions form {
    display: inline-flex !important;
    align-items: stretch !important;
    width: auto !important;
    height: 28px !important;
    min-height: 28px !important;
    margin: 0 !important;
  }

  body.vtsa-page-deals .deals-row-actions a,
  body.vtsa-page-deals .deals-row-actions button,
  body.vtsa-page-drs .drs-row-actions a,
  body.vtsa-page-drs .drs-row-actions button,
  body.vtsa-page-loo .loo-row-actions a,
  body.vtsa-page-loo .loo-row-actions button,
  body.vtsa-page-po .po-row-actions a,
  body.vtsa-page-po .po-row-actions button,
  body.vtsa-page-pfi .pfi-row-actions a,
  body.vtsa-page-pfi .pfi-row-actions button,
  body.vtsa-page-ci .ci-row-actions a,
  body.vtsa-page-ci .ci-row-actions button,
  body.vtsa-page-tinv .tinv-row-actions a,
  body.vtsa-page-tinv .tinv-row-actions button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 28px !important;
    height: 28px !important;
    max-height: 28px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    font-size: 11.5px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body.vtsa-page-drs .drs-row-actions .drs-approval-required {
    min-width: 116px !important;
  }
}

@media (max-width: 900px) {
  body.vtsa-page-loo,
  body.vtsa-page-drs,
  body.vtsa-page-ci,
  body.vtsa-page-po,
  body.vtsa-page-pfi,
  body.vtsa-page-tinv,
  body.vtsa-page-accounting,
  body.vtsa-page-logistics {
    overflow-x: hidden !important;
  }

  body.vtsa-page-loo main.shell,
  body.vtsa-page-drs main.shell,
  body.vtsa-page-ci main.shell,
  body.vtsa-page-po main.shell,
  body.vtsa-page-pfi main.shell,
  body.vtsa-page-tinv main.shell,
  body.vtsa-page-accounting main.shell,
  body.vtsa-page-logistics main.shell,
  body.vtsa-page-loo .shell,
  body.vtsa-page-drs .shell,
  body.vtsa-page-ci .shell,
  body.vtsa-page-po .shell,
  body.vtsa-page-pfi .shell,
  body.vtsa-page-tinv .shell,
  body.vtsa-page-accounting .shell,
  body.vtsa-page-logistics .shell {
    width: min(100%, calc(100vw - 20px)) !important;
    max-width: calc(100vw - 20px) !important;
    margin: 14px auto 44px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .loo-workflow-page,
  .drs-workflow-page,
  .ci-workflow-page,
  .po-workflow-page,
  .pfi-workflow-page,
  .tinv-workflow-page,
  .accounting-dashboard,
  .logistics-page {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .accounting-dashboard {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .loo-hero-card,
  .drs-hero-card,
  .ci-hero-card,
  .po-hero-card,
  .pfi-hero-card,
  .tinv-hero-card,
  .accounting-dashboard .accounting-hero-panel,
  .accounting-dashboard .accounting-hero-panel.accounting-calm-header,
  .logistics-hero {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    align-items: start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 18px !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .loo-hero-card > *,
  .drs-hero-card > *,
  .ci-hero-card > *,
  .po-hero-card > *,
  .pfi-hero-card > *,
  .tinv-hero-card > *,
  .accounting-dashboard .accounting-hero-panel > *,
  .logistics-hero > * {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .loo-hero-card h1,
  .drs-hero-card h1,
  .ci-hero-card h1,
  .po-hero-card h1,
  .pfi-hero-card h1,
  .tinv-hero-card h1,
  .accounting-dashboard .accounting-hero-panel h1,
  .logistics-hero h1 {
    font-size: clamp(32px, 10vw, 46px) !important;
    line-height: 1.02 !important;
    letter-spacing: 0 !important;
    overflow-wrap: anywhere !important;
  }

  .loo-hero-card p,
  .drs-hero-card p,
  .ci-hero-card p,
  .po-hero-card p,
  .pfi-hero-card p,
  .tinv-hero-card p,
  .accounting-dashboard .accounting-hero-panel .hero-subtitle,
  .logistics-hero p {
    max-width: 100% !important;
    font-size: clamp(15px, 4.2vw, 18px) !important;
    line-height: 1.34 !important;
    overflow-wrap: break-word !important;
  }

  .loo-actions,
  .drs-actions,
  .ci-actions,
  .po-actions,
  .pfi-actions,
  .tinv-actions,
  .accounting-dashboard .accounting-hero-actions,
  .logistics-hero-actions {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    justify-content: stretch !important;
    align-items: stretch !important;
    gap: 8px !important;
  }

  .loo-actions a,
  .drs-actions a,
  .ci-actions a,
  .po-actions a,
  .pfi-actions a,
  .tinv-action,
  .accounting-dashboard .accounting-hero-actions .accounting-btn,
  .logistics-hero-actions .logistics-btn,
  .logistics-hero-actions button {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    height: auto !important;
    padding: 9px 12px !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.12 !important;
  }

  .loo-kpi-grid,
  .drs-kpi-grid,
  .ci-kpi-grid,
  .po-kpi-grid,
  .pfi-kpi-grid,
  .tinv-kpi-grid,
  .logistics-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .po-kpi-card,
  .drs-kpi-card,
  .po-inventory-metric,
  .accounting-dashboard .accounting-metrics article,
  .logistics-kpi {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    container-type: inline-size;
  }

  .po-kpi-card strong,
  .drs-kpi-card strong,
  .po-inventory-metric strong {
    max-width: 100% !important;
    font-size: clamp(23px, 12cqw, 42px) !important;
    line-height: 0.98 !important;
    letter-spacing: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  .po-kpi-card.value strong,
  .drs-kpi-card.value strong,
  .drs-kpi-card.good strong,
  .po-kpi-card.warning strong {
    font-size: clamp(21px, 11cqw, 40px) !important;
  }

  .accounting-dashboard .accounting-metrics strong,
  .accounting-dashboard .accounting-control-strip strong,
  .accounting-dashboard .accounting-context-list strong,
  .logistics-kpi strong {
    max-width: 100% !important;
    font-size: clamp(24px, 14cqw, 38px) !important;
    line-height: 1 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  .loo-filters,
  .drs-filters,
  .ci-filters,
  .po-filters,
  .pfi-filters,
  .tinv-filters,
  .logistics-filters,
  .po-buyer-scan-form,
  .po-buyer-scan-head,
  .po-inventory-grid,
  .po-inventory-lists,
  .accounting-dashboard .accounting-primary-metrics,
  .accounting-dashboard .accounting-review-grid,
  .accounting-dashboard .accounting-grid-two,
  .accounting-dashboard .accounting-control-strip,
  .accounting-dashboard .accounting-context-list {
    grid-template-columns: 1fr !important;
  }

  .logistics-filters {
    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 14px !important;
    box-sizing: border-box !important;
  }

  .logistics-filters label,
  .logistics-filters input,
  .logistics-filters select {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .logistics-check {
    margin-top: 0 !important;
  }

  .accounting-tabs.accounting-page-menu,
  .accounting-page-menu {
    position: sticky !important;
    top: 0 !important;
    z-index: 30 !important;
    display: flex !important;
    grid-template-columns: none !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 14px !important;
    padding: 8px !important;
    overflow-x: auto !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: none !important;
    background: rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
  }

  .accounting-tabs.accounting-page-menu::-webkit-scrollbar,
  .accounting-page-menu::-webkit-scrollbar {
    display: none !important;
  }

  .accounting-tabs.accounting-page-menu a,
  .accounting-page-menu a {
    flex: 0 0 auto !important;
    min-width: max-content !important;
    min-height: 38px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
  }

  .loo-table-wrap,
  .drs-table-wrap,
  .ci-table-wrap,
  .po-table-wrap,
  .pfi-table-wrap,
  .tinv-table-wrap,
  .logistics-table-wrap,
  .accounting-dashboard .accounting-table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .loo-table,
  .loo-table thead,
  .loo-table tbody,
  .loo-table tr,
  .loo-table th,
  .loo-table td,
  .drs-table,
  .drs-table thead,
  .drs-table tbody,
  .drs-table tr,
  .drs-table th,
  .drs-table td,
  .ci-table,
  .ci-table thead,
  .ci-table tbody,
  .ci-table tr,
  .ci-table th,
  .ci-table td,
  .po-table,
  .po-table thead,
  .po-table tbody,
  .po-table tr,
  .po-table th,
  .po-table td,
  .pfi-table,
  .pfi-table thead,
  .pfi-table tbody,
  .pfi-table tr,
  .pfi-table th,
  .pfi-table td,
  .tinv-table,
  .tinv-table thead,
  .tinv-table tbody,
  .tinv-table tr,
  .tinv-table th,
  .tinv-table td,
  .logistics-table,
  .logistics-table thead,
  .logistics-table tbody,
  .logistics-table tr,
  .logistics-table th,
  .logistics-table td,
  .accounting-dashboard .accounting-table,
  .accounting-dashboard .accounting-table thead,
  .accounting-dashboard .accounting-table tbody,
  .accounting-dashboard .accounting-table tr,
  .accounting-dashboard .accounting-table th,
  .accounting-dashboard .accounting-table td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    box-sizing: border-box !important;
    table-layout: auto !important;
  }

  .loo-table colgroup,
  .drs-table colgroup,
  .ci-table colgroup,
  .po-table colgroup,
  .tinv-table colgroup,
  .logistics-table colgroup,
  .accounting-dashboard .accounting-table colgroup,
  .loo-table thead,
  .drs-table thead,
  .ci-table thead,
  .po-table thead,
  .pfi-table colgroup,
  .pfi-table thead,
  .tinv-table thead,
  .logistics-table thead,
  .accounting-dashboard .accounting-table thead {
    display: none !important;
  }

  .loo-table,
  .drs-table,
  .ci-table,
  .po-table,
  .pfi-table,
  .tinv-table,
  .logistics-table,
  .accounting-dashboard .accounting-table {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .loo-table tbody tr,
  .drs-table tbody tr,
  .ci-table tbody tr,
  .po-table tbody tr,
  .pfi-table tbody tr,
  .tinv-table tbody tr,
  .logistics-table tbody tr,
  .accounting-dashboard .accounting-table tbody tr {
    margin: 0 0 12px !important;
    padding: 14px !important;
    border: 1px solid #dbe4ee !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06) !important;
  }

  .loo-table td,
  .drs-table td,
  .ci-table td,
  .po-table td,
  .pfi-table td,
  .tinv-table td,
  .logistics-table td,
  .accounting-dashboard .accounting-table td {
    display: grid !important;
    grid-template-columns: minmax(86px, 0.38fr) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 7px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(100, 116, 139, 0.15) !important;
    color: #111827 !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
  }

  .loo-table td:last-child,
  .drs-table td:last-child,
  .ci-table td:last-child,
  .po-table td:last-child,
  .pfi-table td:last-child,
  .tinv-table td:last-child,
  .logistics-table td:last-child,
  .accounting-dashboard .accounting-table td:last-child {
    grid-template-columns: 1fr !important;
    border-bottom: 0 !important;
    padding-top: 10px !important;
  }

  .loo-table td::before,
  .drs-table td::before,
  .ci-table td::before,
  .po-table td::before,
  .pfi-table td::before,
  .tinv-table td::before,
  .logistics-table td::before {
    content: attr(data-label) !important;
  }

  .accounting-dashboard .accounting-table td:nth-child(1)::before { content: "Deal No." !important; }
  .accounting-dashboard .accounting-table td:nth-child(2)::before { content: "Buyer" !important; }
  .accounting-dashboard .accounting-table td:nth-child(3)::before { content: "Supplier" !important; }
  .accounting-dashboard .accounting-table td:nth-child(4)::before { content: "Issue" !important; }
  .accounting-dashboard .accounting-table td:nth-child(5)::before { content: "Risk" !important; }
  .accounting-dashboard .accounting-table td:nth-child(6)::before { content: "Action" !important; }

  .loo-table td::before,
  .drs-table td::before,
  .ci-table td::before,
  .po-table td::before,
  .pfi-table td::before,
  .tinv-table td::before,
  .logistics-table td::before,
  .accounting-dashboard .accounting-table td::before {
    color: #64748b !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: 0.08em !important;
    line-height: 1.12 !important;
    text-transform: uppercase !important;
  }

  .loo-row-actions,
  .drs-row-actions,
  .ci-row-actions,
  .po-row-actions,
  .pfi-row-actions,
  .tinv-row-actions,
  .logistics-actions {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(86px, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    justify-content: stretch !important;
    align-items: stretch !important;
    flex-wrap: wrap !important;
    white-space: normal !important;
  }

  .ci-row-actions a.convert-tinv {
    grid-column: 1 / -1 !important;
  }

  .loo-row-actions a,
  .loo-row-actions button,
  .drs-row-actions a,
  .drs-row-actions button,
  .drs-row-actions form,
  .ci-row-actions a,
  .po-row-actions a,
  .po-row-actions button,
  .pfi-row-actions a,
  .tinv-row-actions a,
  .tinv-row-actions button,
  .logistics-actions a,
  .logistics-actions button,
  .logistics-actions form,
  .accounting-dashboard .table-link {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 34px !important;
    height: auto !important;
    padding: 8px 10px !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.1 !important;
    box-sizing: border-box !important;
  }

  .logistics-status,
  .risk-pill,
  .logistics-flag,
  .deals-pill,
  .drs-pill,
  .loo-pill,
  .po-pill,
  .pfi-pill,
  .ci-pill,
  .tinv-missing-pill,
  .status-pill {
    width: fit-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 20px !important;
    padding: 2px 7px !important;
    border-width: 1px !important;
    border-style: solid !important;
    font-size: 10px !important;
    line-height: 1.05 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  .logistics-flag-row {
    gap: 6px !important;
  }

  .logistics-panel {
    padding: 16px !important;
    border-radius: 16px !important;
  }

  .loo-table td[colspan],
  .drs-table td[colspan],
  .ci-table td[colspan],
  .po-table td[colspan],
  .pfi-table td[colspan],
  .tinv-table td[colspan],
  .logistics-table td[colspan],
  .accounting-dashboard .accounting-table td[colspan],
  .accounting-dashboard .accounting-table .empty-state {
    display: block !important;
    grid-template-columns: none !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 16px !important;
    border: 1px dashed #dbe4ee !important;
    border-radius: 14px !important;
    background: #f8fafc !important;
    color: #64748b !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: break-word !important;
  }

  .loo-table td[colspan]::before,
  .drs-table td[colspan]::before,
  .ci-table td[colspan]::before,
  .po-table td[colspan]::before,
  .pfi-table td[colspan]::before,
  .tinv-table td[colspan]::before,
  .logistics-table td[colspan]::before,
  .accounting-dashboard .accounting-table td[colspan]::before,
  .accounting-dashboard .accounting-table .empty-state::before {
    content: none !important;
  }

  body.vtsa-page-accounting .accounting-dashboard .accounting-table td.empty-state,
  body.vtsa-page-accounting .accounting-dashboard .empty-state {
    width: 100% !important;
    max-width: 100% !important;
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    text-align: center !important;
  }

  body.vtsa-page-accounting .accounting-dashboard .accounting-table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  body.vtsa-page-accounting .accounting-dashboard .accounting-table,
  body.vtsa-page-accounting .accounting-dashboard .accounting-table tbody,
  body.vtsa-page-accounting .accounting-dashboard .accounting-table tr,
  body.vtsa-page-accounting .accounting-dashboard .accounting-table td {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    table-layout: auto !important;
    box-sizing: border-box !important;
  }

  body.vtsa-page-accounting .accounting-dashboard .accounting-table tr.accounting-empty-row {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.vtsa-page-accounting .accounting-dashboard .accounting-table tr.accounting-empty-row td.empty-state {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body.vtsa-page-accounting .accounting-dashboard .accounting-empty-text {
    display: block !important;
    width: min(100%, 30rem) !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  body.vtsa-page-ci .ci-workflow-page .ci-table,
  body.vtsa-page-ci .ci-workflow-page .ci-table tbody,
  body.vtsa-page-ci .ci-workflow-page .ci-table tr,
  body.vtsa-page-ci .ci-workflow-page .ci-table th,
  body.vtsa-page-ci .ci-workflow-page .ci-table td {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    table-layout: auto !important;
  }

  body.vtsa-page-ci .ci-workflow-page .ci-table td {
    grid-template-columns: 96px minmax(0, 1fr) !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  body.vtsa-page-ci .ci-workflow-page .ci-table th:last-child,
  body.vtsa-page-ci .ci-workflow-page .ci-table td:last-child {
    position: static !important;
    right: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  body.vtsa-page-ci .ci-workflow-page .ci-row-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.vtsa-page-ci .ci-workflow-page .ci-row-actions a.convert-tinv {
    grid-column: 1 / -1 !important;
  }

  body.vtsa-page-drs .drs-workflow-page .drs-table,
  body.vtsa-page-drs .drs-workflow-page .drs-table tbody,
  body.vtsa-page-drs .drs-workflow-page .drs-table tr,
  body.vtsa-page-drs .drs-workflow-page .drs-table th,
  body.vtsa-page-drs .drs-workflow-page .drs-table td {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    table-layout: auto !important;
  }

  body.vtsa-page-drs .drs-workflow-page .drs-table td {
    grid-template-columns: 96px minmax(0, 1fr) !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  body.vtsa-page-drs .drs-workflow-page .drs-table th:last-child,
  body.vtsa-page-drs .drs-workflow-page .drs-table td:last-child {
    position: static !important;
    right: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  body.vtsa-page-drs .drs-workflow-page .drs-row-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    align-items: stretch !important;
  }

  body.vtsa-page-drs .drs-workflow-page .drs-row-actions a,
  body.vtsa-page-drs .drs-workflow-page .drs-row-actions button,
  body.vtsa-page-drs .drs-workflow-page .drs-row-actions form {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 34px !important;
    max-height: none !important;
    box-sizing: border-box !important;
    white-space: normal !important;
  }

  body.vtsa-page-drs .drs-workflow-page .drs-row-actions .drs-create-doc-form,
  body.vtsa-page-drs .drs-workflow-page .drs-row-actions .drs-approval-required {
    grid-column: 1 / -1 !important;
  }

  body.vtsa-page-loo .loo-workflow-page .loo-table,
  body.vtsa-page-loo .loo-workflow-page .loo-table tbody,
  body.vtsa-page-loo .loo-workflow-page .loo-table tr,
  body.vtsa-page-loo .loo-workflow-page .loo-table th,
  body.vtsa-page-loo .loo-workflow-page .loo-table td,
  body.vtsa-page-pfi .pfi-workflow-page .pfi-table,
  body.vtsa-page-pfi .pfi-workflow-page .pfi-table tbody,
  body.vtsa-page-pfi .pfi-workflow-page .pfi-table tr,
  body.vtsa-page-pfi .pfi-workflow-page .pfi-table th,
  body.vtsa-page-pfi .pfi-workflow-page .pfi-table td {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    table-layout: auto !important;
  }

  body.vtsa-page-loo .loo-workflow-page .loo-table td,
  body.vtsa-page-pfi .pfi-workflow-page .pfi-table td {
    grid-template-columns: 96px minmax(0, 1fr) !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  body.vtsa-page-loo .loo-workflow-page .loo-table th:last-child,
  body.vtsa-page-loo .loo-workflow-page .loo-table td:last-child,
  body.vtsa-page-pfi .pfi-workflow-page .pfi-table th:last-child,
  body.vtsa-page-pfi .pfi-workflow-page .pfi-table td:last-child {
    position: static !important;
    right: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  body.vtsa-page-loo .loo-workflow-page .loo-row-actions,
  body.vtsa-page-pfi .pfi-workflow-page .pfi-row-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    align-items: stretch !important;
  }

  body.vtsa-page-loo .loo-workflow-page .loo-row-actions form,
  body.vtsa-page-loo .loo-workflow-page .loo-row-actions a,
  body.vtsa-page-loo .loo-workflow-page .loo-row-actions button,
  body.vtsa-page-pfi .pfi-workflow-page .pfi-row-actions a {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 34px !important;
    max-height: none !important;
    box-sizing: border-box !important;
    white-space: normal !important;
  }

  body.vtsa-page-loo .loo-workflow-page .loo-row-actions .loo-create-doc-button,
  body.vtsa-page-pfi .pfi-workflow-page .pfi-row-actions a.tinv-create {
    grid-column: 1 / -1 !important;
  }

  body.vtsa-page-logistics .logistics-page .logistics-table,
  body.vtsa-page-logistics .logistics-page .logistics-table tbody,
  body.vtsa-page-logistics .logistics-page .logistics-table tr,
  body.vtsa-page-logistics .logistics-page .logistics-table th,
  body.vtsa-page-logistics .logistics-page .logistics-table td {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    box-sizing: border-box !important;
    table-layout: auto !important;
  }

  body.vtsa-page-logistics .logistics-page .logistics-table tbody tr {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 0 12px !important;
    padding: 14px !important;
    border: 1px solid #efdca6 !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 24px rgba(117, 91, 35, 0.07) !important;
    overflow: hidden !important;
  }

  body.vtsa-page-logistics .logistics-page .logistics-table td {
    display: grid !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 7px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(117, 91, 35, 0.16) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #111827 !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
  }

  body.vtsa-page-logistics .logistics-page .logistics-table td:last-child {
    grid-template-columns: 1fr !important;
    border-bottom: 0 !important;
    padding-top: 10px !important;
  }

  body.vtsa-page-logistics .logistics-page .logistics-table td:last-child::before {
    margin-bottom: 8px !important;
  }

  body.vtsa-page-po .po-workflow-page .po-row-actions,
  body.vtsa-page-logistics .logistics-page .logistics-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    align-items: stretch !important;
  }

  body.vtsa-page-po .po-workflow-page .po-row-actions form,
  body.vtsa-page-po .po-workflow-page .po-row-actions a,
  body.vtsa-page-po .po-workflow-page .po-row-actions button,
  body.vtsa-page-logistics .logistics-page .logistics-actions form,
  body.vtsa-page-logistics .logistics-page .logistics-actions a,
  body.vtsa-page-logistics .logistics-page .logistics-actions button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 34px !important;
    max-height: none !important;
    box-sizing: border-box !important;
    white-space: normal !important;
  }

  body.vtsa-page-drs .drs-workflow-page .drs-row-actions form,
  body.vtsa-page-po .po-workflow-page .po-row-actions form,
  body.vtsa-page-logistics .logistics-page .logistics-actions form {
    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body.vtsa-page-logistics .logistics-page .logistics-actions form {
    grid-column: 1 / -1 !important;
  }

  body.vtsa-page-drs .drs-workflow-page .drs-row-actions a,
  body.vtsa-page-drs .drs-workflow-page .drs-row-actions button,
  body.vtsa-page-po .po-workflow-page .po-row-actions a,
  body.vtsa-page-po .po-workflow-page .po-row-actions button,
  body.vtsa-page-logistics .logistics-page .logistics-actions a,
  body.vtsa-page-logistics .logistics-page .logistics-actions button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: none !important;
    padding: 0 10px !important;
    line-height: 1.05 !important;
    box-sizing: border-box !important;
  }

  body.vtsa-page-drs .drs-workflow-page .drs-row-actions button.danger,
  body.vtsa-page-po .po-workflow-page .po-table .po-row-actions .po-delete-action,
  body.vtsa-page-logistics .logistics-page .logistics-actions button.danger {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: none !important;
    padding: 0 10px !important;
  }
}

@media (max-width: 520px) {
  .loo-actions,
  .drs-actions,
  .ci-actions,
  .po-actions,
  .pfi-actions,
  .tinv-actions,
  .accounting-dashboard .accounting-hero-actions,
  .logistics-hero-actions,
  .loo-kpi-grid,
  .drs-kpi-grid,
  .ci-kpi-grid,
  .pfi-kpi-grid,
  .pfi-product-grid,
  .tinv-kpi-grid {
    grid-template-columns: 1fr !important;
  }

  .po-kpi-grid,
  .logistics-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .po-kpi-card,
  .logistics-kpi,
  .accounting-dashboard .accounting-metrics article,
  .accounting-dashboard .accounting-panel.clean {
    padding: 14px !important;
    border-radius: 14px !important;
  }

  .po-kpi-card strong {
    font-size: clamp(20px, 12cqw, 34px) !important;
  }

  .tinv-hero-card h1,
  .accounting-dashboard .accounting-hero-panel h1,
  .logistics-hero h1 {
    font-size: clamp(32px, 11vw, 42px) !important;
  }

  .tinv-tabs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  .tinv-tabs a {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 58px !important;
    padding: 8px 9px !important;
    display: grid !important;
    align-content: center !important;
    gap: 4px !important;
    white-space: normal !important;
  }

  .tinv-tabs a span {
    font-size: 10px !important;
    line-height: 1.1 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
}

@media (max-width: 360px) {
  .po-kpi-grid,
  .logistics-kpis {
    grid-template-columns: 1fr !important;
  }
}