/* SIGMA_GLOBAL_VISUAL_OVERHAUL_20260521_ACTIVE
   Final UI-only visual system for SIGMA ERP. No business logic/data changes. */

:root {
  --sigma-bg: #eef3f7;
  --sigma-panel: #ffffff;
  --sigma-panel-soft: #f8fafc;
  --sigma-line: #d8e2ec;
  --sigma-text: #07192d;
  --sigma-muted: #64748b;
  --sigma-navy: #071827;
  --sigma-teal: #0f877c;
  --sigma-teal-2: #0ea596;
  --sigma-red: #c81e1e;
  --sigma-shadow: 0 14px 36px rgba(15, 23, 42, .08);
}

/* SIGMA_SALES_DASHBOARD_RECAP_20260603_ACTIVE */
body:not(.portal-page-shell) .sales-dashboard-recap {
  background: linear-gradient(135deg, #ffffff 0%, #f8fffd 54%, #ecfaf6 100%) !important;
  border: 1px solid #cfe2ea !important;
  border-left: 4px solid #0f988d !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 44px rgba(6, 39, 58, .12) !important;
  color: #071d33 !important;
  padding: 18px !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-order-summary-head {
  align-items: flex-start !important;
  display: flex !important;
  gap: 14px !important;
  justify-content: space-between !important;
  margin-bottom: 16px !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-modern-eyebrow {
  color: #0f766e !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  margin-bottom: 4px !important;
  text-transform: uppercase !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-order-summary-head h2 {
  color: #061b31 !important;
  font-size: 24px !important;
  line-height: 1.1 !important;
  margin: 0 !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-order-summary-head p {
  color: #3d5870 !important;
  font-size: 14px !important;
  margin: 7px 0 0 !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-order-summary-link {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #cfe2ea !important;
  border-radius: 12px !important;
  color: #061b31 !important;
  display: inline-flex !important;
  gap: 8px !important;
  min-height: 40px !important;
  padding: 9px 14px !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-dashboard-kpi-grid {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  margin: 0 0 14px !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-dashboard-kpi {
  align-items: flex-start !important;
  background: rgba(255, 255, 255, .92) !important;
  border: 1px solid #d4e4eb !important;
  border-radius: 12px !important;
  color: #061b31 !important;
  display: flex !important;
  gap: 10px !important;
  min-height: 116px !important;
  padding: 14px 12px !important;
  text-decoration: none !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-dashboard-kpi:hover,
body:not(.portal-page-shell) .sales-dashboard-recap .sales-quick-action:hover,
body:not(.portal-page-shell) .sales-dashboard-recap .sales-status-row:hover {
  border-color: #0f988d !important;
  box-shadow: 0 12px 28px rgba(15, 152, 141, .14) !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-dashboard-kpi-icon {
  align-items: center !important;
  background: #e8fbf6 !important;
  border: 1px solid #b7eee1 !important;
  border-radius: 11px !important;
  color: #0f766e !important;
  display: inline-flex !important;
  flex: 0 0 42px !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  height: 42px !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  width: 42px !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .tone-blue .sales-dashboard-kpi-icon {
  background: #eff6ff !important;
  border-color: #bfdbfe !important;
  color: #1d4ed8 !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .tone-green .sales-dashboard-kpi-icon {
  background: #ecfdf5 !important;
  border-color: #bbf7d0 !important;
  color: #047857 !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .tone-orange .sales-dashboard-kpi-icon,
body:not(.portal-page-shell) .sales-dashboard-recap .tone-amber .sales-dashboard-kpi-icon {
  background: #fff7ed !important;
  border-color: #fed7aa !important;
  color: #c2410c !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .tone-red .sales-dashboard-kpi-icon {
  background: #fff1f2 !important;
  border-color: #fecdd3 !important;
  color: #be123c !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-dashboard-kpi-copy {
  display: grid !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-dashboard-kpi small {
  color: #5a7188 !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-dashboard-kpi strong {
  color: #061b31 !important;
  font-size: 27px !important;
  line-height: 1.05 !important;
  margin-top: 6px !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-dashboard-kpi em {
  color: #506a82 !important;
  font-size: 12px !important;
  font-style: normal !important;
  line-height: 1.25 !important;
  margin-top: 6px !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-quick-actions {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin: 0 0 14px !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-quick-action {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #d4e4eb !important;
  border-radius: 12px !important;
  color: #061b31 !important;
  display: grid !important;
  gap: 2px 12px !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  min-height: 80px !important;
  padding: 13px 14px !important;
  text-decoration: none !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-quick-action.primary {
  background: #ecfffb !important;
  border-color: #aee9df !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-quick-action span {
  align-items: center !important;
  background: #edf6ff !important;
  border: 1px solid #c7dcf5 !important;
  border-radius: 11px !important;
  color: #0f766e !important;
  display: flex !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  grid-row: span 2 !important;
  height: 42px !important;
  justify-content: center !important;
  width: 42px !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-quick-action strong {
  color: #061b31 !important;
  font-size: 18px !important;
  line-height: 1.12 !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-quick-action em {
  color: #5a7188 !important;
  font-size: 12px !important;
  font-style: normal !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-recap-grid {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: minmax(300px, .82fr) minmax(420px, 1.18fr) !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-status-chart,
body:not(.portal-page-shell) .sales-dashboard-recap .sales-recap-table-card {
  background: rgba(255, 255, 255, .96) !important;
  border: 1px solid #d4e4eb !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-recap-title {
  align-items: center !important;
  background: #eef6f9 !important;
  border-bottom: 1px solid #d9e7ee !important;
  color: #061b31 !important;
  display: flex !important;
  justify-content: space-between !important;
  padding: 12px 14px !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-recap-title span {
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-recap-title strong {
  color: #0f766e !important;
  font-size: 14px !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-status-row {
  align-items: center !important;
  border-bottom: 1px solid #e5eef3 !important;
  color: #061b31 !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: 132px minmax(90px, 1fr) 46px 72px !important;
  min-height: 47px !important;
  padding: 9px 14px !important;
  text-decoration: none !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-status-row:last-child {
  border-bottom: 0 !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-status-label {
  color: #314c64 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-status-track {
  background: #e7f0f5 !important;
  border-radius: 999px !important;
  height: 9px !important;
  overflow: hidden !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-status-track span {
  background: linear-gradient(90deg, #0f988d, #39c7ad) !important;
  border-radius: inherit !important;
  display: block !important;
  height: 100% !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-status-row strong {
  color: #061b31 !important;
  font-size: 17px !important;
  text-align: right !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-status-row em {
  background: #f3f8fb !important;
  border: 1px solid #d9e7ee !important;
  border-radius: 999px !important;
  color: #3d5870 !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 800 !important;
  padding: 5px 8px !important;
  text-align: center !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-recap-table-wrap {
  overflow-x: auto !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-recap-table {
  border-collapse: collapse !important;
  min-width: 560px !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-recap-table th,
body:not(.portal-page-shell) .sales-dashboard-recap .sales-recap-table td {
  border-bottom: 1px solid #e5eef3 !important;
  color: #061b31 !important;
  font-size: 13px !important;
  padding: 12px 14px !important;
  text-align: left !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-recap-table th {
  color: #4c647b !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-recap-table td:nth-child(2),
body:not(.portal-page-shell) .sales-dashboard-recap .sales-recap-table td:nth-child(3),
body:not(.portal-page-shell) .sales-dashboard-recap .sales-recap-table td:nth-child(4) {
  font-weight: 900 !important;
}

body:not(.portal-page-shell) .sales-dashboard-recap .sales-recap-table td span {
  background: #eefcf8 !important;
  border: 1px solid #bfeee3 !important;
  border-radius: 999px !important;
  color: #0f766e !important;
  display: inline-flex !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  padding: 5px 9px !important;
}

@media (max-width: 1180px) {
  body:not(.portal-page-shell) .sales-dashboard-recap .sales-dashboard-kpi-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body:not(.portal-page-shell) .sales-dashboard-recap .sales-quick-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body:not(.portal-page-shell) .sales-dashboard-recap .sales-recap-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  body:not(.portal-page-shell) .sales-dashboard-recap {
    padding: 14px !important;
  }

  body:not(.portal-page-shell) .sales-dashboard-recap .sales-order-summary-head {
    display: grid !important;
  }

  body:not(.portal-page-shell) .sales-dashboard-recap .sales-dashboard-kpi-grid,
  body:not(.portal-page-shell) .sales-dashboard-recap .sales-quick-actions {
    grid-template-columns: 1fr !important;
  }

  body:not(.portal-page-shell) .sales-dashboard-recap .sales-status-row {
    grid-template-columns: 1fr 42px !important;
  }

  body:not(.portal-page-shell) .sales-dashboard-recap .sales-status-track,
  body:not(.portal-page-shell) .sales-dashboard-recap .sales-status-row em {
    grid-column: 1 / -1 !important;
  }
}

/* ERP_SIGMA_PURCHASING_SIMPLE_FLOW_20260531_ACTIVE
   UI-only: simplify Purchasing daily surface into Pembelian, Pembayaran, and Mutasi. */
body:not(.portal-page-shell) .purchasing-clean-page {
  box-sizing: border-box;
}

body:not(.portal-page-shell) .purchasing-clean-page *,
body:not(.portal-page-shell) .purchasing-clean-page *::before,
body:not(.portal-page-shell) .purchasing-clean-page *::after {
  box-sizing: border-box;
}

body:not(.portal-page-shell) .purchase-clean-tabs {
  align-items: stretch;
}

body:not(.portal-page-shell) .purchase-clean-tabs a {
  border-radius: 8px !important;
  flex: 0 0 auto;
}

body:not(.portal-page-shell) .purchase-tab-panel {
  max-width: 100%;
  overflow: hidden;
}

body:not(.portal-page-shell) .purchase-tab-panel .panel-body {
  max-width: 100%;
  overflow-x: auto;
}

body:not(.portal-page-shell) .payment-entry-form,
body:not(.portal-page-shell) .purchase-entry-form {
  min-width: 0;
}

body:not(.portal-page-shell) .payment-entry-form .payment-preview-card,
body:not(.portal-page-shell) .purchase-preview-card {
  border-radius: 8px !important;
}

body:not(.portal-page-shell) .purchase-audit-details,
body:not(.portal-page-shell) .purchase-technical-collapse {
  border-radius: 8px !important;
}

body:not(.portal-page-shell) .purchase-tab-panel .empty-state {
  margin: 0;
  min-height: 0;
  padding: 12px 14px;
}

body:not(.portal-page-shell) .purchase-tab-panel .actions .btn,
body:not(.portal-page-shell) .purchase-tab-panel button,
body:not(.portal-page-shell) .purchase-tab-panel .btn {
  min-height: 38px;
}

/* ERP_SIGMA_PAYMENT_DAILY_DEFAULT_20260531_ACTIVE */
body:not(.portal-page-shell) .payment-daily-shortcuts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  grid-column: 1;
  margin: 0 0 4px;
}

body:not(.portal-page-shell) .payment-daily-shortcuts .btn {
  border-radius: 8px !important;
  min-height: 36px;
  padding-inline: 12px;
}

/* ERP_SIGMA_PURCHASING_DAILY_COMPACT_20260531_ACTIVE */
body:not(.portal-page-shell) .payment-entry-form {
  align-items: start !important;
}

body:not(.portal-page-shell) .payment-entry-form > .payment-preview-card {
  grid-row: 1 / span 8 !important;
}

body:not(.portal-page-shell) .purchase-entry-layout {
  align-items: start !important;
  gap: 16px !important;
}

body:not(.portal-page-shell) .purchase-entry-fields {
  gap: 10px 12px !important;
}

body:not(.portal-page-shell) .purchase-preview-card,
body:not(.portal-page-shell) .payment-preview-card {
  box-shadow: none !important;
}

body:not(.portal-page-shell) .purchase-mutation-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: 1fr;
}

body:not(.portal-page-shell) .purchase-mutation-card {
  border: 1px solid #dcebed;
  border-radius: 8px;
  overflow: hidden;
}

body:not(.portal-page-shell) .purchase-mutation-card > .panel-header {
  border-radius: 0 !important;
}

body:not(.portal-page-shell) .purchase-mutation-card .table-wrap,
body:not(.portal-page-shell) .purchase-mutation-card .empty-state {
  margin: 12px;
}

@media (max-width: 900px) {
  body:not(.portal-page-shell) .purchase-clean-tabs {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    overflow: visible;
  }

  body:not(.portal-page-shell) .purchase-clean-tabs a {
    justify-content: center;
    min-width: 0;
    text-align: center;
    white-space: normal;
  }
}

@media (max-width: 560px) {
  body:not(.portal-page-shell) .purchase-clean-tabs {
    grid-template-columns: 1fr;
  }

  body:not(.portal-page-shell) .purchasing-clean-page .panel-header {
    align-items: flex-start;
    flex-direction: column;
  }

  body:not(.portal-page-shell) .purchase-tab-panel .actions {
    align-items: stretch;
    flex-direction: column;
  }

  body:not(.portal-page-shell) .purchase-tab-panel .actions .btn,
  body:not(.portal-page-shell) .purchase-tab-panel button,
  body:not(.portal-page-shell) .purchase-tab-panel .btn {
    width: 100%;
  }

  body:not(.portal-page-shell) .payment-daily-shortcuts .btn {
    flex: 1 1 100%;
  }
}

/* SIGMA_HR_UI_FINAL_BUNDLE_ACTIVE
   UI-only HR final bundle: simple menu, compact work pages, collapsible technical areas. */
body:not(.portal-page-shell):has(.hr-enterprise-minimal) {
  --sigma-hr-ui-final-bundle-active: 1;
  --sigma-hr-simple-mode-active: 1;
  --hr-navy: #082033;
  --hr-navy-2: #0b2f45;
  --hr-teal: #0f9488;
  --hr-teal-2: #14b8a6;
  --hr-bg: #eef5f7;
  --hr-card: #ffffff;
  --hr-line: #d8e5eb;
  --hr-text: #102033;
  --hr-muted: #617386;
  background: var(--hr-bg) !important;
}

/* SIGMA_HR_SIMPLE_MODE_ACTIVE
   UI-only HR simple mode: hide daily technical friction, keep admin tools collapsed. */
body:not(.portal-page-shell) .hr-simple-mode {
  gap: 10px !important;
}

body:not(.portal-page-shell) .hr-simple-flow {
  background: #ffffff !important;
  border: 1px solid var(--hr-line) !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .06) !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(5, minmax(120px, 1fr)) !important;
  overflow-x: auto !important;
  padding: 10px !important;
}

body:not(.portal-page-shell) .hr-simple-flow > div {
  align-items: center !important;
  background: #f8fbfc !important;
  border: 1px solid #dbe7ec !important;
  border-radius: 8px !important;
  display: flex !important;
  gap: 8px !important;
  min-height: 48px !important;
  min-width: 0 !important;
  padding: 8px 10px !important;
}

body:not(.portal-page-shell) .hr-simple-flow span {
  align-items: center !important;
  background: var(--hr-teal) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  display: inline-flex !important;
  flex: 0 0 26px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  height: 26px !important;
  justify-content: center !important;
  width: 26px !important;
}

body:not(.portal-page-shell) .hr-simple-flow strong {
  color: var(--hr-text) !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
}

body:not(.portal-page-shell) .hr-advanced-admin > summary {
  background: #f3f7fa !important;
  color: #365169 !important;
}

body:not(.portal-page-shell) .hr-advanced-stack {
  display: grid !important;
  gap: 10px !important;
}

body:not(.portal-page-shell) .hr-empty-state {
  align-items: center !important;
  background: #f8fbfc !important;
  border: 1px dashed #cfdce7 !important;
  border-radius: 8px !important;
  color: var(--hr-muted) !important;
  display: flex !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  min-height: 42px !important;
  padding: 10px 12px !important;
}

body:not(.portal-page-shell) .hr-enterprise-minimal table {
  min-width: 0 !important;
}

body:not(.portal-page-shell) .hr-enterprise-minimal .table-wrap,
body:not(.portal-page-shell) .hr-enterprise-minimal .table-responsive {
  max-width: 100% !important;
  overflow-x: auto !important;
}

body:not(.portal-page-shell) .hr-enterprise-minimal input[type="hidden"] {
  display: none !important;
}

@media (max-width: 900px) {
  body:not(.portal-page-shell) .hr-simple-flow {
    grid-template-columns: repeat(5, minmax(150px, 1fr)) !important;
  }

  body:not(.portal-page-shell) .hr-simple-kpis,
  body:not(.portal-page-shell) .hr-enterprise-minimal .kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  body:not(.portal-page-shell) .hr-simple-kpis,
  body:not(.portal-page-shell) .hr-enterprise-minimal .kpi-grid {
    grid-template-columns: 1fr !important;
  }

  body:not(.portal-page-shell) .hr-enterprise-minimal .panel-header,
  body:not(.portal-page-shell) .hr-enterprise-minimal .actions {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body:not(.portal-page-shell) .hr-enterprise-minimal .btn,
  body:not(.portal-page-shell) .hr-enterprise-minimal button {
    min-height: 40px !important;
  }
}

body:not(.portal-page-shell):has(.hr-enterprise-minimal) .main,
body:not(.portal-page-shell):has(.hr-enterprise-minimal) main,
body:not(.portal-page-shell):has(.hr-enterprise-minimal) .content,
body:not(.portal-page-shell):has(.hr-enterprise-minimal) .page-content {
  background: var(--hr-bg) !important;
  color: var(--hr-text) !important;
  overflow-x: hidden !important;
}

body:not(.portal-page-shell):has(.hr-enterprise-minimal) .topbar,
body:not(.portal-page-shell):has(.hr-enterprise-minimal) .app-header {
  background: linear-gradient(90deg, var(--hr-navy), var(--hr-navy-2)) !important;
  min-height: 58px !important;
  padding-block: 8px !important;
}

body:not(.portal-page-shell):has(.hr-enterprise-minimal) .compact-panel {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 0 10px !important;
  overflow: visible !important;
}

body:not(.portal-page-shell):has(.hr-enterprise-minimal) .compact-panel > .panel-header {
  display: none !important;
}

body:not(.portal-page-shell):has(.hr-enterprise-minimal) .compact-panel > .panel-body {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

body:not(.portal-page-shell) .hr-work-tabs {
  align-items: center !important;
  background: rgba(255, 255, 255, .94) !important;
  border: 1px solid var(--hr-line) !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .08) !important;
  display: flex !important;
  gap: 6px !important;
  margin: 0 0 10px !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  padding: 7px !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 35 !important;
}

body:not(.portal-page-shell) .hr-work-tabs a {
  align-items: center !important;
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  color: #375066 !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  justify-content: center !important;
  min-height: 36px !important;
  padding: 8px 12px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .hr-work-tabs a.active {
  background: var(--hr-teal) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(15, 148, 136, .22) !important;
}

body:not(.portal-page-shell) .hr-enterprise-minimal,
body:not(.portal-page-shell) .hr-enterprise-minimal .grid {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

body:not(.portal-page-shell) .hr-enterprise-minimal .panel,
body:not(.portal-page-shell) .hr-enterprise-minimal .card,
body:not(.portal-page-shell) .hr-enterprise-minimal .hr-tab-overview,
body:not(.portal-page-shell) .hr-enterprise-minimal .hr-command-center,
body:not(.portal-page-shell) .hr-enterprise-minimal .hr-action-panel,
body:not(.portal-page-shell) .hr-enterprise-minimal .enterprise-accordion {
  background: var(--hr-card) !important;
  border: 1px solid var(--hr-line) !important;
  border-radius: 10px !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .07) !important;
  color: var(--hr-text) !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

body:not(.portal-page-shell) .hr-enterprise-minimal .panel-header {
  align-items: center !important;
  background: #f8fbfc !important;
  border-bottom: 1px solid var(--hr-line) !important;
  color: var(--hr-text) !important;
  display: flex !important;
  gap: 10px !important;
  justify-content: space-between !important;
  min-height: 0 !important;
  padding: 12px 14px !important;
}

body:not(.portal-page-shell) .hr-enterprise-minimal .panel-header h2,
body:not(.portal-page-shell) .hr-enterprise-minimal h2 {
  color: var(--hr-text) !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

body:not(.portal-page-shell) .hr-enterprise-minimal .panel-body {
  padding: 12px 14px !important;
}

body:not(.portal-page-shell) .hr-command-center {
  background: linear-gradient(120deg, var(--hr-navy), #0c4a5d 58%, var(--hr-teal)) !important;
  border: 0 !important;
  color: #fff !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr) !important;
  padding: 18px !important;
}

body:not(.portal-page-shell) .hr-command-center h2,
body:not(.portal-page-shell) .hr-command-center p,
body:not(.portal-page-shell) .hr-command-center .hr-eyebrow,
body:not(.portal-page-shell) .hr-command-center .hr-command-meta {
  color: #fff !important;
}

body:not(.portal-page-shell) .hr-command-center h2 {
  font-size: 24px !important;
}

body:not(.portal-page-shell) .hr-priority-panel {
  background: rgba(255, 255, 255, .12) !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  border-radius: 10px !important;
  padding: 10px !important;
}

body:not(.portal-page-shell) .hr-priority-head,
body:not(.portal-page-shell) .hr-command-meta,
body:not(.portal-page-shell) .hr-quick-actions {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

body:not(.portal-page-shell) .hr-priority-item,
body:not(.portal-page-shell) .hr-quick-action,
body:not(.portal-page-shell) .hr-focus-kpi {
  background: #fff !important;
  border: 1px solid var(--hr-line) !important;
  border-radius: 10px !important;
  color: var(--hr-text) !important;
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
  padding: 12px !important;
  text-decoration: none !important;
}

body:not(.portal-page-shell) .hr-priority-item {
  background: rgba(255, 255, 255, .96) !important;
  margin-top: 8px !important;
}

body:not(.portal-page-shell) .hr-priority-item strong,
body:not(.portal-page-shell) .hr-quick-action strong,
body:not(.portal-page-shell) .hr-focus-kpi strong {
  color: var(--hr-text) !important;
}

body:not(.portal-page-shell) .hr-priority-item span,
body:not(.portal-page-shell) .hr-quick-action span,
body:not(.portal-page-shell) .hr-focus-kpi span,
body:not(.portal-page-shell) .hr-focus-kpi small {
  color: var(--hr-muted) !important;
}

body:not(.portal-page-shell) .hr-dashboard-kpi-grid,
body:not(.portal-page-shell) .hr-overview-grid,
body:not(.portal-page-shell) .kpi-grid {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(5, minmax(140px, 1fr)) !important;
}

body:not(.portal-page-shell) .hr-focus-kpi {
  min-height: 94px !important;
}

body:not(.portal-page-shell) .hr-focus-kpi strong,
body:not(.portal-page-shell) .hr-overview-grid strong,
body:not(.portal-page-shell) .kpi-grid .card strong {
  color: var(--hr-text) !important;
  font-size: 20px !important;
}

body:not(.portal-page-shell) .hr-action-panel .panel-body,
body:not(.portal-page-shell) .hr-quick-actions {
  padding: 0 !important;
}

body:not(.portal-page-shell) .hr-action-panel .panel-body.hr-quick-actions,
body:not(.portal-page-shell) .hr-quick-actions {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(5, minmax(130px, 1fr)) !important;
}

body:not(.portal-page-shell) .hr-tab-overview {
  align-items: center !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: minmax(0, .95fr) minmax(320px, 1.05fr) !important;
  padding: 14px !important;
}

body:not(.portal-page-shell) .hr-tab-copy h2 {
  color: var(--hr-text) !important;
  font-size: 22px !important;
}

body:not(.portal-page-shell) .hr-tab-copy p,
body:not(.portal-page-shell) .input-note,
body:not(.portal-page-shell) .hr-empty-state,
body:not(.portal-page-shell) .panel-subtle {
  color: var(--hr-muted) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

body:not(.portal-page-shell) .hr-empty-state {
  background: #f7fbfc !important;
  border: 1px dashed #bfd4dd !important;
  border-radius: 10px !important;
  min-height: 0 !important;
  padding: 12px !important;
}

body:not(.portal-page-shell) .enterprise-accordion {
  margin: 0 !important;
}

body:not(.portal-page-shell) .enterprise-accordion > summary {
  align-items: center !important;
  background: #f8fbfc !important;
  color: var(--hr-text) !important;
  cursor: pointer !important;
  display: flex !important;
  gap: 10px !important;
  justify-content: space-between !important;
  min-height: 46px !important;
  padding: 12px 14px !important;
}

body:not(.portal-page-shell) .enterprise-accordion > summary span {
  color: var(--hr-text) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

body:not(.portal-page-shell) .enterprise-accordion > summary em {
  color: var(--hr-muted) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 800 !important;
}

body:not(.portal-page-shell) .enterprise-accordion:not([open]) > summary {
  border-bottom: 0 !important;
}

body:not(.portal-page-shell) .enterprise-accordion[open] > summary {
  border-bottom: 1px solid var(--hr-line) !important;
}

body:not(.portal-page-shell) .hr-enterprise-minimal form.form-grid,
body:not(.portal-page-shell) .hr-enterprise-minimal .compact-filter {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(4, minmax(150px, 1fr)) !important;
}

body:not(.portal-page-shell) .kasbon-clean-form {
  grid-template-columns: repeat(4, minmax(150px, 1fr)) !important;
}

body:not(.portal-page-shell) .kasbon-clean-form .kasbon-notes,
body:not(.portal-page-shell) .kasbon-clean-form .kasbon-submit-row {
  grid-column: span 2 !important;
}

body:not(.portal-page-shell) .kasbon-clean-form textarea {
  min-height: 74px !important;
}

body:not(.portal-page-shell) .hr-enterprise-minimal label {
  color: #42566a !important;
  display: grid !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  gap: 5px !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .hr-enterprise-minimal input,
body:not(.portal-page-shell) .hr-enterprise-minimal select,
body:not(.portal-page-shell) .hr-enterprise-minimal textarea {
  background: #fff !important;
  border: 1px solid #cad9e2 !important;
  border-radius: 9px !important;
  color: var(--hr-text) !important;
  min-height: 38px !important;
  padding: 8px 10px !important;
}

body:not(.portal-page-shell) .hr-enterprise-minimal .btn,
body:not(.portal-page-shell) .hr-enterprise-minimal button {
  border-radius: 9px !important;
  min-height: 38px !important;
  padding: 9px 13px !important;
}

body:not(.portal-page-shell) .hr-enterprise-minimal .btn:not(.secondary):not(.danger),
body:not(.portal-page-shell) .hr-enterprise-minimal button.btn:not(.secondary):not(.danger) {
  background: var(--hr-teal) !important;
  border-color: var(--hr-teal) !important;
  color: #fff !important;
}

body:not(.portal-page-shell) .hr-enterprise-minimal .badge {
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  padding: 5px 8px !important;
}

body:not(.portal-page-shell) .hr-enterprise-minimal .table-wrap {
  border: 1px solid var(--hr-line) !important;
  border-radius: 10px !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
}

body:not(.portal-page-shell) .hr-enterprise-minimal table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .hr-enterprise-minimal th {
  background: #eef6f7 !important;
  color: #355267 !important;
  font-size: 11px !important;
  letter-spacing: 0 !important;
  padding: 9px 10px !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .hr-enterprise-minimal td {
  background: #fff !important;
  border-top: 1px solid #edf3f6 !important;
  color: var(--hr-text) !important;
  font-size: 12px !important;
  max-width: 240px !important;
  padding: 9px 10px !important;
  vertical-align: middle !important;
}

body:not(.portal-page-shell) .hr-enterprise-minimal tr:hover td {
  background: #f8fcfc !important;
}

body:not(.portal-page-shell) .hr-enterprise-minimal .industrial-flow-panel {
  display: none !important;
}

@media (min-width: 901px) {
  body:not(.portal-page-shell) .hr-enterprise-minimal .table-wrap > table {
    table-layout: fixed !important;
  }
}

@media (max-width: 1180px) {
  body:not(.portal-page-shell) .hr-command-center,
  body:not(.portal-page-shell) .hr-tab-overview {
    grid-template-columns: 1fr !important;
  }

  body:not(.portal-page-shell) .hr-dashboard-kpi-grid,
  body:not(.portal-page-shell) .hr-overview-grid,
  body:not(.portal-page-shell) .kpi-grid,
  body:not(.portal-page-shell) .hr-action-panel .panel-body.hr-quick-actions,
  body:not(.portal-page-shell) .hr-quick-actions {
    grid-template-columns: repeat(3, minmax(150px, 1fr)) !important;
  }
}

@media (max-width: 820px) {
  body:not(.portal-page-shell) .hr-work-tabs {
    border-radius: 10px !important;
    margin-inline: -2px !important;
    top: 0 !important;
  }

  body:not(.portal-page-shell) .hr-work-tabs a {
    font-size: 12px !important;
    min-height: 34px !important;
    padding: 7px 10px !important;
  }

  body:not(.portal-page-shell) .hr-dashboard-kpi-grid,
  body:not(.portal-page-shell) .hr-overview-grid,
  body:not(.portal-page-shell) .kpi-grid,
  body:not(.portal-page-shell) .hr-action-panel .panel-body.hr-quick-actions,
  body:not(.portal-page-shell) .hr-quick-actions,
  body:not(.portal-page-shell) .hr-enterprise-minimal form.form-grid,
  body:not(.portal-page-shell) .hr-enterprise-minimal .compact-filter,
  body:not(.portal-page-shell) .kasbon-clean-form {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body:not(.portal-page-shell) .hr-enterprise-minimal .panel-body {
    padding: 10px !important;
  }
}

@media (max-width: 640px) {
  body:not(.portal-page-shell):has(.hr-enterprise-minimal) .content,
  body:not(.portal-page-shell):has(.hr-enterprise-minimal) main {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body:not(.portal-page-shell) .hr-command-center {
    padding: 14px !important;
  }

  body:not(.portal-page-shell) .hr-command-center h2,
  body:not(.portal-page-shell) .hr-tab-copy h2 {
    font-size: 19px !important;
  }

  body:not(.portal-page-shell) .hr-dashboard-kpi-grid,
  body:not(.portal-page-shell) .hr-overview-grid,
  body:not(.portal-page-shell) .kpi-grid,
  body:not(.portal-page-shell) .hr-action-panel .panel-body.hr-quick-actions,
  body:not(.portal-page-shell) .hr-quick-actions,
  body:not(.portal-page-shell) .hr-enterprise-minimal form.form-grid,
  body:not(.portal-page-shell) .hr-enterprise-minimal .compact-filter,
  body:not(.portal-page-shell) .kasbon-clean-form {
    grid-template-columns: 1fr !important;
  }

  body:not(.portal-page-shell) .kasbon-clean-form .kasbon-notes,
  body:not(.portal-page-shell) .kasbon-clean-form .kasbon-submit-row {
    grid-column: auto !important;
  }

  body:not(.portal-page-shell) .hr-enterprise-minimal .panel-header {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body:not(.portal-page-shell) .hr-enterprise-minimal .table-wrap > table {
    min-width: 760px !important;
  }

  body:not(.portal-page-shell) .hr-enterprise-minimal th,
  body:not(.portal-page-shell) .hr-enterprise-minimal td {
    max-width: 180px !important;
  }
}

html,
body:not(.portal-page-shell) {
  background: var(--sigma-bg) !important;
  color: var(--sigma-text) !important;
  max-width: 100vw !important;
  overflow-x: hidden !important;
}

body:not(.portal-page-shell) .main,
body:not(.portal-page-shell) main,
body:not(.portal-page-shell) .content {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: clip !important;
}

body:not(.portal-page-shell) .content {
  padding: 18px 24px 34px !important;
}

body:not(.portal-page-shell) .topbar {
  align-items: center !important;
  background: var(--sigma-navy) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
  gap: 14px !important;
  min-height: 68px !important;
  padding: 14px 20px !important;
}

body:not(.portal-page-shell) .topbar h1 {
  color: #fff !important;
  font-size: clamp(20px, 2vw, 26px) !important;
  line-height: 1.15 !important;
  margin: 0 !important;
}

body:not(.portal-page-shell) .topbar .user,
body:not(.portal-page-shell) .topbar .topbar-actions,
body:not(.portal-page-shell) .topbar .user-chip {
  min-width: 0 !important;
  max-width: 100% !important;
}

body:not(.portal-page-shell) .sidebar {
  background: linear-gradient(180deg, #061725 0%, #092033 100%) !important;
  border-right: 1px solid rgba(255,255,255,.08) !important;
}

body:not(.portal-page-shell) .sidebar a,
body:not(.portal-page-shell) .sidebar button,
body:not(.portal-page-shell) .sidebar summary {
  border-radius: 10px !important;
}

body:not(.portal-page-shell) .sidebar a.active,
body:not(.portal-page-shell) .sidebar .active {
  background: rgba(15, 135, 124, .36) !important;
}

body:not(.portal-page-shell) .panel,
body:not(.portal-page-shell) .card,
body:not(.portal-page-shell) .owner-dashboard-head,
body:not(.portal-page-shell) .finance-hero,
body:not(.portal-page-shell) .sales-compact-summary,
body:not(.portal-page-shell) .production-dashboard,
body:not(.portal-page-shell) .sigma-dashboard-hero,
body:not(.portal-page-shell) .resizable-split > * {
  background: var(--sigma-panel) !important;
  border: 1px solid var(--sigma-line) !important;
  border-radius: 12px !important;
  box-shadow: var(--sigma-shadow) !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .panel {
  overflow: hidden !important;
}

body:not(.portal-page-shell) .panel-header,
body:not(.portal-page-shell) .card-header {
  align-items: center !important;
  border-bottom: 1px solid var(--sigma-line) !important;
  display: flex !important;
  gap: 12px !important;
  justify-content: space-between !important;
  min-height: 58px !important;
  padding: 14px 18px !important;
}

body:not(.portal-page-shell) .panel-header h2,
body:not(.portal-page-shell) .panel-header h3 {
  font-size: 17px !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

body:not(.portal-page-shell) .panel-body {
  min-width: 0 !important;
  padding: 16px 18px !important;
}

body:not(.portal-page-shell) .input-note:not(.bad):not(.warn):not(.ok):not(.alert) {
  display: none !important;
}

body:not(.portal-page-shell) .grid,
body:not(.portal-page-shell) .two-col,
body:not(.portal-page-shell) .cards,
body:not(.portal-page-shell) .finance-kpis,
body:not(.portal-page-shell) .role-dashboard-kpis,
body:not(.portal-page-shell) .owner-summary-grid {
  display: grid !important;
  gap: 16px !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .two-col {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body:not(.portal-page-shell) .cards,
body:not(.portal-page-shell) .finance-kpis,
body:not(.portal-page-shell) .role-dashboard-kpis,
body:not(.portal-page-shell) .owner-summary-grid {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
}

body:not(.portal-page-shell) .resizable-split,
body:not(.portal-page-shell) .purchase-layout,
body:not(.portal-page-shell) .consumable-layout {
  align-items: start !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: minmax(280px, 360px) minmax(0, 1fr) !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .resize-handle,
body:not(.portal-page-shell) .resizable-handle {
  display: none !important;
}

body:not(.portal-page-shell) form,
body:not(.portal-page-shell) .form-grid {
  min-width: 0 !important;
}

body:not(.portal-page-shell) input,
body:not(.portal-page-shell) select,
body:not(.portal-page-shell) textarea {
  border: 1px solid #cbd7e3 !important;
  border-radius: 9px !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .btn,
body:not(.portal-page-shell) button {
  border-radius: 9px !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .btn:not(.secondary):not(.danger):not(.warning),
body:not(.portal-page-shell) button.btn:not(.secondary):not(.danger):not(.warning) {
  background: var(--sigma-teal) !important;
  border-color: var(--sigma-teal) !important;
  color: #fff !important;
}

body:not(.portal-page-shell) .tabbar,
body:not(.portal-page-shell) .tabs,
body:not(.portal-page-shell) .finance-tabs,
body:not(.portal-page-shell) .sales-tabs,
body:not(.portal-page-shell) .inventory-tabs,
body:not(.portal-page-shell) .production-work-nav,
body:not(.portal-page-shell) .module-tabs {
  align-items: center !important;
  background: #fff !important;
  border: 1px solid var(--sigma-line) !important;
  border-radius: 12px !important;
  display: flex !important;
  gap: 8px !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  padding: 8px !important;
  scrollbar-width: thin;
}

body:not(.portal-page-shell) .tabbar a,
body:not(.portal-page-shell) .tabs a,
body:not(.portal-page-shell) .finance-tabs a,
body:not(.portal-page-shell) .sales-tabs a,
body:not(.portal-page-shell) .inventory-tabs a,
body:not(.portal-page-shell) .production-work-nav a,
body:not(.portal-page-shell) .module-tabs a,
body:not(.portal-page-shell) .tabbar button,
body:not(.portal-page-shell) .tabs button {
  border-radius: 9px !important;
  flex: 0 0 auto !important;
  padding: 10px 14px !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .tabbar .active,
body:not(.portal-page-shell) .tabs .active,
body:not(.portal-page-shell) .finance-tabs .active,
body:not(.portal-page-shell) .sales-tabs .active,
body:not(.portal-page-shell) .inventory-tabs .active,
body:not(.portal-page-shell) .production-work-nav .active,
body:not(.portal-page-shell) .module-tabs .active {
  background: var(--sigma-navy) !important;
  color: #fff !important;
}

body:not(.portal-page-shell) .table-wrap {
  border: 1px solid var(--sigma-line) !important;
  border-radius: 10px !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: thin;
}

body:not(.portal-page-shell) .table-wrap table {
  border-collapse: collapse !important;
  table-layout: fixed !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .table-wrap th,
body:not(.portal-page-shell) .table-wrap td {
  border-bottom: 1px solid #e4ebf2 !important;
  line-height: 1.35 !important;
  max-width: 260px !important;
  overflow: hidden !important;
  padding: 11px 12px !important;
  text-overflow: ellipsis !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  word-break: normal !important;
}

body:not(.portal-page-shell) .table-wrap th {
  background: #edf3f8 !important;
  color: #32445a !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body:not(.portal-page-shell) .table-wrap tbody tr:nth-child(even) {
  background: #f8fbfd !important;
}

body:not(.portal-page-shell) .table-wrap tbody tr:hover {
  background: #eef8f6 !important;
}

body:not(.portal-page-shell) .table-wrap .actions,
body:not(.portal-page-shell) td .actions {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  min-width: max-content !important;
}

body:not(.portal-page-shell) .inventory-clean-stock-table,
body:not(.portal-page-shell) .inventory-fit-table,
body:not(.portal-page-shell) .finance-simple-table,
body:not(.portal-page-shell) .master-clean-table,
body:not(.portal-page-shell) .product-clean-table,
body:not(.portal-page-shell) .consumable-clean-table {
  min-width: 0 !important;
}

body:not(.portal-page-shell) .finance-simple-table td:first-child {
  white-space: normal !important;
}

body:not(.portal-page-shell) .finance-simple-table td:last-child {
  text-align: right !important;
}

body:not(.portal-page-shell) .production-work-nav {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body:not(.portal-page-shell) .production-work-nav a,
body:not(.portal-page-shell) .production-work-nav button {
  justify-content: center !important;
  min-width: 0 !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .cell-stack,
body:not(.portal-page-shell) .status-stack {
  display: inline-flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .cell-inline {
  align-items: center !important;
  display: inline-flex !important;
  gap: 8px !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .audit-chip,
body:not(.portal-page-shell) .status-pill,
body:not(.portal-page-shell) .badge {
  border-radius: 999px !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .row-inline-tools .compact-stock-form {
  background: #fff !important;
  border: 1px solid var(--sigma-line) !important;
  border-radius: 10px !important;
  box-shadow: 0 16px 36px rgba(15,23,42,.16) !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  padding: 10px !important;
  z-index: 40 !important;
}

@media (max-width: 1180px) {
  body:not(.portal-page-shell) .content {
    padding: 14px 16px 92px !important;
  }

  body:not(.portal-page-shell) .two-col,
  body:not(.portal-page-shell) .resizable-split,
  body:not(.portal-page-shell) .purchase-layout,
  body:not(.portal-page-shell) .consumable-layout {
    grid-template-columns: 1fr !important;
  }

  body:not(.portal-page-shell) .production-work-nav {
    display: flex !important;
  }
}

@media (max-width: 767px) {
  body.mobile-mode:not(.portal-page-shell) .topbar {
    min-height: 56px !important;
    padding: 8px 10px !important;
  }

  body.mobile-mode:not(.portal-page-shell) .topbar h1 {
    font-size: 17px !important;
    max-width: 48vw !important;
  }

  body.mobile-mode:not(.portal-page-shell) .content {
    padding: 10px 10px 96px !important;
  }

  body.mobile-mode:not(.portal-page-shell) .panel-header,
  body.mobile-mode:not(.portal-page-shell) .card-header {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 12px !important;
  }

  body.mobile-mode:not(.portal-page-shell) .panel-body {
    padding: 12px !important;
  }

  body.mobile-mode:not(.portal-page-shell) .cards,
  body.mobile-mode:not(.portal-page-shell) .finance-kpis,
  body.mobile-mode:not(.portal-page-shell) .role-dashboard-kpis,
  body.mobile-mode:not(.portal-page-shell) .owner-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body.mobile-mode:not(.portal-page-shell) .table-wrap {
    border: 0 !important;
    overflow: visible !important;
  }

  body.mobile-mode:not(.portal-page-shell) .table-wrap table,
  body.mobile-mode:not(.portal-page-shell) .table-wrap thead,
  body.mobile-mode:not(.portal-page-shell) .table-wrap tbody,
  body.mobile-mode:not(.portal-page-shell) .table-wrap tr,
  body.mobile-mode:not(.portal-page-shell) .table-wrap th,
  body.mobile-mode:not(.portal-page-shell) .table-wrap td {
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  body.mobile-mode:not(.portal-page-shell) .table-wrap thead {
    display: none !important;
  }

  body.mobile-mode:not(.portal-page-shell) .table-wrap tr {
    background: #fff !important;
    border: 1px solid var(--sigma-line) !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 20px rgba(15,23,42,.06) !important;
    margin: 0 0 10px !important;
    overflow: hidden !important;
  }

  body.mobile-mode:not(.portal-page-shell) .table-wrap td {
    align-items: center !important;
    border-bottom: 1px solid #edf2f7 !important;
    display: flex !important;
    gap: 12px !important;
    justify-content: space-between !important;
    max-width: none !important;
    min-height: 42px !important;
    padding: 10px 12px !important;
    text-align: right !important;
    white-space: normal !important;
  }

  body.mobile-mode:not(.portal-page-shell) .table-wrap td::before {
    color: var(--sigma-muted);
    content: attr(data-label);
    flex: 0 0 42%;
    font-size: 11px;
    font-weight: 800;
    text-align: left;
    text-transform: uppercase;
  }

  body.mobile-mode:not(.portal-page-shell) .table-wrap td .actions {
    justify-content: flex-end !important;
  }

  body.mobile-mode:not(.portal-page-shell) .row-inline-tools .compact-stock-form {
    grid-template-columns: 1fr !important;
    position: static !important;
  }
}

@media (max-width: 380px) {
  body.mobile-mode:not(.portal-page-shell) .cards,
  body.mobile-mode:not(.portal-page-shell) .finance-kpis,
  body.mobile-mode:not(.portal-page-shell) .role-dashboard-kpis,
  body.mobile-mode:not(.portal-page-shell) .owner-summary-grid {
    grid-template-columns: 1fr !important;
  }
}

/* SIGMA_PURCHASE_SETTING_FIT_FIX_20260521_ACTIVE
   Corrective UI-only layer: restore split panels and readable tables after the global visual pass. */
body:not(.portal-page-shell) .resizable-split {
  align-items: start !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: minmax(300px, min(34%, 380px)) minmax(0, 1fr) !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
}

body:not(.portal-page-shell) .master-product-layout {
  align-items: start !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: minmax(320px, min(34%, 430px)) minmax(0, 1fr) !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .resizable-split > .resizable-pane,
body:not(.portal-page-shell) .resizable-left-panel,
body:not(.portal-page-shell) .resizable-right-panel,
body:not(.portal-page-shell) .master-product-left,
body:not(.portal-page-shell) .master-product-right {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
}

body:not(.portal-page-shell) .resizable-split > .resizable-gutter,
body:not(.portal-page-shell) .resizable-split > .resize-handle,
body:not(.portal-page-shell) .resizable-split > .resizable-handle,
body:not(.portal-page-shell) .resizable-divider {
  display: none !important;
}

body:not(.portal-page-shell) .resizable-pane-right,
body:not(.portal-page-shell) .resizable-right-panel,
body:not(.portal-page-shell) .master-product-right,
body:not(.portal-page-shell) .consumable-layout .resizable-pane-right {
  display: grid !important;
  gap: 18px !important;
}

body:not(.portal-page-shell) .resizable-pane-right > .panel,
body:not(.portal-page-shell) .resizable-right-panel > .panel,
body:not(.portal-page-shell) .master-product-right > .panel,
body:not(.portal-page-shell) .consumable-layout .resizable-pane-right > .panel {
  margin: 0 !important;
  width: 100% !important;
}

@media (min-width: 768px) {
  body:not(.portal-page-shell) .table-wrap {
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    width: 100% !important;
  }

  body:not(.portal-page-shell) .table-wrap table {
    table-layout: auto !important;
    width: max-content !important;
    min-width: 100% !important;
  }

  body:not(.portal-page-shell) .table-wrap th,
  body:not(.portal-page-shell) .table-wrap td {
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  body:not(.portal-page-shell) .table-wrap td:nth-child(3),
  body:not(.portal-page-shell) .table-wrap td:nth-child(4),
  body:not(.portal-page-shell) .table-wrap td:nth-child(5),
  body:not(.portal-page-shell) .table-wrap td:nth-child(10) {
    min-width: 92px !important;
  }

  body:not(.portal-page-shell) .panel-header .actions,
  body:not(.portal-page-shell) .panel-header > div,
  body:not(.portal-page-shell) .card-header .actions {
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    justify-content: flex-end !important;
  }
}

@media (max-width: 900px) {
  body:not(.portal-page-shell) .resizable-split,
  body:not(.portal-page-shell) .master-product-layout,
  body:not(.portal-page-shell) .purchase-layout,
  body:not(.portal-page-shell) .consumable-layout {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767px) {
  body.mobile-mode:not(.portal-page-shell) .resizable-pane-right,
  body.mobile-mode:not(.portal-page-shell) .resizable-right-panel,
  body.mobile-mode:not(.portal-page-shell) .master-product-right,
  body.mobile-mode:not(.portal-page-shell) .consumable-layout .resizable-pane-right {
    display: grid !important;
    gap: 12px !important;
  }

  body.mobile-mode:not(.portal-page-shell) .table-wrap td {
    overflow: hidden !important;
    text-overflow: clip !important;
  }

  body.mobile-mode:not(.portal-page-shell) .panel-header .actions,
  body.mobile-mode:not(.portal-page-shell) .panel-header > div {
    justify-content: flex-start !important;
    width: 100% !important;
  }
}

/* SIGMA_FIT_TABLES_SALES_PRODUCTION_20260521_ACTIVE
   UI-only fit pass for operational tables that were still too wide on laptop/tablet. */
body:not(.portal-page-shell) .production-jit-grid .table-wrap,
body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap {
  overflow-x: hidden !important;
}

body:not(.portal-page-shell) .production-jit-grid .table-wrap table,
body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap table {
  min-width: 0 !important;
  table-layout: fixed !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .production-jit-grid .table-wrap th,
body:not(.portal-page-shell) .production-jit-grid .table-wrap td,
body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap th,
body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap td {
  max-width: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
}

body:not(.portal-page-shell) .production-jit-grid .table-wrap th:nth-child(6),
body:not(.portal-page-shell) .production-jit-grid .table-wrap td:nth-child(6),
body:not(.portal-page-shell) .production-jit-grid .table-wrap th:nth-child(8),
body:not(.portal-page-shell) .production-jit-grid .table-wrap td:nth-child(8) {
  display: none !important;
}

body:not(.portal-page-shell) .production-jit-grid .table-wrap th:nth-child(1),
body:not(.portal-page-shell) .production-jit-grid .table-wrap td:nth-child(1) {
  width: 14% !important;
}

body:not(.portal-page-shell) .production-jit-grid .table-wrap th:nth-child(2),
body:not(.portal-page-shell) .production-jit-grid .table-wrap td:nth-child(2) {
  width: 12% !important;
}

body:not(.portal-page-shell) .production-jit-grid .table-wrap th:nth-child(3),
body:not(.portal-page-shell) .production-jit-grid .table-wrap td:nth-child(3) {
  width: 18% !important;
}

body:not(.portal-page-shell) .production-jit-grid .table-wrap th:nth-child(4),
body:not(.portal-page-shell) .production-jit-grid .table-wrap td:nth-child(4) {
  width: 11% !important;
}

body:not(.portal-page-shell) .production-jit-grid .table-wrap th:nth-child(5),
body:not(.portal-page-shell) .production-jit-grid .table-wrap td:nth-child(5) {
  text-align: center !important;
  width: 6% !important;
}

body:not(.portal-page-shell) .production-jit-grid .table-wrap th:nth-child(7),
body:not(.portal-page-shell) .production-jit-grid .table-wrap td:nth-child(7) {
  width: 18% !important;
}

body:not(.portal-page-shell) .production-jit-grid .table-wrap th:nth-child(9),
body:not(.portal-page-shell) .production-jit-grid .table-wrap td:nth-child(9) {
  width: 16% !important;
}

body:not(.portal-page-shell) .production-jit-grid .table-wrap th:nth-child(10),
body:not(.portal-page-shell) .production-jit-grid .table-wrap td:nth-child(10) {
  text-align: center !important;
  width: 6% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap th:nth-child(4),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap td:nth-child(4),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap th:nth-child(5),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap td:nth-child(5) {
  display: none !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap th:nth-child(1),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap td:nth-child(1) {
  width: 10% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap th:nth-child(2),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap td:nth-child(2) {
  width: 29% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap th:nth-child(3),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap td:nth-child(3) {
  text-align: center !important;
  width: 7% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap th:nth-child(6),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap td:nth-child(6) {
  width: 13% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap th:nth-child(7),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap td:nth-child(7) {
  width: 19% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap th:nth-child(8),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap td:nth-child(8) {
  width: 13% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap th:nth-child(9),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap td:nth-child(9) {
  text-align: center !important;
  width: 9% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap .status-pill,
body:not(.portal-page-shell) .production-jit-grid .table-wrap .status-pill {
  max-width: 100% !important;
  white-space: normal !important;
}

@media (max-width: 767px) {
  body.mobile-mode:not(.portal-page-shell) .production-jit-grid .table-wrap,
  body.mobile-mode:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap {
    overflow: visible !important;
  }

  body.mobile-mode:not(.portal-page-shell) .production-jit-grid .table-wrap table,
  body.mobile-mode:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap table {
    min-width: 0 !important;
    width: 100% !important;
  }
}

/* SIGMA_SETTING_MASTER_STACKED_INPUT_20260521_ACTIVE
   UI-only: setting/master forms become wide top panels; preview/list moves below. */
body:not(.portal-page-shell) .master-product-layout,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-bahan-layout"],
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-consumable-layout"],
body:not(.portal-page-shell) .consumable-layout {
  align-items: stretch !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  max-width: 100% !important;
  overflow: visible !important;
}

body:not(.portal-page-shell) .master-product-layout > *,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-bahan-layout"] > *,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-consumable-layout"] > *,
body:not(.portal-page-shell) .consumable-layout > * {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .master-product-left,
body:not(.portal-page-shell) .master-product-right,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-bahan-layout"] > .resizable-pane,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-consumable-layout"] > .resizable-pane {
  max-width: 100% !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .master-product-layout .panel-body > form.form-grid,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-bahan-layout"] .panel-body > form.form-grid,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-consumable-layout"] .panel-body > form.form-grid,
body:not(.portal-page-shell) .consumable-layout .panel-body > form.form-grid {
  display: grid !important;
  gap: 14px 16px !important;
  grid-template-columns: repeat(4, minmax(170px, 1fr)) !important;
}

body:not(.portal-page-shell) .master-product-layout .panel-body > form.form-grid > details,
body:not(.portal-page-shell) .master-product-layout .panel-body > form.form-grid > .actions,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-bahan-layout"] .panel-body > form.form-grid > details,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-bahan-layout"] .panel-body > form.form-grid > .actions,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-consumable-layout"] .panel-body > form.form-grid > details,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-consumable-layout"] .panel-body > form.form-grid > .actions,
body:not(.portal-page-shell) .consumable-layout .panel-body > form.form-grid > details,
body:not(.portal-page-shell) .consumable-layout .panel-body > form.form-grid > .actions {
  grid-column: 1 / -1 !important;
}

body:not(.portal-page-shell) .master-product-layout .master-product-right,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-bahan-layout"] > .resizable-pane-right,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-consumable-layout"] > .resizable-pane-right,
body:not(.portal-page-shell) .consumable-layout .resizable-pane-right {
  display: grid !important;
  gap: 18px !important;
}

body:not(.portal-page-shell) .master-product-layout .panel-header,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-bahan-layout"] .panel-header,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-consumable-layout"] .panel-header,
body:not(.portal-page-shell) .consumable-layout .panel-header {
  flex-wrap: wrap !important;
}

body:not(.portal-page-shell) .master-product-layout .panel-header .actions,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-bahan-layout"] .panel-header .actions,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-consumable-layout"] .panel-header .actions,
body:not(.portal-page-shell) .consumable-layout .panel-header .actions {
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
}

body:not(.portal-page-shell) .master-product-layout .table-wrap,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-bahan-layout"] .table-wrap,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-consumable-layout"] .table-wrap,
body:not(.portal-page-shell) .consumable-layout .table-wrap {
  overflow-x: auto !important;
}

body:not(.portal-page-shell) .master-product-layout .table-wrap > table,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-bahan-layout"] .table-wrap > table,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-consumable-layout"] .table-wrap > table,
body:not(.portal-page-shell) .consumable-layout .table-wrap > table {
  min-width: 100% !important;
  width: 100% !important;
}

@media (max-width: 1180px) {
  body:not(.portal-page-shell) .master-product-layout .panel-body > form.form-grid,
  body:not(.portal-page-shell) .resizable-split[data-storage-key="master-bahan-layout"] .panel-body > form.form-grid,
  body:not(.portal-page-shell) .resizable-split[data-storage-key="master-consumable-layout"] .panel-body > form.form-grid,
  body:not(.portal-page-shell) .consumable-layout .panel-body > form.form-grid {
    grid-template-columns: repeat(3, minmax(170px, 1fr)) !important;
  }
}

@media (max-width: 820px) {
  body:not(.portal-page-shell) .master-product-layout .panel-body > form.form-grid,
  body:not(.portal-page-shell) .resizable-split[data-storage-key="master-bahan-layout"] .panel-body > form.form-grid,
  body:not(.portal-page-shell) .resizable-split[data-storage-key="master-consumable-layout"] .panel-body > form.form-grid,
  body:not(.portal-page-shell) .consumable-layout .panel-body > form.form-grid {
    grid-template-columns: repeat(2, minmax(150px, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  body:not(.portal-page-shell) .master-product-layout .panel-body > form.form-grid,
  body:not(.portal-page-shell) .resizable-split[data-storage-key="master-bahan-layout"] .panel-body > form.form-grid,
  body:not(.portal-page-shell) .resizable-split[data-storage-key="master-consumable-layout"] .panel-body > form.form-grid,
  body:not(.portal-page-shell) .consumable-layout .panel-body > form.form-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ERP_SIGMA_MOBILE_PROD_INVENTORY_FIT_20260521_ACTIVE
   HP only: simplify Produksi and Inventory so operators see clean cards, not overlapping tables. */
@media (max-width: 767px) {
  body.mobile-mode:not(.portal-page-shell) .production-compact-summary,
  body.mobile-mode:not(.portal-page-shell) .production-batch-ui > .production-compact-summary {
    margin: 0 0 10px !important;
    padding: 12px !important;
  }

  body.mobile-mode:not(.portal-page-shell) .production-compact-head {
    margin-bottom: 8px !important;
  }

  body.mobile-mode:not(.portal-page-shell) .production-compact-head h1 {
    font-size: 20px !important;
    line-height: 1.15 !important;
  }

  body.mobile-mode:not(.portal-page-shell) .production-compact-head p {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  body.mobile-mode:not(.portal-page-shell) .production-compact-kpis {
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.mobile-mode:not(.portal-page-shell) .production-compact-kpi {
    align-items: center !important;
    gap: 8px !important;
    min-height: 72px !important;
    padding: 10px !important;
  }

  body.mobile-mode:not(.portal-page-shell) .production-compact-kpi small,
  body.mobile-mode:not(.portal-page-shell) .production-compact-kpi em {
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  body.mobile-mode:not(.portal-page-shell) .production-compact-kpi strong {
    font-size: 22px !important;
    line-height: 1 !important;
  }

  body.mobile-mode:not(.portal-page-shell) .production-kpi-icon {
    height: 34px !important;
    min-width: 34px !important;
    width: 34px !important;
  }

  body.mobile-mode:not(.portal-page-shell) .production-work-nav {
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin: 8px 0 12px !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  body.mobile-mode:not(.portal-page-shell) .production-work-nav a,
  body.mobile-mode:not(.portal-page-shell) .production-work-nav button {
    border-radius: 12px !important;
    font-size: 12px !important;
    justify-content: center !important;
    min-height: 46px !important;
    padding: 8px 10px !important;
    text-align: center !important;
    white-space: normal !important;
  }

  body.mobile-mode:not(.portal-page-shell) .production-work-nav svg {
    height: 16px !important;
    width: 16px !important;
  }

  body.mobile-mode:not(.portal-page-shell) .production-tab-panel,
  body.mobile-mode:not(.portal-page-shell) .production-jit-grid,
  body.mobile-mode:not(.portal-page-shell) .production-material-grid {
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: 1fr !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.mobile-mode:not(.portal-page-shell) .production-tab-panel[hidden] {
    display: none !important;
  }

  body.mobile-mode:not(.portal-page-shell) .production-tab-panel .panel,
  body.mobile-mode:not(.portal-page-shell) .panel:has(.inventory-fit-table),
  body.mobile-mode:not(.portal-page-shell) .panel:has(.inventory-clean-stock-table) {
    border-radius: 14px !important;
    margin: 0 0 10px !important;
    overflow: hidden !important;
  }

  body.mobile-mode:not(.portal-page-shell) .production-tab-panel .panel-header,
  body.mobile-mode:not(.portal-page-shell) .panel:has(.inventory-fit-table) .panel-header,
  body.mobile-mode:not(.portal-page-shell) .panel:has(.inventory-clean-stock-table) .panel-header {
    align-items: stretch !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: 1fr !important;
    padding: 12px !important;
  }

  body.mobile-mode:not(.portal-page-shell) .production-tab-panel .panel-header h2,
  body.mobile-mode:not(.portal-page-shell) .panel:has(.inventory-fit-table) .panel-header h2,
  body.mobile-mode:not(.portal-page-shell) .panel:has(.inventory-clean-stock-table) .panel-header h2 {
    font-size: 16px !important;
    line-height: 1.2 !important;
  }

  body.mobile-mode:not(.portal-page-shell) .production-tab-panel .panel-body,
  body.mobile-mode:not(.portal-page-shell) .panel:has(.inventory-fit-table) .panel-body,
  body.mobile-mode:not(.portal-page-shell) .panel:has(.inventory-clean-stock-table) .panel-body {
    padding: 10px !important;
  }

  body.mobile-mode:not(.portal-page-shell) .inventory-tabs {
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-bottom: 10px !important;
    overflow: visible !important;
    padding: 8px !important;
  }

  body.mobile-mode:not(.portal-page-shell) .inventory-tabs a,
  body.mobile-mode:not(.portal-page-shell) .inventory-tabs button {
    border-radius: 12px !important;
    font-size: 12px !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 8px !important;
    text-align: center !important;
    white-space: normal !important;
  }

  body.mobile-mode:not(.portal-page-shell) .inventory-fit-table,
  body.mobile-mode:not(.portal-page-shell) .inventory-clean-stock-table,
  body.mobile-mode:not(.portal-page-shell) .production-jit-grid .table-wrap table,
  body.mobile-mode:not(.portal-page-shell) .production-material-grid .table-wrap table {
    border: 0 !important;
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  body.mobile-mode:not(.portal-page-shell) .inventory-fit-table thead,
  body.mobile-mode:not(.portal-page-shell) .inventory-clean-stock-table thead,
  body.mobile-mode:not(.portal-page-shell) .production-jit-grid .table-wrap thead,
  body.mobile-mode:not(.portal-page-shell) .production-material-grid .table-wrap thead {
    display: none !important;
  }

  body.mobile-mode:not(.portal-page-shell) .inventory-fit-table tbody,
  body.mobile-mode:not(.portal-page-shell) .inventory-clean-stock-table tbody,
  body.mobile-mode:not(.portal-page-shell) .production-jit-grid .table-wrap tbody,
  body.mobile-mode:not(.portal-page-shell) .production-material-grid .table-wrap tbody {
    display: grid !important;
    gap: 10px !important;
  }

  body.mobile-mode:not(.portal-page-shell) .inventory-fit-table tr,
  body.mobile-mode:not(.portal-page-shell) .inventory-clean-stock-table tr,
  body.mobile-mode:not(.portal-page-shell) .production-jit-grid .table-wrap tr,
  body.mobile-mode:not(.portal-page-shell) .production-material-grid .table-wrap tr {
    background: #fff !important;
    border: 1px solid #d9e5ee !important;
    border-radius: 14px !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .06) !important;
    display: grid !important;
    overflow: hidden !important;
    padding: 8px 10px !important;
  }

  body.mobile-mode:not(.portal-page-shell) .inventory-fit-table td,
  body.mobile-mode:not(.portal-page-shell) .inventory-clean-stock-table td,
  body.mobile-mode:not(.portal-page-shell) .production-jit-grid .table-wrap td,
  body.mobile-mode:not(.portal-page-shell) .production-material-grid .table-wrap td {
    align-items: start !important;
    border: 0 !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: minmax(88px, 38%) minmax(0, 1fr) !important;
    max-width: 100% !important;
    min-height: 32px !important;
    overflow: visible !important;
    padding: 7px 0 !important;
    text-align: left !important;
    white-space: normal !important;
    word-break: break-word !important;
  }

  body.mobile-mode:not(.portal-page-shell) .inventory-fit-table td::before,
  body.mobile-mode:not(.portal-page-shell) .inventory-clean-stock-table td::before,
  body.mobile-mode:not(.portal-page-shell) .production-jit-grid .table-wrap td::before,
  body.mobile-mode:not(.portal-page-shell) .production-material-grid .table-wrap td::before {
    color: #607086 !important;
    content: attr(data-label) !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    text-transform: uppercase !important;
  }

  body.mobile-mode:not(.portal-page-shell) .inventory-fit-table td:empty,
  body.mobile-mode:not(.portal-page-shell) .inventory-clean-stock-table td:empty,
  body.mobile-mode:not(.portal-page-shell) .production-jit-grid .table-wrap td:empty,
  body.mobile-mode:not(.portal-page-shell) .production-material-grid .table-wrap td:empty {
    display: none !important;
  }

  body.mobile-mode:not(.portal-page-shell) .inventory-fit-table td .actions,
  body.mobile-mode:not(.portal-page-shell) .inventory-clean-stock-table td .actions,
  body.mobile-mode:not(.portal-page-shell) .production-jit-grid .table-wrap td .actions,
  body.mobile-mode:not(.portal-page-shell) .production-material-grid .table-wrap td .actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
  }

  body.mobile-mode:not(.portal-page-shell) .inventory-fit-table td button,
  body.mobile-mode:not(.portal-page-shell) .inventory-fit-table td .btn,
  body.mobile-mode:not(.portal-page-shell) .inventory-clean-stock-table td button,
  body.mobile-mode:not(.portal-page-shell) .inventory-clean-stock-table td .btn,
  body.mobile-mode:not(.portal-page-shell) .production-jit-grid .table-wrap td button,
  body.mobile-mode:not(.portal-page-shell) .production-jit-grid .table-wrap td .btn {
    min-height: 34px !important;
    padding: 7px 10px !important;
  }
}

/* SIGMA_SETTING_MASTER_FINAL_POLISH_20260521_ACTIVE
   UI-only final polish for Setting/Master: no split reset, cleaner forms, compact actions. */
body:not(.portal-page-shell) .master-product-layout .resizable-reset,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-bahan-layout"] .resizable-reset,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-consumable-layout"] .resizable-reset,
body:not(.portal-page-shell) .consumable-layout .resizable-reset,
body:not(.portal-page-shell) .master-product-layout .resizable-divider,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-bahan-layout"] .resizable-divider,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-consumable-layout"] .resizable-divider,
body:not(.portal-page-shell) .consumable-layout .resizable-divider {
  display: none !important;
}

body:not(.portal-page-shell) .page-backbar {
  align-items: center !important;
  display: flex !important;
  gap: 10px !important;
  margin: 0 0 14px !important;
}

body:not(.portal-page-shell) .page-backbar .btn {
  border-radius: 999px !important;
  padding: 9px 14px !important;
}

body:not(.portal-page-shell) .master-product-layout .panel,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-bahan-layout"] .panel,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-consumable-layout"] .panel,
body:not(.portal-page-shell) .consumable-layout .panel {
  border-radius: 14px !important;
}

body:not(.portal-page-shell) .master-product-layout .panel-header h2,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-bahan-layout"] .panel-header h2,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-consumable-layout"] .panel-header h2,
body:not(.portal-page-shell) .consumable-layout .panel-header h2 {
  font-size: 18px !important;
}

body:not(.portal-page-shell) .master-product-layout label,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-bahan-layout"] label,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-consumable-layout"] label,
body:not(.portal-page-shell) .consumable-layout label {
  min-width: 0 !important;
}

body:not(.portal-page-shell) .master-product-layout .check-row,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-bahan-layout"] .check-row,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-consumable-layout"] .check-row,
body:not(.portal-page-shell) .consumable-layout .check-row {
  align-items: center !important;
  align-self: end !important;
  background: #f8fafc !important;
  border: 1px solid var(--sigma-line) !important;
  border-radius: 10px !important;
  display: flex !important;
  gap: 9px !important;
  min-height: 42px !important;
  padding: 9px 12px !important;
  white-space: normal !important;
}

body:not(.portal-page-shell) .master-product-layout input[type="checkbox"],
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-bahan-layout"] input[type="checkbox"],
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-consumable-layout"] input[type="checkbox"],
body:not(.portal-page-shell) .consumable-layout input[type="checkbox"] {
  flex: 0 0 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  min-width: 18px !important;
  width: 18px !important;
}

body:not(.portal-page-shell) .master-product-layout .variant-indicator {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 10px 12px !important;
}

body:not(.portal-page-shell) .master-product-layout .product-table-filter,
body:not(.portal-page-shell) .master-product-layout [data-product-bulk],
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-bahan-layout"] .actions,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-consumable-layout"] .actions,
body:not(.portal-page-shell) .consumable-layout .actions {
  align-items: end !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

body:not(.portal-page-shell) .master-product-layout [data-product-bulk] {
  justify-content: space-between !important;
}

body:not(.portal-page-shell) .master-product-layout .table-wrap,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-bahan-layout"] .table-wrap,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-consumable-layout"] .table-wrap,
body:not(.portal-page-shell) .consumable-layout .table-wrap {
  overflow-x: hidden !important;
}

body:not(.portal-page-shell) .master-product-layout .table-wrap table,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-bahan-layout"] .table-wrap table,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-consumable-layout"] .table-wrap table,
body:not(.portal-page-shell) .consumable-layout .table-wrap table {
  table-layout: fixed !important;
}

body:not(.portal-page-shell) .master-product-layout .table-wrap th,
body:not(.portal-page-shell) .master-product-layout .table-wrap td,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-bahan-layout"] .table-wrap th,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-bahan-layout"] .table-wrap td,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-consumable-layout"] .table-wrap th,
body:not(.portal-page-shell) .resizable-split[data-storage-key="master-consumable-layout"] .table-wrap td,
body:not(.portal-page-shell) .consumable-layout .table-wrap th,
body:not(.portal-page-shell) .consumable-layout .table-wrap td {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .consumable-clean-table th:nth-child(1),
body:not(.portal-page-shell) .consumable-clean-table td:nth-child(1) { width: 8% !important; }
body:not(.portal-page-shell) .consumable-clean-table th:nth-child(2),
body:not(.portal-page-shell) .consumable-clean-table td:nth-child(2) { width: 16% !important; }
body:not(.portal-page-shell) .consumable-clean-table th:nth-child(3),
body:not(.portal-page-shell) .consumable-clean-table td:nth-child(3) { width: 15% !important; }
body:not(.portal-page-shell) .consumable-clean-table th:nth-child(4),
body:not(.portal-page-shell) .consumable-clean-table td:nth-child(4) { width: 7% !important; }
body:not(.portal-page-shell) .consumable-clean-table th:nth-child(5),
body:not(.portal-page-shell) .consumable-clean-table td:nth-child(5),
body:not(.portal-page-shell) .consumable-clean-table th:nth-child(6),
body:not(.portal-page-shell) .consumable-clean-table td:nth-child(6) { text-align: center !important; width: 6% !important; }
body:not(.portal-page-shell) .consumable-clean-table th:nth-child(7),
body:not(.portal-page-shell) .consumable-clean-table td:nth-child(7) { width: 9% !important; }
body:not(.portal-page-shell) .consumable-clean-table th:nth-child(8),
body:not(.portal-page-shell) .consumable-clean-table td:nth-child(8) { width: 12% !important; }
body:not(.portal-page-shell) .consumable-clean-table th:nth-child(9),
body:not(.portal-page-shell) .consumable-clean-table td:nth-child(9) { width: 21% !important; }

body:not(.portal-page-shell) .consumable-clean-table .actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

body:not(.portal-page-shell) .consumable-clean-table .btn,
body:not(.portal-page-shell) .consumable-clean-table button {
  font-size: 12px !important;
  padding: 8px 10px !important;
}

body:not(.portal-page-shell) .consumable-audit-summary {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 0 12px !important;
}

@media (max-width: 900px) {
  body:not(.portal-page-shell) .master-product-layout .table-wrap,
  body:not(.portal-page-shell) .resizable-split[data-storage-key="master-bahan-layout"] .table-wrap,
  body:not(.portal-page-shell) .resizable-split[data-storage-key="master-consumable-layout"] .table-wrap,
  body:not(.portal-page-shell) .consumable-layout .table-wrap {
    overflow-x: auto !important;
  }

  body:not(.portal-page-shell) .consumable-clean-table {
    min-width: 760px !important;
  }
}

/* SIGMA_SETTING_ALL_MASTER_UNIFIED_LAYOUT_20260521_ACTIVE
   UI-only: all Setting/Master pages use the same clear pattern:
   input panel first, list/preview below, no draggable split clutter. */
body:not(.portal-page-shell) .setting-master-layout,
body:not(.portal-page-shell) .settings-user-layout,
body:not(.portal-page-shell) .hr-master-layout > .grid {
  align-items: stretch !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  max-width: 100% !important;
  overflow: visible !important;
}

body:not(.portal-page-shell) .setting-master-layout > *,
body:not(.portal-page-shell) .settings-user-layout > *,
body:not(.portal-page-shell) .hr-master-layout > .grid > * {
  grid-column: 1 / -1 !important;
  max-width: 100% !important;
  min-width: 0 !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .setting-master-layout .resizable-divider,
body:not(.portal-page-shell) .setting-master-layout .resizable-reset,
body:not(.portal-page-shell) .settings-user-layout .resizable-divider,
body:not(.portal-page-shell) .settings-user-layout .resizable-reset,
body:not(.portal-page-shell) .hr-master-layout .resizable-divider,
body:not(.portal-page-shell) .hr-master-layout .resizable-reset {
  display: none !important;
}

body:not(.portal-page-shell) .setting-master-layout .panel,
body:not(.portal-page-shell) .settings-user-layout .panel,
body:not(.portal-page-shell) .hr-master-layout .panel {
  border-radius: 14px !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

body:not(.portal-page-shell) .setting-master-layout .panel-header,
body:not(.portal-page-shell) .settings-user-layout .panel-header,
body:not(.portal-page-shell) .hr-master-layout .panel-header {
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

body:not(.portal-page-shell) .setting-master-layout .panel-header h2,
body:not(.portal-page-shell) .settings-user-layout .panel-header h2,
body:not(.portal-page-shell) .hr-master-layout .panel-header h2 {
  font-size: 18px !important;
  line-height: 1.25 !important;
}

body:not(.portal-page-shell) .setting-master-layout .panel-body > form.form-grid,
body:not(.portal-page-shell) .settings-user-layout .panel-body > form.form-grid,
body:not(.portal-page-shell) .hr-master-layout .panel-body > form.form-grid {
  align-items: end !important;
  display: grid !important;
  gap: 14px 16px !important;
  grid-template-columns: repeat(4, minmax(170px, 1fr)) !important;
}

body:not(.portal-page-shell) .setting-master-layout .panel-body > form.form-grid > details,
body:not(.portal-page-shell) .setting-master-layout .panel-body > form.form-grid > .actions,
body:not(.portal-page-shell) .setting-master-layout .panel-body > form.form-grid > button,
body:not(.portal-page-shell) .settings-user-layout .panel-body > form.form-grid > details,
body:not(.portal-page-shell) .settings-user-layout .panel-body > form.form-grid > .actions,
body:not(.portal-page-shell) .settings-user-layout .panel-body > form.form-grid > button,
body:not(.portal-page-shell) .hr-master-layout .panel-body > form.form-grid > details,
body:not(.portal-page-shell) .hr-master-layout .panel-body > form.form-grid > .actions,
body:not(.portal-page-shell) .hr-master-layout .panel-body > form.form-grid > button {
  grid-column: 1 / -1 !important;
  justify-self: start !important;
}

body:not(.portal-page-shell) .setting-master-layout label,
body:not(.portal-page-shell) .settings-user-layout label,
body:not(.portal-page-shell) .hr-master-layout label {
  min-width: 0 !important;
}

body:not(.portal-page-shell) .setting-master-layout .actions,
body:not(.portal-page-shell) .settings-user-layout .actions,
body:not(.portal-page-shell) .hr-master-layout .actions {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

body:not(.portal-page-shell) .settings-user-layout .small-inline-input {
  max-width: 180px !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .setting-master-layout .table-wrap,
body:not(.portal-page-shell) .settings-user-layout .table-wrap,
body:not(.portal-page-shell) .hr-master-layout .table-wrap {
  max-width: 100% !important;
  overflow-x: hidden !important;
  overscroll-behavior-x: contain !important;
}

body:not(.portal-page-shell) .setting-master-layout .table-wrap > table,
body:not(.portal-page-shell) .settings-user-layout .table-wrap > table,
body:not(.portal-page-shell) .hr-master-layout .table-wrap > table {
  min-width: 0 !important;
  table-layout: fixed !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .setting-master-layout .table-wrap th,
body:not(.portal-page-shell) .setting-master-layout .table-wrap td,
body:not(.portal-page-shell) .settings-user-layout .table-wrap th,
body:not(.portal-page-shell) .settings-user-layout .table-wrap td,
body:not(.portal-page-shell) .hr-master-layout .table-wrap th,
body:not(.portal-page-shell) .hr-master-layout .table-wrap td {
  max-width: 240px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .setting-master-layout .table-wrap td:last-child,
body:not(.portal-page-shell) .settings-user-layout .table-wrap td:last-child,
body:not(.portal-page-shell) .hr-master-layout .table-wrap td:last-child {
  overflow: visible !important;
  white-space: normal !important;
}

body:not(.portal-page-shell) .setting-master-layout .table-wrap td:last-child .actions,
body:not(.portal-page-shell) .settings-user-layout .table-wrap td:last-child .actions,
body:not(.portal-page-shell) .hr-master-layout .table-wrap td:last-child .actions {
  justify-content: flex-start !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .setting-master-layout .table-wrap td:last-child .btn,
body:not(.portal-page-shell) .setting-master-layout .table-wrap td:last-child button,
body:not(.portal-page-shell) .settings-user-layout .table-wrap td:last-child .btn,
body:not(.portal-page-shell) .settings-user-layout .table-wrap td:last-child button,
body:not(.portal-page-shell) .hr-master-layout .table-wrap td:last-child .btn,
body:not(.portal-page-shell) .hr-master-layout .table-wrap td:last-child button {
  font-size: 12px !important;
  padding: 8px 10px !important;
}

body:not(.portal-page-shell) .setting-master-layout .compact-stock-form {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(4, minmax(120px, 1fr)) auto !important;
  max-width: 100% !important;
}

@media (max-width: 1180px) {
  body:not(.portal-page-shell) .setting-master-layout .panel-body > form.form-grid,
  body:not(.portal-page-shell) .settings-user-layout .panel-body > form.form-grid,
  body:not(.portal-page-shell) .hr-master-layout .panel-body > form.form-grid {
    grid-template-columns: repeat(3, minmax(160px, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  body:not(.portal-page-shell) .setting-master-layout .table-wrap,
  body:not(.portal-page-shell) .settings-user-layout .table-wrap,
  body:not(.portal-page-shell) .hr-master-layout .table-wrap {
    overflow-x: auto !important;
  }

  body:not(.portal-page-shell) .setting-master-layout .table-wrap > table,
  body:not(.portal-page-shell) .settings-user-layout .table-wrap > table,
  body:not(.portal-page-shell) .hr-master-layout .table-wrap > table {
    min-width: 760px !important;
  }
}

@media (max-width: 820px) {
  body:not(.portal-page-shell) .setting-master-layout .panel-body > form.form-grid,
  body:not(.portal-page-shell) .settings-user-layout .panel-body > form.form-grid,
  body:not(.portal-page-shell) .hr-master-layout .panel-body > form.form-grid {
    grid-template-columns: repeat(2, minmax(150px, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  body:not(.portal-page-shell) .setting-master-layout .panel-body > form.form-grid,
  body:not(.portal-page-shell) .settings-user-layout .panel-body > form.form-grid,
  body:not(.portal-page-shell) .hr-master-layout .panel-body > form.form-grid {
    grid-template-columns: 1fr !important;
  }
}

/* SIGMA_FORCE_UI_REFRESH_20260521_2_ACTIVE
   Compact role dashboards only: removes oversized hero feel and keeps every KPI/action clickable. */
body:not(.portal-page-shell) .role-dashboard > .role-dashboard-compact-head {
  align-items: center !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  min-height: 0 !important;
  padding: 14px 18px !important;
}

body:not(.portal-page-shell) .role-dashboard > .role-dashboard-compact-head .eyebrow,
body:not(.portal-page-shell) .role-dashboard > .role-dashboard-compact-head .sigma-dashboard-header-actions {
  display: none !important;
}

body:not(.portal-page-shell) .role-dashboard > .role-dashboard-compact-head h2 {
  color: var(--sigma-text) !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  margin: 0 0 3px !important;
}

body:not(.portal-page-shell) .role-dashboard > .role-dashboard-compact-head p {
  color: var(--sigma-muted) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  max-width: 760px !important;
}

body:not(.portal-page-shell) .role-dashboard-meta {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .role-dashboard-meta span {
  align-items: center !important;
  background: #f1f7f8 !important;
  border: 1px solid #d3e6e5 !important;
  border-radius: 999px !important;
  color: #285568 !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  gap: 6px !important;
  padding: 7px 10px !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .role-dashboard-meta .sigma-icon {
  height: 15px !important;
  width: 15px !important;
}

body:not(.portal-page-shell) .role-dashboard > .role-dashboard-period {
  margin-top: 12px !important;
}

body:not(.portal-page-shell) .role-dashboard .role-dashboard-card-link {
  text-decoration: none !important;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

body:not(.portal-page-shell) .role-dashboard .role-dashboard-card-link:hover {
  border-color: #99d8d1 !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .11) !important;
  transform: translateY(-2px);
}

@media (max-width: 820px) {
  body:not(.portal-page-shell) .role-dashboard > .role-dashboard-compact-head {
    grid-template-columns: 1fr !important;
  }

  body:not(.portal-page-shell) .role-dashboard-meta {
    justify-content: flex-start !important;
  }
}

/* ERP_SIGMA_ALL_DEVICE_FIT_20260521_ACTIVE
   Final fit guard: UI-only layer to keep every module contained on laptop, tablet, and phone. */
html,
body {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

body:not(.portal-page-shell) .app-shell,
body:not(.portal-page-shell) .app,
body:not(.portal-page-shell) .layout,
body:not(.portal-page-shell) .main,
body:not(.portal-page-shell) main,
body:not(.portal-page-shell) .content,
body:not(.portal-page-shell) .page-content,
body:not(.portal-page-shell) .module-page,
body:not(.portal-page-shell) .owner-dashboard,
body:not(.portal-page-shell) .role-dashboard {
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
}

body:not(.portal-page-shell) .content > *,
body:not(.portal-page-shell) .page-content > *,
body:not(.portal-page-shell) .module-page > *,
body:not(.portal-page-shell) .owner-dashboard > *,
body:not(.portal-page-shell) .role-dashboard > * {
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .panel,
body:not(.portal-page-shell) .card,
body:not(.portal-page-shell) .section-card,
body:not(.portal-page-shell) .sigma-panel,
body:not(.portal-page-shell) .dashboard-card,
body:not(.portal-page-shell) .finance-card,
body:not(.portal-page-shell) .inventory-card,
body:not(.portal-page-shell) .setting-master-layout,
body:not(.portal-page-shell) .settings-user-layout,
body:not(.portal-page-shell) .hr-master-layout,
body:not(.portal-page-shell) .finance-balance-grid,
body:not(.portal-page-shell) .production-panel-grid,
body:not(.portal-page-shell) .sales-modern,
body:not(.portal-page-shell) .purchase-modern {
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .table-wrap,
body:not(.portal-page-shell) .table-responsive,
body:not(.portal-page-shell) .responsive-table,
body:not(.portal-page-shell) .data-table-wrap,
body:not(.portal-page-shell) .sigma-table-wrap,
body:not(.portal-page-shell) .panel-body:has(> table),
body:not(.portal-page-shell) .card-body:has(> table) {
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  overscroll-behavior-x: contain !important;
  -webkit-overflow-scrolling: touch !important;
}

body:not(.portal-page-shell) table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  max-width: none !important;
}

body:not(.portal-page-shell) .table-wrap > table,
body:not(.portal-page-shell) .table-responsive > table,
body:not(.portal-page-shell) .responsive-table > table,
body:not(.portal-page-shell) .data-table-wrap > table,
body:not(.portal-page-shell) .sigma-table-wrap > table,
body:not(.portal-page-shell) .panel-body > table,
body:not(.portal-page-shell) .card-body > table {
  min-width: 100% !important;
  width: max-content !important;
}

body:not(.portal-page-shell) th,
body:not(.portal-page-shell) td {
  box-sizing: border-box !important;
  max-width: 260px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  vertical-align: middle !important;
}

body:not(.portal-page-shell) th {
  white-space: nowrap !important;
}

body:not(.portal-page-shell) td {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

body:not(.portal-page-shell) td .btn,
body:not(.portal-page-shell) td button,
body:not(.portal-page-shell) .actions .btn,
body:not(.portal-page-shell) .actions button {
  max-width: 100% !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .module-tabs,
body:not(.portal-page-shell) .tabs,
body:not(.portal-page-shell) .tab-bar,
body:not(.portal-page-shell) .production-work-tabs,
body:not(.portal-page-shell) .finance-tabs,
body:not(.portal-page-shell) .sales-tabs {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  overscroll-behavior-x: contain !important;
  -webkit-overflow-scrolling: touch !important;
}

body:not(.portal-page-shell) .module-tabs > *,
body:not(.portal-page-shell) .tabs > *,
body:not(.portal-page-shell) .tab-bar > *,
body:not(.portal-page-shell) .production-work-tabs > *,
body:not(.portal-page-shell) .finance-tabs > *,
body:not(.portal-page-shell) .sales-tabs > * {
  flex: 0 0 auto !important;
}

body:not(.portal-page-shell) .form-grid,
body:not(.portal-page-shell) .filter-grid,
body:not(.portal-page-shell) .kpi-grid,
body:not(.portal-page-shell) .dashboard-grid,
body:not(.portal-page-shell) .panel-grid,
body:not(.portal-page-shell) .summary-grid {
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) input,
body:not(.portal-page-shell) select,
body:not(.portal-page-shell) textarea {
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .topbar,
body:not(.portal-page-shell) .app-header,
body:not(.portal-page-shell) .page-header {
  max-width: 100% !important;
  min-width: 0 !important;
}

@media (min-width: 821px) {
  body:not(.portal-page-shell) .content,
  body:not(.portal-page-shell) .page-content,
  body:not(.portal-page-shell) .module-page,
  body:not(.portal-page-shell) .owner-dashboard,
  body:not(.portal-page-shell) .role-dashboard {
    padding-left: clamp(14px, 2vw, 24px) !important;
    padding-right: clamp(14px, 2vw, 24px) !important;
  }
}

@media (max-width: 1024px) {
  body:not(.portal-page-shell) .finance-balance-grid,
  body:not(.portal-page-shell) .production-panel-grid,
  body:not(.portal-page-shell) .settings-master-shell,
  body:not(.portal-page-shell) .setting-master-layout,
  body:not(.portal-page-shell) .settings-user-layout,
  body:not(.portal-page-shell) .hr-master-layout {
    grid-template-columns: 1fr !important;
  }

  body:not(.portal-page-shell) .form-grid,
  body:not(.portal-page-shell) .filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  body.mobile-mode:not(.portal-page-shell) .content,
  body.mobile-mode:not(.portal-page-shell) .page-content,
  body.mobile-mode:not(.portal-page-shell) .module-page,
  body.mobile-mode:not(.portal-page-shell) .owner-dashboard,
  body.mobile-mode:not(.portal-page-shell) .role-dashboard {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body.mobile-mode:not(.portal-page-shell) .form-grid,
  body.mobile-mode:not(.portal-page-shell) .filter-grid,
  body.mobile-mode:not(.portal-page-shell) .kpi-grid,
  body.mobile-mode:not(.portal-page-shell) .dashboard-grid,
  body.mobile-mode:not(.portal-page-shell) .panel-grid,
  body.mobile-mode:not(.portal-page-shell) .summary-grid {
    grid-template-columns: 1fr !important;
  }

  body.mobile-mode:not(.portal-page-shell) .panel-header,
  body.mobile-mode:not(.portal-page-shell) .card-header {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  body.mobile-mode:not(.portal-page-shell) .panel-header .actions,
  body.mobile-mode:not(.portal-page-shell) .card-header .actions,
  body.mobile-mode:not(.portal-page-shell) .panel-header .btn,
  body.mobile-mode:not(.portal-page-shell) .card-header .btn {
    width: 100% !important;
  }

  body.mobile-mode:not(.portal-page-shell) th,
  body.mobile-mode:not(.portal-page-shell) td {
    max-width: 190px !important;
  }
}

@media (max-width: 560px) {
  body.mobile-mode:not(.portal-page-shell) .role-dashboard > .role-dashboard-compact-head {
    padding: 12px !important;
  }

  body.mobile-mode:not(.portal-page-shell) .role-dashboard > .role-dashboard-compact-head h2 {
    font-size: 18px !important;
  }

  body.mobile-mode:not(.portal-page-shell) .role-dashboard > .role-dashboard-compact-head p {
    font-size: 12px !important;
  }

  body.mobile-mode:not(.portal-page-shell) .role-dashboard-meta span {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

/* ERP_SIGMA_PORTAL_RESELLER_UI_OPTION_2_ICON_LIGHT_20260521_ACTIVE */
body.portal-page-shell {
  --portal-navy: #071827;
  --portal-navy-2: #0b2436;
  --portal-teal: #0f8f7e;
  --portal-teal-soft: #e8fbf6;
  --portal-line: #d9e4ee;
  --portal-bg: #eef4f7;
  --portal-text: #071827;
  --portal-muted: #64748b;
  background: var(--portal-bg) !important;
  color: var(--portal-text) !important;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  margin: 0 !important;
  overflow-x: hidden !important;
}

body.portal-page-shell * {
  box-sizing: border-box;
  letter-spacing: 0 !important;
}

body.portal-page-shell .portal-page {
  display: grid !important;
  gap: 12px !important;
  margin: 0 auto !important;
  padding: 10px 12px calc(96px + env(safe-area-inset-bottom)) !important;
  width: min(980px, 100%) !important;
}

body.portal-page-shell .portal-hero.portal-option2-header {
  align-items: center !important;
  background: linear-gradient(135deg, var(--portal-navy), var(--portal-navy-2)) !important;
  border: 0 !important;
  border-radius: 0 0 18px 18px !important;
  box-shadow: 0 12px 28px rgba(7, 24, 39, .18) !important;
  color: #fff !important;
  display: flex !important;
  gap: 10px !important;
  justify-content: space-between !important;
  min-height: 64px !important;
  padding: 10px 12px !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 20 !important;
}

body.portal-page-shell .portal-brand-lockup {
  align-items: center !important;
  display: flex !important;
  gap: 10px !important;
  min-width: 0 !important;
}

body.portal-page-shell .portal-logo {
  background: #050b12 !important;
  border-radius: 8px !important;
  height: 34px !important;
  max-width: 72px !important;
  object-fit: contain !important;
  padding: 4px !important;
  width: 72px !important;
}

body.portal-page-shell .portal-reseller-meta {
  display: grid !important;
  gap: 1px !important;
  min-width: 0 !important;
}

body.portal-page-shell .portal-reseller-meta strong {
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
  max-width: 42vw !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.portal-page-shell .portal-reseller-meta small {
  color: #a7f3d0 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

body.portal-page-shell .portal-header-actions {
  align-items: center !important;
  display: flex !important;
  flex: 0 0 auto !important;
  gap: 6px !important;
}

body.portal-page-shell .portal-icon-action {
  align-items: center !important;
  background: rgba(255, 255, 255, .1) !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: #fff !important;
  display: inline-flex !important;
  gap: 6px !important;
  height: 36px !important;
  justify-content: center !important;
  min-height: 36px !important;
  min-width: 36px !important;
  padding: 0 10px !important;
}

body.portal-page-shell .portal-icon-action .sigma-icon,
body.portal-page-shell .portal-tab-icon .sigma-icon {
  flex: 0 0 auto !important;
  height: 17px !important;
  width: 17px !important;
}

body.portal-page-shell .portal-notification-action span,
body.portal-page-shell .portal-back-action span {
  display: none !important;
}

body.portal-page-shell .portal-nav.portal-reseller-tabs {
  background: rgba(255, 255, 255, .94) !important;
  border: 1px solid var(--portal-line) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 24px rgba(7, 24, 39, .08) !important;
  display: grid !important;
  gap: 7px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin: 0 !important;
  overflow: hidden !important;
  padding: 8px !important;
  position: sticky !important;
  top: 64px !important;
  z-index: 19 !important;
}

body.portal-page-shell .portal-reseller-tab {
  align-items: center !important;
  background: #fff !important;
  border: 1px solid #e6edf4 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  color: #23364a !important;
  display: flex !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  gap: 6px !important;
  height: 44px !important;
  justify-content: center !important;
  min-width: 0 !important;
  padding: 6px 7px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body.portal-page-shell .portal-reseller-tab.active,
body.portal-page-shell .portal-reseller-tab.is-active {
  background: var(--portal-teal) !important;
  border-color: var(--portal-teal) !important;
  box-shadow: 0 10px 20px rgba(15, 143, 126, .2) !important;
  color: #fff !important;
}

body.portal-page-shell .portal-tab-icon {
  display: inline-flex !important;
}

body.portal-page-shell .panel,
body.portal-page-shell .portal-order-card,
body.portal-page-shell .portal-table-card,
body.portal-page-shell .portal-settlement-panel,
body.portal-page-shell .portal-lightweight-panel,
body.portal-page-shell .portal-summary-card,
body.portal-page-shell .settlement-order-card,
body.portal-page-shell .portal-mobile-order-card {
  background: #fff !important;
  border: 1px solid var(--portal-line) !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 26px rgba(7, 24, 39, .07) !important;
  overflow: hidden !important;
}

body.portal-page-shell .panel-header {
  align-items: center !important;
  border-bottom: 1px solid var(--portal-line) !important;
  display: flex !important;
  gap: 10px !important;
  justify-content: space-between !important;
  padding: 12px 14px !important;
}

body.portal-page-shell .panel-header h2 {
  color: var(--portal-text) !important;
  font-size: 17px !important;
  line-height: 1.15 !important;
  margin: 0 !important;
}

body.portal-page-shell .panel-body {
  padding: 12px 14px !important;
}

body.portal-page-shell label {
  color: #2d3d52 !important;
  display: grid !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  gap: 6px !important;
  text-transform: none !important;
}

body.portal-page-shell input,
body.portal-page-shell select,
body.portal-page-shell textarea {
  background: #fff !important;
  border: 1px solid #cfdbe7 !important;
  border-radius: 12px !important;
  color: var(--portal-text) !important;
  font-size: 14px !important;
  min-height: 42px !important;
  padding: 10px 12px !important;
  width: 100% !important;
}

body.portal-page-shell textarea {
  min-height: 82px !important;
  resize: vertical !important;
}

body.portal-page-shell .input-note {
  color: var(--portal-muted) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

body.portal-page-shell .btn,
body.portal-page-shell button {
  align-items: center !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  gap: 7px !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 10px 13px !important;
}

body.portal-page-shell .btn:not(.secondary):not(.danger),
body.portal-page-shell button.btn:not(.secondary):not(.danger) {
  background: var(--portal-teal) !important;
  border-color: var(--portal-teal) !important;
  box-shadow: 0 10px 18px rgba(15, 143, 126, .18) !important;
  color: #fff !important;
}

body.portal-page-shell .btn.secondary {
  background: #fff !important;
  border: 1px solid #cfdbe7 !important;
  box-shadow: none !important;
  color: #0b2135 !important;
}

body.portal-page-shell .portal-main-order-grid,
body.portal-page-shell .portal-resi-grid,
body.portal-page-shell .portal-customer-grid,
body.portal-page-shell .form-grid {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.portal-page-shell .proof-preview {
  align-items: center !important;
  background: #f8fbfd !important;
  border: 1px dashed #b8c9d9 !important;
  border-radius: 12px !important;
  color: var(--portal-muted) !important;
  display: flex !important;
  font-size: 12px !important;
  gap: 8px !important;
  margin: 8px 0 !important;
  min-height: 38px !important;
  overflow: hidden !important;
  padding: 9px 11px !important;
}

body.portal-page-shell details {
  background: #f8fbfd !important;
  border: 1px solid #d9e4ee !important;
  border-radius: 13px !important;
  overflow: hidden !important;
  padding: 0 !important;
}

body.portal-page-shell details summary {
  color: #0b2135 !important;
  cursor: pointer !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  padding: 11px 12px !important;
}

body.portal-page-shell details[open] summary {
  background: #fff !important;
  border-bottom: 1px solid #d9e4ee !important;
}

body.portal-page-shell .portal-quick-fill,
body.portal-page-shell .portal-resi-grid,
body.portal-page-shell .portal-customer-grid {
  padding: 12px !important;
}

body.portal-page-shell .portal-item-panel {
  display: grid !important;
  gap: 9px !important;
  margin-top: 10px !important;
}

body.portal-page-shell .portal-item-line {
  align-items: end !important;
  background: var(--portal-teal-soft) !important;
  border: 1px solid #aee6d9 !important;
  border-radius: 14px !important;
  display: grid !important;
  gap: 9px !important;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) 82px minmax(110px, .65fr) auto !important;
  padding: 10px !important;
}

body.portal-page-shell .compact-suggestions {
  grid-column: 1 / -1 !important;
}

body.portal-page-shell .compact-add {
  min-width: 96px !important;
}

body.portal-page-shell .compact-item-preview,
body.portal-page-shell .portal-cart-empty {
  background: #fff !important;
  border: 1px dashed #b8c9d9 !important;
  border-radius: 12px !important;
  color: var(--portal-muted) !important;
  font-size: 12px !important;
  padding: 10px 12px !important;
}

body.portal-page-shell .table-wrap {
  max-width: 100% !important;
  overflow-x: auto !important;
}

body.portal-page-shell .compact-cart-table {
  border-collapse: collapse !important;
  min-width: 640px !important;
  width: 100% !important;
}

body.portal-page-shell th {
  background: #edf4f8 !important;
  color: #2f4056 !important;
  font-size: 11px !important;
}

body.portal-page-shell td {
  font-size: 13px !important;
}

body.portal-page-shell .portal-summary-grid,
body.portal-page-shell .finance-kpis.cards,
body.portal-page-shell .kpi-grid {
  display: grid !important;
  gap: 9px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.portal-page-shell .portal-summary-card,
body.portal-page-shell .finance-kpis .card,
body.portal-page-shell .kpi {
  min-height: auto !important;
  padding: 12px !important;
}

body.portal-page-shell .portal-summary-card span,
body.portal-page-shell .finance-kpis .card span,
body.portal-page-shell .kpi span {
  color: #52667d !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

body.portal-page-shell .portal-summary-card strong,
body.portal-page-shell .finance-kpis .card strong,
body.portal-page-shell .kpi strong {
  color: #071827 !important;
  font-size: 18px !important;
}

body.portal-page-shell .portal-status-filter,
body.portal-page-shell .portal-settlement-tabs {
  display: flex !important;
  gap: 6px !important;
  overflow-x: auto !important;
  padding-bottom: 2px !important;
}

body.portal-page-shell .portal-status-filter a,
body.portal-page-shell .portal-settlement-tabs a {
  background: #fff !important;
  border: 1px solid #d9e4ee !important;
  border-radius: 999px !important;
  color: #23364a !important;
  flex: 0 0 auto !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  padding: 8px 12px !important;
  text-decoration: none !important;
}

body.portal-page-shell .portal-status-filter a.active,
body.portal-page-shell .portal-settlement-tabs a.active {
  background: var(--portal-teal) !important;
  border-color: var(--portal-teal) !important;
  color: #fff !important;
}

body.portal-page-shell .portal-mobile-order-list,
body.portal-page-shell .settlement-order-list {
  display: grid !important;
  gap: 9px !important;
}

body.portal-page-shell .portal-mobile-order-card,
body.portal-page-shell .settlement-order-card {
  display: grid !important;
  gap: 9px !important;
  padding: 12px !important;
}

body.portal-page-shell .portal-mobile-order-head,
body.portal-page-shell .settlement-order-title {
  align-items: start !important;
  display: flex !important;
  gap: 8px !important;
  justify-content: space-between !important;
}

body.portal-page-shell .portal-mobile-order-meta,
body.portal-page-shell .settlement-order-meta {
  display: grid !important;
  gap: 7px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin: 0 !important;
}

body.portal-page-shell .portal-mobile-order-meta div,
body.portal-page-shell .settlement-order-meta span {
  background: #f8fbfd !important;
  border: 1px solid #e6edf4 !important;
  border-radius: 10px !important;
  min-width: 0 !important;
  padding: 7px 9px !important;
}

body.portal-page-shell .portal-mobile-order-meta dt {
  color: #64748b !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}

body.portal-page-shell .portal-mobile-order-meta dd {
  font-size: 12px !important;
  margin: 2px 0 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.portal-page-shell .status-pill,
body.portal-page-shell .badge {
  border-radius: 999px !important;
  font-size: 11px !important;
  padding: 5px 8px !important;
  white-space: normal !important;
}

body.portal-page-shell .portal-sticky-settlement {
  align-items: center !important;
  background: rgba(255, 255, 255, .96) !important;
  border: 1px solid #b8e6dc !important;
  border-radius: 16px !important;
  bottom: calc(8px + env(safe-area-inset-bottom)) !important;
  box-shadow: 0 14px 34px rgba(7, 24, 39, .18) !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: 1fr 1fr auto !important;
  margin-top: 12px !important;
  padding: 10px !important;
  position: sticky !important;
  z-index: 18 !important;
}

body.portal-page-shell .settlement-modal {
  border: 0 !important;
  border-radius: 18px !important;
  box-shadow: 0 22px 70px rgba(0, 0, 0, .28) !important;
  max-height: calc(100dvh - 42px) !important;
  overflow: auto !important;
  padding: 0 !important;
  width: min(560px, calc(100vw - 22px)) !important;
}

body.portal-page-shell .settlement-modal::backdrop {
  background: rgba(7, 24, 39, .55) !important;
}

body.portal-page-shell .settlement-modal .actions:last-child {
  background: #fff !important;
  border-top: 1px solid var(--portal-line) !important;
  bottom: 0 !important;
  justify-content: space-between !important;
  padding-top: 10px !important;
  position: sticky !important;
}

@media (min-width: 760px) {
  body.portal-page-shell .portal-desktop-history {
    display: block !important;
  }

  body.portal-page-shell .portal-mobile-order-list {
    display: none !important;
  }
}

@media (max-width: 759px) {
  body.portal-page-shell .portal-page {
    padding: 0 9px calc(90px + env(safe-area-inset-bottom)) !important;
  }

  body.portal-page-shell .portal-hero.portal-option2-header {
    border-radius: 0 0 16px 16px !important;
    margin: 0 -9px 8px !important;
  }

  body.portal-page-shell .portal-logo {
    height: 30px !important;
    width: 60px !important;
  }

  body.portal-page-shell .portal-reseller-meta strong {
    font-size: 12px !important;
    max-width: 34vw !important;
  }

  body.portal-page-shell .portal-icon-action {
    padding: 0 !important;
    width: 36px !important;
  }

  body.portal-page-shell .portal-icon-action span {
    display: none !important;
  }

  body.portal-page-shell .portal-nav.portal-reseller-tabs {
    gap: 5px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    padding: 6px !important;
    top: 61px !important;
  }

  body.portal-page-shell .portal-reseller-tab {
    font-size: 10.5px !important;
    gap: 4px !important;
    height: 40px !important;
    padding: 5px 4px !important;
  }

  body.portal-page-shell .portal-tab-icon .sigma-icon {
    height: 14px !important;
    width: 14px !important;
  }

  body.portal-page-shell .portal-main-order-grid,
  body.portal-page-shell .portal-resi-grid,
  body.portal-page-shell .portal-customer-grid,
  body.portal-page-shell .form-grid,
  body.portal-page-shell .portal-item-line {
    grid-template-columns: 1fr !important;
  }

  body.portal-page-shell .portal-summary-grid,
  body.portal-page-shell .finance-kpis.cards,
  body.portal-page-shell .kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.portal-page-shell .portal-desktop-history {
    display: none !important;
  }

  body.portal-page-shell .portal-mobile-order-list {
    display: grid !important;
  }

  body.portal-page-shell .portal-mobile-order-meta,
  body.portal-page-shell .settlement-order-meta,
  body.portal-page-shell .portal-sticky-settlement {
    grid-template-columns: 1fr !important;
  }

  body.portal-page-shell .portal-sticky-settlement {
    text-align: left !important;
  }

  body.portal-page-shell .portal-sticky-settlement .btn {
    width: 100% !important;
  }
}

@media (max-width: 380px) {
  body.portal-page-shell .portal-reseller-tab span:last-child {
    font-size: 10px !important;
  }

  body.portal-page-shell .portal-summary-grid,
  body.portal-page-shell .finance-kpis.cards {
    grid-template-columns: 1fr !important;
  }
}

/* ERP_SIGMA_PORTAL_RESELLER_COMPACT_KEYBOARD_SAFE_20260521_ACTIVE */
body.portal-page-shell{
  background:#eef3f7;
  overflow-x:hidden;
}
body.portal-page-shell .portal-page{
  width:min(100%, 980px);
  margin:0 auto;
  padding:8px 10px calc(80px + env(safe-area-inset-bottom, 0px));
  gap:10px;
}
body.portal-page-shell .portal-hero.portal-option2-header{
  min-height:54px !important;
  padding:8px 10px !important;
  border-radius:0 0 16px 16px !important;
  box-shadow:0 10px 24px rgba(2,16,31,.16) !important;
}
body.portal-page-shell .portal-brand-lockup{
  min-width:0;
  gap:8px;
}
body.portal-page-shell .portal-logo{
  width:58px !important;
  height:28px !important;
  object-fit:contain;
  border-radius:7px;
}
body.portal-page-shell .portal-reseller-meta strong{
  max-width:34vw;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px !important;
  line-height:1.15;
}
body.portal-page-shell .portal-reseller-meta small{
  font-size:10px !important;
  line-height:1.1;
}
body.portal-page-shell .portal-header-actions{
  gap:5px;
  flex-shrink:0;
}
body.portal-page-shell .portal-icon-action{
  min-width:34px !important;
  min-height:34px !important;
  padding:0 9px !important;
  border-radius:11px !important;
  gap:5px;
  font-size:11px !important;
  white-space:nowrap;
}
body.portal-page-shell .portal-icon-action svg{
  width:16px;
  height:16px;
}
body.portal-page-shell .portal-nav.portal-reseller-tabs{
  position:sticky;
  top:62px;
  z-index:30;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:6px;
  padding:6px;
  border-radius:16px;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(10px);
}
body.portal-page-shell .portal-reseller-tab{
  min-height:40px !important;
  padding:8px 6px !important;
  gap:5px;
  border-radius:12px !important;
  font-size:11.5px !important;
  line-height:1.15;
  justify-content:center;
}
body.portal-page-shell .portal-tab-icon,
body.portal-page-shell .portal-tab-icon svg{
  width:16px;
  height:16px;
}
body.portal-page-shell .panel{
  border-radius:16px;
  overflow:visible;
}
body.portal-page-shell .panel-header{
  min-height:48px;
  padding:10px 12px;
}
body.portal-page-shell .panel-body{
  padding:10px 12px;
}
body.portal-page-shell .form-grid,
body.portal-page-shell .portal-order-grid,
body.portal-page-shell .portal-payment-grid{
  gap:10px;
}
body.portal-page-shell label{
  gap:5px;
}
body.portal-page-shell input,
body.portal-page-shell select,
body.portal-page-shell textarea{
  min-height:38px;
  border-radius:11px;
}
body.portal-page-shell textarea{
  min-height:72px;
}
body.portal-page-shell .compact-item-input.portal-item-line{
  position:relative;
  display:grid;
  grid-template-columns:minmax(220px, 1.6fr) minmax(150px, 1fr) 86px minmax(120px, .8fr) auto;
  gap:8px;
  align-items:end;
  overflow:visible;
}
body.portal-page-shell .compact-suggestions{
  max-height:300px;
  overflow:auto;
  overscroll-behavior:contain;
}
body.portal-page-shell .compact-suggestion.pos-product-card{
  min-height:72px;
  padding:10px;
  border-radius:14px;
}
body.portal-page-shell .portal-summary-card,
body.portal-page-shell .portal-history-card,
body.portal-page-shell .portal-settlement-card{
  border-radius:16px;
}
body.portal-page-shell .portal-bottom-action{
  border-radius:16px 16px 0 0;
  padding-bottom:calc(10px + env(safe-area-inset-bottom, 0px));
}

@media (max-width: 760px){
  body.portal-page-shell .portal-page{
    padding:6px 8px calc(82px + env(safe-area-inset-bottom, 0px));
    gap:8px;
  }
  body.portal-page-shell .portal-hero.portal-option2-header{
    min-height:50px !important;
    padding:7px 8px !important;
    border-radius:0 0 14px 14px !important;
  }
  body.portal-page-shell .portal-logo{
    width:50px !important;
    height:24px !important;
  }
  body.portal-page-shell .portal-reseller-meta strong{
    max-width:28vw;
    font-size:11px !important;
  }
  body.portal-page-shell .portal-reseller-meta small{
    font-size:9px !important;
  }
  body.portal-page-shell .portal-icon-action{
    min-width:32px !important;
    min-height:32px !important;
    padding:0 7px !important;
  }
  body.portal-page-shell .portal-icon-action span{
    display:none;
  }
  body.portal-page-shell .portal-nav.portal-reseller-tabs{
    top:56px;
    gap:5px;
    padding:5px;
    border-radius:14px;
  }
  body.portal-page-shell .portal-reseller-tab{
    min-height:38px !important;
    padding:7px 4px !important;
    font-size:10.5px !important;
  }
  body.portal-page-shell .panel-header,
  body.portal-page-shell .panel-body{
    padding:9px 10px;
  }
  body.portal-page-shell .compact-item-input.portal-item-line{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  body.portal-page-shell .compact-item-input.portal-item-line label:first-child,
  body.portal-page-shell .compact-add{
    grid-column:1 / -1;
  }
  body.portal-page-shell .compact-add{
    width:100%;
    min-height:42px;
  }
  body.portal-page-shell .compact-suggestions.show.has-results{
    position:fixed;
    left:10px;
    right:10px;
    top:auto;
    bottom:calc(72px + env(safe-area-inset-bottom, 0px));
    z-index:1000;
    max-height:min(44dvh, 340px);
    padding:8px;
    border:1px solid #bdd7d2;
    border-radius:18px;
    background:#fff;
    box-shadow:0 -18px 44px rgba(2,16,31,.22);
  }
  body.portal-page-shell .compact-suggestions.show.has-results::before{
    content:"Pilih Produk";
    display:block;
    padding:4px 4px 8px;
    font-size:11px;
    font-weight:800;
    color:#0b3d4a;
    letter-spacing:.02em;
    text-transform:uppercase;
  }
  body.portal-page-shell .compact-suggestions.show.has-results .compact-suggestion.pos-product-card{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
    width:100%;
    min-height:0;
    margin-bottom:7px;
    white-space:normal;
    text-align:left;
  }
  body.portal-page-shell .compact-suggestions.show.has-results .pos-product-title{
    grid-column:1 / -1;
  }
  body.portal-page-shell .compact-suggestions.show.has-results .pos-product-title strong,
  body.portal-page-shell .compact-suggestions.show.has-results .pos-product-title small{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  body.portal-page-shell .compact-suggestions.show.has-results .pos-product-meta,
  body.portal-page-shell .compact-suggestions.show.has-results .pos-product-stock{
    min-width:0;
  }
  body.portal-page-shell .portal-transfer-modal{
    align-items:flex-end;
    padding:8px;
  }
  body.portal-page-shell .portal-transfer-modal .modal-content{
    max-height:calc(100dvh - 24px);
    border-radius:18px;
  }
}

@media (max-width: 430px){
  body.portal-page-shell .portal-reseller-tab span:last-child{
    max-width:70px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  body.portal-page-shell .compact-suggestions.show.has-results{
    bottom:calc(64px + env(safe-area-inset-bottom, 0px));
    max-height:42dvh;
  }
}

@media (max-height: 540px) and (max-width: 900px){
  body.portal-page-shell .compact-suggestions.show.has-results{
    bottom:8px;
    max-height:58dvh;
  }
}

/* ERP_SIGMA_PORTAL_RESELLER_COMPACT_SEARCH_LIST_20260521_ACTIVE */
body.portal-page-shell .compact-suggestion.pos-product-card{
  display:grid !important;
  grid-template-columns:minmax(180px, 1.6fr) minmax(88px, .7fr) minmax(88px, .7fr) minmax(78px, .65fr) minmax(112px, .8fr) minmax(96px, .7fr);
  align-items:center;
  gap:8px;
  width:100%;
  min-height:54px !important;
  padding:8px 10px !important;
  text-align:left;
  white-space:normal;
}
body.portal-page-shell .compact-suggestion.pos-product-card .pos-product-title{
  display:grid;
  min-width:0;
  gap:1px;
}
body.portal-page-shell .compact-suggestion.pos-product-card .pos-product-title strong,
body.portal-page-shell .compact-suggestion.pos-product-card .pos-product-title small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.portal-page-shell .compact-suggestion.pos-product-card .pos-product-meta,
body.portal-page-shell .compact-suggestion.pos-product-card .pos-product-stock{
  min-width:0;
  display:grid;
  gap:1px;
}
body.portal-page-shell .compact-suggestion.pos-product-card .pos-product-meta small,
body.portal-page-shell .compact-suggestion.pos-product-card .pos-product-stock small{
  color:#607089;
  font-size:9.5px;
  font-weight:800;
  letter-spacing:.02em;
  text-transform:uppercase;
}
body.portal-page-shell .compact-suggestion.pos-product-card .pos-product-meta strong,
body.portal-page-shell .compact-suggestion.pos-product-card .pos-product-stock em{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.portal-page-shell .compact-suggestions.show{
  padding:6px;
}

/* ERP_SIGMA_POS_PRODUCT_THEN_VARIANT_20260601_ACTIVE */
body.portal-page-shell .pos-item-line .pos-variant-picker{
  grid-column:1 / -1;
  display:grid;
  gap:8px;
  padding:10px;
  border:1px solid #bfe4dc;
  border-radius:14px;
  background:#f8fffc;
}
body.portal-page-shell .pos-item-line .pos-variant-picker[hidden]{
  display:none !important;
}
body.portal-page-shell .pos-variant-picker-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-width:0;
}
body.portal-page-shell .pos-variant-picker-head span{
  color:#607089;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
}
body.portal-page-shell .pos-variant-picker-head strong{
  min-width:0;
  overflow:hidden;
  color:#071d33;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.portal-page-shell .pos-variant-options{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));
  gap:8px;
}
body.portal-page-shell .pos-variant-option{
  display:grid;
  gap:5px;
  min-height:78px;
  padding:10px;
  border:1px solid #cfddea;
  border-radius:12px;
  background:#fff;
  color:#071d33;
  text-align:left;
  cursor:pointer;
}
body.portal-page-shell .pos-variant-option:hover,
body.portal-page-shell .pos-variant-option.active{
  border-color:#0f9489;
  box-shadow:0 8px 22px rgba(15,148,137,.14);
}
body.portal-page-shell .pos-variant-option small{
  color:#607089;
  font-weight:700;
}
body.portal-page-shell .pos-service-card label{
  margin:0;
}
body.portal-page-shell .pos-service-card .input-note{
  margin:0;
}

/* ERP_SIGMA_POS_VARIANT_OVERLAP_FIX_20260601_ACTIVE */
body:not(.portal-page-shell) .sales-modern .compact-item-input.pos-item-line{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(120px, .65fr) minmax(150px, .85fr) minmax(190px, 1fr) !important;
  gap:12px !important;
  align-items:end !important;
  overflow:visible !important;
}
body:not(.portal-page-shell) .sales-modern .compact-item-input.pos-item-line > label:first-child,
body:not(.portal-page-shell) .sales-modern .compact-item-input.pos-item-line > .compact-suggestions,
body:not(.portal-page-shell) .sales-modern .compact-item-input.pos-item-line > .pos-variant-picker{
  grid-column:1 / -1 !important;
}
body:not(.portal-page-shell) .sales-modern .compact-item-input.pos-item-line > label{
  min-width:0 !important;
}
body:not(.portal-page-shell) .sales-modern .compact-item-input.pos-item-line .compact-add{
  width:100% !important;
  min-height:38px !important;
  align-self:end !important;
}
body:not(.portal-page-shell) .sales-modern .pos-item-line .pos-variant-picker{
  display:grid !important;
  gap:10px !important;
  min-width:0 !important;
  margin-top:2px !important;
  padding:12px !important;
  border:1px solid #bfe4dc !important;
  border-radius:14px !important;
  background:#f8fffc !important;
}
body:not(.portal-page-shell) .sales-modern .pos-item-line .pos-variant-picker[hidden]{
  display:none !important;
}
body:not(.portal-page-shell) .sales-modern .pos-variant-picker-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  min-width:0 !important;
}
body:not(.portal-page-shell) .sales-modern .pos-variant-picker-head span{
  display:inline-block !important;
  color:#607089 !important;
  font-size:11px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  text-transform:uppercase !important;
}
body:not(.portal-page-shell) .sales-modern .pos-variant-picker-head strong{
  min-width:0 !important;
  overflow:hidden !important;
  color:#071d33 !important;
  font-size:14px !important;
  line-height:1.25 !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
body:not(.portal-page-shell) .sales-modern .pos-variant-options{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(170px, 1fr)) !important;
  gap:10px !important;
  min-width:0 !important;
}
body:not(.portal-page-shell) .sales-modern .pos-variant-option{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:6px !important;
  min-width:0 !important;
  min-height:88px !important;
  padding:11px 12px !important;
  border:1px solid #cfddea !important;
  border-radius:12px !important;
  background:#fff !important;
  color:#071d33 !important;
  text-align:left !important;
  white-space:normal !important;
  cursor:pointer !important;
}
body:not(.portal-page-shell) .sales-modern .pos-variant-option:hover,
body:not(.portal-page-shell) .sales-modern .pos-variant-option.active{
  border-color:#0f9489 !important;
  box-shadow:0 8px 22px rgba(15,148,137,.14) !important;
}
body:not(.portal-page-shell) .sales-modern .pos-variant-option > span{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  min-width:0 !important;
  overflow:hidden !important;
  line-height:1.25 !important;
}
body:not(.portal-page-shell) .sales-modern .pos-variant-option > span > span:not(.badge){
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
body:not(.portal-page-shell) .sales-modern .pos-variant-option strong{
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  color:#071d33 !important;
  font-size:14px !important;
  line-height:1.25 !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
body:not(.portal-page-shell) .sales-modern .pos-variant-option small{
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  color:#607089 !important;
  font-size:11px !important;
  font-weight:700 !important;
  line-height:1.3 !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
@media (max-width: 820px){
  body:not(.portal-page-shell) .sales-modern .compact-item-input.pos-item-line{
    grid-template-columns:1fr 1fr !important;
  }
  body:not(.portal-page-shell) .sales-modern .compact-item-input.pos-item-line .compact-add{
    grid-column:1 / -1 !important;
  }
}
@media (max-width: 520px){
  body:not(.portal-page-shell) .sales-modern .compact-item-input.pos-item-line{
    grid-template-columns:1fr !important;
  }
  body:not(.portal-page-shell) .sales-modern .pos-variant-options{
    grid-template-columns:1fr !important;
  }
}

@media (max-width: 760px){
  body.portal-page-shell .compact-suggestions.show.has-results{
    max-height:min(40dvh, 300px);
  }
  body.portal-page-shell .compact-suggestions.show.has-results::before{
    padding:2px 4px 6px;
  }
  body.portal-page-shell .compact-suggestions.show.has-results .compact-suggestion.pos-product-card{
    grid-template-columns:minmax(0, 1.45fr) minmax(74px, .55fr) minmax(84px, .7fr);
    min-height:52px !important;
    gap:6px;
    padding:8px !important;
  }
  body.portal-page-shell .compact-suggestions.show.has-results .compact-suggestion.pos-product-card .pos-product-title{
    grid-column:auto !important;
  }
  body.portal-page-shell .compact-suggestions.show.has-results .compact-suggestion.pos-product-card .pos-product-meta:nth-of-type(1),
  body.portal-page-shell .compact-suggestions.show.has-results .compact-suggestion.pos-product-card .pos-product-meta:nth-of-type(3){
    display:none;
  }
  body.portal-page-shell .compact-suggestions.show.has-results .compact-suggestion.pos-product-card .pos-product-stock{
    display:none;
  }
  body.portal-page-shell .compact-suggestions.show.has-results .compact-suggestion.pos-product-card .pos-product-meta small{
    font-size:9px;
  }
  body.portal-page-shell .pos-variant-options{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width: 420px){
  body.portal-page-shell .compact-suggestions.show.has-results .compact-suggestion.pos-product-card{
    grid-template-columns:minmax(0, 1fr) minmax(78px, auto);
  }
  body.portal-page-shell .compact-suggestions.show.has-results .compact-suggestion.pos-product-card .pos-product-meta:nth-of-type(2),
  body.portal-page-shell .compact-suggestions.show.has-results .compact-suggestion.pos-product-card .pos-product-meta:nth-of-type(4){
    display:none;
  }
  body.portal-page-shell .pos-variant-options{
    grid-template-columns:1fr;
  }
}

/* ERP_SIGMA_MOBILE_UI_FIX_ONLY_20260521_ACTIVE */
@media (max-width: 640px){
  html,
  body{
    width:100%;
    max-width:100%;
    overflow-x:hidden!important;
  }
  body:not(.portal-page-shell),
  body:not(.portal-page-shell) .app,
  body:not(.portal-page-shell) main,
  body:not(.portal-page-shell) .main,
  body:not(.portal-page-shell) .content,
  body:not(.portal-page-shell) .main-content,
  body:not(.portal-page-shell) .page-content{
    max-width:100vw!important;
    overflow-x:hidden!important;
  }
  body:not(.portal-page-shell) .content,
  body:not(.portal-page-shell) .main-content,
  body:not(.portal-page-shell) .page-content{
    padding-left:10px!important;
    padding-right:10px!important;
    padding-bottom:calc(92px + env(safe-area-inset-bottom, 0px))!important;
  }
  body:not(.portal-page-shell) .topbar,
  body:not(.portal-page-shell) .app-header,
  body:not(.portal-page-shell) .page-header{
    min-height:56px!important;
    padding:8px 10px!important;
  }
  body:not(.portal-page-shell) .page-header h1,
  body:not(.portal-page-shell) .topbar h1,
  body:not(.portal-page-shell) h1{
    font-size:22px!important;
    line-height:1.15!important;
    max-width:100%;
  }
  body:not(.portal-page-shell) .panel,
  body:not(.portal-page-shell) .card,
  body:not(.portal-page-shell) .dashboard-card,
  body:not(.portal-page-shell) .sigma-card{
    max-width:100%!important;
    overflow:hidden!important;
    border-radius:14px!important;
  }
  body:not(.portal-page-shell) .panel-header,
  body:not(.portal-page-shell) .card-header{
    min-height:auto!important;
    padding:11px 12px!important;
    gap:8px!important;
    flex-wrap:wrap!important;
  }
  body:not(.portal-page-shell) .panel-body,
  body:not(.portal-page-shell) .card-body{
    padding:11px 12px!important;
  }
  body:not(.portal-page-shell) .cards,
  body:not(.portal-page-shell) .kpi-grid,
  body:not(.portal-page-shell) .finance-kpis,
  body:not(.portal-page-shell) .dashboard-grid,
  body:not(.portal-page-shell) .settings-grid,
  body:not(.portal-page-shell) .form-grid,
  body:not(.portal-page-shell) .split-layout,
  body:not(.portal-page-shell) .two-column,
  body:not(.portal-page-shell) .grid-2,
  body:not(.portal-page-shell) .grid-3,
  body:not(.portal-page-shell) .grid-4{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  body:not(.portal-page-shell) form label,
  body:not(.portal-page-shell) .field,
  body:not(.portal-page-shell) .form-field{
    min-width:0!important;
    width:100%!important;
  }
  body:not(.portal-page-shell) input,
  body:not(.portal-page-shell) select,
  body:not(.portal-page-shell) textarea{
    width:100%!important;
    max-width:100%!important;
    min-height:40px!important;
    font-size:14px!important;
  }
  body:not(.portal-page-shell) .btn,
  body:not(.portal-page-shell) button,
  body:not(.portal-page-shell) .button{
    min-height:40px!important;
    white-space:normal!important;
    line-height:1.2!important;
  }
  body:not(.portal-page-shell) .actions,
  body:not(.portal-page-shell) .panel-actions,
  body:not(.portal-page-shell) .button-row,
  body:not(.portal-page-shell) .btn-group{
    flex-wrap:wrap!important;
    gap:8px!important;
  }
  body:not(.portal-page-shell) .tab-nav,
  body:not(.portal-page-shell) .tabs,
  body:not(.portal-page-shell) .module-tabs,
  body:not(.portal-page-shell) .sales-tabs,
  body:not(.portal-page-shell) .production-panel-tabs,
  body:not(.portal-page-shell) .inventory-tabs,
  body:not(.portal-page-shell) .finance-tabs{
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    flex-wrap:nowrap!important;
    scrollbar-width:thin;
    -webkit-overflow-scrolling:touch;
  }
  body:not(.portal-page-shell) .tab-nav > *,
  body:not(.portal-page-shell) .tabs > *,
  body:not(.portal-page-shell) .module-tabs > *,
  body:not(.portal-page-shell) .sales-tabs > *,
  body:not(.portal-page-shell) .production-panel-tabs > *,
  body:not(.portal-page-shell) .inventory-tabs > *,
  body:not(.portal-page-shell) .finance-tabs > *{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
  body:not(.portal-page-shell) .table-wrap{
    max-width:100%!important;
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
  }
  body:not(.portal-page-shell) .table-wrap table{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    border:0!important;
    background:transparent!important;
  }
  body:not(.portal-page-shell) .table-wrap thead{
    display:none!important;
  }
  body:not(.portal-page-shell) .table-wrap tbody{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
  }
  body:not(.portal-page-shell) .table-wrap tr{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    min-width:0!important;
    border:1px solid #d7e2eb!important;
    border-radius:14px!important;
    overflow:hidden!important;
    background:#fff!important;
    box-shadow:0 10px 24px rgba(15,35,52,.08)!important;
  }
  body:not(.portal-page-shell) .table-wrap td{
    display:grid!important;
    grid-template-columns:minmax(96px,.42fr) minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding:8px 10px!important;
    border:0!important;
    border-bottom:1px solid #edf2f6!important;
    text-align:left!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
    writing-mode:horizontal-tb!important;
  }
  body:not(.portal-page-shell) .table-wrap td:last-child{
    border-bottom:0!important;
  }
  body:not(.portal-page-shell) .table-wrap td::before{
    content:attr(data-label);
    min-width:0;
    color:#607089;
    font-size:10px;
    font-weight:800;
    letter-spacing:.02em;
    text-transform:uppercase;
    overflow-wrap:normal;
    word-break:normal;
  }
  body:not(.portal-page-shell) .table-wrap td:not([data-label])::before,
  body:not(.portal-page-shell) .table-wrap td[colspan]::before{
    display:none!important;
    content:"";
  }
  body:not(.portal-page-shell) .table-wrap td[colspan]{
    display:block!important;
    text-align:left!important;
  }
  body:not(.portal-page-shell) .table-wrap th,
  body:not(.portal-page-shell) .table-wrap td *{
    writing-mode:horizontal-tb!important;
    word-break:normal!important;
  }
  body:not(.portal-page-shell) .table-wrap .num,
  body:not(.portal-page-shell) .table-wrap .currency{
    text-align:left!important;
    white-space:normal!important;
  }
  body:not(.portal-page-shell) .status-pill,
  body:not(.portal-page-shell) .badge,
  body:not(.portal-page-shell) .pill{
    display:inline-flex!important;
    width:max-content!important;
    max-width:100%!important;
    white-space:normal!important;
  }
  body:not(.portal-page-shell) .mobile-bottom-nav,
  body:not(.portal-page-shell) .bottom-nav{
    padding-bottom:calc(8px + env(safe-area-inset-bottom, 0px))!important;
  }
}

/* ERP_SIGMA_UI_FIX_FINANCE_TABLET_TABS_AND_GLOBAL_TOPBAR_20260525_ACTIVE */
body:not(.portal-page-shell) .main {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
}

body:not(.portal-page-shell) .topbar {
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  overflow: visible !important;
  z-index: 20 !important;
}

body:not(.portal-page-shell) .topbar h1 {
  min-width: 0 !important;
}

body:not(.portal-page-shell) .topbar .user {
  position: static !important;
  inset: auto !important;
  margin-left: auto !important;
  min-width: 0 !important;
  max-width: min(560px, 58vw) !important;
}

body:not(.portal-page-shell) .topbar .sigma-notification-center {
  flex: 0 0 auto !important;
  position: relative !important;
  inset: auto !important;
  z-index: 22 !important;
}

body:not(.portal-page-shell) .content {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  min-width: 0 !important;
}

@media (max-width: 1180px) {
  body:not(.portal-page-shell) .topbar .user {
    max-width: min(470px, 56vw) !important;
  }
}

/* INDUSTRIAL_CLEAN_MODERN_ERP_SIGMA_20260528_ACTIVE
   UI-only industrial ERP layer. No business logic/data changes. */
:root {
  --sigma-industrial-bg: #eef4f7;
  --sigma-industrial-bg-2: #e6eef4;
  --sigma-industrial-card: rgba(255, 255, 255, 0.94);
  --sigma-industrial-card-solid: #ffffff;
  --sigma-industrial-line: #d5e2ec;
  --sigma-industrial-navy: #04111f;
  --sigma-industrial-navy-2: #082339;
  --sigma-industrial-navy-3: #0d314b;
  --sigma-industrial-emerald: #059669;
  --sigma-industrial-emerald-2: #10b981;
  --sigma-industrial-blue: #2563eb;
  --sigma-industrial-warning: #f59e0b;
  --sigma-industrial-danger: #dc2626;
  --sigma-industrial-muted: #64748b;
  --sigma-industrial-text: #07192d;
  --sigma-industrial-shadow: 0 22px 60px rgba(15, 23, 42, 0.10);
  --sigma-industrial-shadow-soft: 0 12px 30px rgba(15, 23, 42, 0.08);
  --sigma-industrial-radius: 22px;
}

html,
body:not(.portal-page-shell) {
  background:
    radial-gradient(circle at top left, rgba(16, 185, 129, 0.12), transparent 32rem),
    radial-gradient(circle at top right, rgba(37, 99, 235, 0.10), transparent 34rem),
    linear-gradient(135deg, var(--sigma-industrial-bg), var(--sigma-industrial-bg-2)) !important;
  color: var(--sigma-industrial-text) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body:not(.portal-page-shell) * {
  box-sizing: border-box;
}

body:not(.portal-page-shell) .sidebar {
  background:
    radial-gradient(circle at 20% 0%, rgba(16, 185, 129, 0.16), transparent 14rem),
    linear-gradient(180deg, var(--sigma-industrial-navy) 0%, var(--sigma-industrial-navy-2) 54%, #061525 100%) !important;
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.08), 14px 0 40px rgba(2, 6, 23, 0.15) !important;
}

body:not(.portal-page-shell) .brand,
body:not(.portal-page-shell) .brand-logo {
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.22));
}

body:not(.portal-page-shell) .nav a,
body:not(.portal-page-shell) .nav-simple a,
body:not(.portal-page-shell) .sidebar a,
body:not(.portal-page-shell) .sidebar button {
  border: 1px solid rgba(148, 163, 184, 0.14) !important;
  color: rgba(241, 245, 249, 0.86) !important;
  transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

body:not(.portal-page-shell) .nav a:hover,
body:not(.portal-page-shell) .nav-simple a:hover,
body:not(.portal-page-shell) .sidebar a:hover,
body:not(.portal-page-shell) .sidebar button:hover {
  background: rgba(15, 135, 124, 0.20) !important;
  border-color: rgba(16, 185, 129, 0.34) !important;
  transform: translateY(-1px);
}

body:not(.portal-page-shell) .nav a.active,
body:not(.portal-page-shell) .nav-simple a.active,
body:not(.portal-page-shell) .sidebar a.active,
body:not(.portal-page-shell) .sidebar .active {
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.34), rgba(5, 150, 105, 0.30)) !important;
  border-color: rgba(96, 165, 250, 0.45) !important;
  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.24), inset 0 0 0 1px rgba(255, 255, 255, 0.06) !important;
}

body:not(.portal-page-shell) .topbar {
  background:
    linear-gradient(135deg, rgba(4, 17, 31, 0.98), rgba(8, 35, 57, 0.98)) !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.18) !important;
  box-shadow: 0 18px 44px rgba(2, 6, 23, 0.18) !important;
}

body:not(.portal-page-shell) .topbar h1 {
  letter-spacing: -0.035em !important;
  text-shadow: 0 12px 30px rgba(0, 0, 0, 0.22);
}

body:not(.portal-page-shell) .topbar .user,
body:not(.portal-page-shell) .topbar .user-chip,
body:not(.portal-page-shell) .sigma-notification-center,
body:not(.portal-page-shell) .topbar-actions {
  backdrop-filter: blur(12px);
}

body:not(.portal-page-shell) .panel,
body:not(.portal-page-shell) .card,
body:not(.portal-page-shell) .owner-dashboard-head,
body:not(.portal-page-shell) .finance-hero,
body:not(.portal-page-shell) .module-card,
body:not(.portal-page-shell) .section-card {
  background: var(--sigma-industrial-card) !important;
  border: 1px solid rgba(213, 226, 236, 0.92) !important;
  border-radius: var(--sigma-industrial-radius) !important;
  box-shadow: var(--sigma-industrial-shadow-soft) !important;
}

body:not(.portal-page-shell) .panel {
  overflow: hidden;
}

body:not(.portal-page-shell) .panel-header {
  background: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(248,250,252,0.82)) !important;
  border-bottom: 1px solid rgba(213, 226, 236, 0.82) !important;
}

body:not(.portal-page-shell) .panel-header h2,
body:not(.portal-page-shell) h2,
body:not(.portal-page-shell) h3 {
  letter-spacing: -0.035em;
}

body:not(.portal-page-shell) .card {
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

body:not(.portal-page-shell) .card:hover {
  border-color: rgba(5, 150, 105, 0.28) !important;
  box-shadow: var(--sigma-industrial-shadow) !important;
  transform: translateY(-2px);
}

body:not(.portal-page-shell) .card span {
  color: var(--sigma-industrial-muted) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

body:not(.portal-page-shell) .card strong {
  color: #061426 !important;
  font-size: clamp(25px, 3vw, 36px) !important;
  letter-spacing: -0.055em !important;
}

body:not(.portal-page-shell) .kpi-grid,
body:not(.portal-page-shell) .owner-summary-grid,
body:not(.portal-page-shell) .stats-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
  gap: 14px !important;
}

body:not(.portal-page-shell) .btn,
body:not(.portal-page-shell) button.btn,
body:not(.portal-page-shell) a.btn {
  border-radius: 12px !important;
  box-shadow: 0 10px 22px rgba(5, 150, 105, 0.16) !important;
  font-weight: 900 !important;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease !important;
}

body:not(.portal-page-shell) .btn:hover,
body:not(.portal-page-shell) button.btn:hover,
body:not(.portal-page-shell) a.btn:hover {
  filter: saturate(1.06);
  transform: translateY(-1px);
}

body:not(.portal-page-shell) .btn.secondary,
body:not(.portal-page-shell) a.btn.secondary {
  box-shadow: none !important;
}

body:not(.portal-page-shell) .badge {
  border-radius: 999px !important;
  font-weight: 900 !important;
  letter-spacing: .015em !important;
  padding: 7px 10px !important;
}

body:not(.portal-page-shell) .badge.ok {
  background: rgba(16, 185, 129, 0.12) !important;
  border-color: rgba(16, 185, 129, 0.28) !important;
  color: #047857 !important;
}

body:not(.portal-page-shell) .badge.warn {
  background: rgba(245, 158, 11, 0.13) !important;
  border-color: rgba(245, 158, 11, 0.32) !important;
  color: #a16207 !important;
}

body:not(.portal-page-shell) .badge.danger,
body:not(.portal-page-shell) .badge.error {
  background: rgba(220, 38, 38, 0.12) !important;
  border-color: rgba(220, 38, 38, 0.30) !important;
  color: #b91c1c !important;
}

body:not(.portal-page-shell) .badge.info {
  background: rgba(37, 99, 235, 0.10) !important;
  border-color: rgba(37, 99, 235, 0.26) !important;
  color: #1d4ed8 !important;
}

body:not(.portal-page-shell) input,
body:not(.portal-page-shell) select,
body:not(.portal-page-shell) textarea {
  background: rgba(255, 255, 255, 0.86) !important;
  border: 1px solid rgba(148, 163, 184, 0.36) !important;
  border-radius: 12px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.70) !important;
}

body:not(.portal-page-shell) input:focus,
body:not(.portal-page-shell) select:focus,
body:not(.portal-page-shell) textarea:focus {
  border-color: rgba(5, 150, 105, 0.55) !important;
  box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.12) !important;
  outline: none !important;
}

body:not(.portal-page-shell) .table-wrap,
body:not(.portal-page-shell) .table-responsive,
body:not(.portal-page-shell) .data-table-wrap,
body:not(.portal-page-shell) .responsive-table,
body:not(.portal-page-shell) .erp-table-wrap,
body:not(.portal-page-shell) .table-scroll {
  max-width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

body:not(.portal-page-shell) table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

body:not(.portal-page-shell) th {
  background: #e9f1f7 !important;
  color: #16324a !important;
  font-size: 11px !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
}

body:not(.portal-page-shell) td {
  border-bottom: 1px solid rgba(213, 226, 236, 0.82) !important;
}

body:not(.portal-page-shell) tr:hover td {
  background: rgba(241, 245, 249, 0.72) !important;
}

body:not(.portal-page-shell) .industrial-flow-panel {
  background:
    radial-gradient(circle at 0% 0%, rgba(16, 185, 129, 0.18), transparent 24rem),
    linear-gradient(135deg, rgba(4, 17, 31, 0.98), rgba(8, 35, 57, 0.96)) !important;
  border: 1px solid rgba(148, 163, 184, 0.20);
  border-radius: 24px;
  box-shadow: var(--sigma-industrial-shadow);
  color: #f8fafc;
  margin: 0 0 18px;
  overflow: hidden;
  padding: 18px;
}

body:not(.portal-page-shell) .industrial-flow-head {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 14px;
}

body:not(.portal-page-shell) .industrial-flow-head h2 {
  color: #f8fafc !important;
  font-size: clamp(18px, 2.2vw, 26px);
  line-height: 1.1;
  margin: 3px 0 0;
}

body:not(.portal-page-shell) .industrial-eyebrow {
  color: rgba(167, 243, 208, 0.92);
  display: inline-block;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

body:not(.portal-page-shell) .industrial-flow {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(8, minmax(132px, 1fr));
  overflow-x: auto;
  padding-bottom: 4px;
  scrollbar-width: thin;
}

body:not(.portal-page-shell) .industrial-flow-step {
  align-items: center;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 18px;
  display: flex;
  gap: 10px;
  min-height: 76px;
  min-width: 132px;
  padding: 12px;
  position: relative;
}

body:not(.portal-page-shell) .industrial-flow-step::after {
  background: rgba(148, 163, 184, 0.38);
  content: "";
  height: 2px;
  left: calc(100% - 2px);
  position: absolute;
  top: 50%;
  width: 12px;
}

body:not(.portal-page-shell) .industrial-flow-step:last-child::after {
  display: none;
}

body:not(.portal-page-shell) .industrial-flow-index {
  align-items: center;
  background: rgba(148, 163, 184, 0.20);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 14px;
  color: #dbeafe;
  display: inline-flex;
  flex: 0 0 42px;
  font-size: 12px;
  font-weight: 950;
  height: 42px;
  justify-content: center;
}

body:not(.portal-page-shell) .industrial-flow-copy {
  min-width: 0;
}

body:not(.portal-page-shell) .industrial-flow-copy strong {
  color: #ffffff;
  display: block;
  font-size: 13px;
  line-height: 1.15;
}

body:not(.portal-page-shell) .industrial-flow-copy small {
  color: rgba(226, 232, 240, 0.72);
  display: block;
  font-size: 11px;
  font-weight: 800;
  margin-top: 4px;
}

body:not(.portal-page-shell) .industrial-flow-step.is-done {
  background: linear-gradient(135deg, rgba(5, 150, 105, 0.26), rgba(37, 99, 235, 0.16));
  border-color: rgba(16, 185, 129, 0.42);
}

body:not(.portal-page-shell) .industrial-flow-step.is-done .industrial-flow-index {
  background: linear-gradient(135deg, var(--sigma-industrial-emerald), var(--sigma-industrial-emerald-2));
  color: #ffffff;
}

body:not(.portal-page-shell) .industrial-flow-step.is-warning {
  background: rgba(245, 158, 11, 0.18);
  border-color: rgba(245, 158, 11, 0.42);
}

body:not(.portal-page-shell) .industrial-flow-step.is-warning .industrial-flow-index {
  background: rgba(245, 158, 11, 0.24);
  color: #fde68a;
}

body:not(.portal-page-shell) .industrial-flow-step.is-pending {
  opacity: .74;
}

body:not(.portal-page-shell) .sigma-skeleton {
  animation: sigmaIndustrialPulse 1.4s ease-in-out infinite;
  background: linear-gradient(90deg, rgba(226,232,240,.58), rgba(255,255,255,.82), rgba(226,232,240,.58));
  background-size: 220% 100%;
  border-radius: 14px;
}

@keyframes sigmaIndustrialPulse {
  0% { background-position: 120% 0; }
  100% { background-position: -120% 0; }
}

@media (min-width: 768px) and (max-width: 1368px) {
  body:not(.portal-page-shell) .content {
    padding: 16px !important;
  }

  body:not(.portal-page-shell) .industrial-flow {
    grid-template-columns: repeat(8, minmax(154px, 1fr));
  }

  body:not(.portal-page-shell) .kpi-grid,
  body:not(.portal-page-shell) .owner-summary-grid,
  body:not(.portal-page-shell) .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  body:not(.portal-page-shell) .content {
    padding: 12px !important;
  }

  body:not(.portal-page-shell) .panel,
  body:not(.portal-page-shell) .card,
  body:not(.portal-page-shell) .industrial-flow-panel {
    border-radius: 18px !important;
  }

  body:not(.portal-page-shell) .industrial-flow-head {
    align-items: flex-start;
    flex-direction: column;
  }

  body:not(.portal-page-shell) .industrial-flow {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x proximity;
  }

  body:not(.portal-page-shell) .industrial-flow-step {
    flex: 0 0 210px;
    scroll-snap-align: start;
  }

  body:not(.portal-page-shell) .kpi-grid,
  body:not(.portal-page-shell) .owner-summary-grid,
  body:not(.portal-page-shell) .stats-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (prefers-color-scheme: dark) {
  body:not(.portal-page-shell) {
    --sigma-industrial-bg: #06111f;
    --sigma-industrial-bg-2: #0b1727;
    --sigma-industrial-card: rgba(10, 25, 41, 0.92);
    --sigma-industrial-card-solid: #0a1929;
    --sigma-industrial-line: rgba(148, 163, 184, 0.18);
    --sigma-industrial-text: #e5edf7;
    color: #e5edf7 !important;
  }

  body:not(.portal-page-shell) .panel,
  body:not(.portal-page-shell) .card,
  body:not(.portal-page-shell) .module-card,
  body:not(.portal-page-shell) .section-card {
    background: var(--sigma-industrial-card) !important;
    border-color: rgba(148, 163, 184, 0.18) !important;
  }

  body:not(.portal-page-shell) .panel-header {
    background: rgba(15, 23, 42, 0.72) !important;
    border-color: rgba(148, 163, 184, 0.18) !important;
  }

  body:not(.portal-page-shell) .panel-header h2,
  body:not(.portal-page-shell) h2,
  body:not(.portal-page-shell) h3,
  body:not(.portal-page-shell) .card strong {
    color: #f8fafc !important;
  }

  body:not(.portal-page-shell) th {
    background: rgba(15, 23, 42, 0.84) !important;
    color: #cbd5e1 !important;
  }

  body:not(.portal-page-shell) td {
    color: #e2e8f0 !important;
    border-color: rgba(148, 163, 184, 0.14) !important;
  }

  body:not(.portal-page-shell) tr:hover td {
    background: rgba(30, 41, 59, 0.72) !important;
  }

  body:not(.portal-page-shell) input,
  body:not(.portal-page-shell) select,
  body:not(.portal-page-shell) textarea {
    background: rgba(15, 23, 42, 0.72) !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
    color: #f8fafc !important;
  }
}

/* ERP_SIGMA_HR_COMPACT_DAILY_20260531_ACTIVE */
/* ERP_SIGMA_INVENTORY_OPENING_RESELLER_MENU_20260531_ACTIVE */
body:not(.portal-page-shell):has(.hr-enterprise-minimal) {
  background: #eef5f7 !important;
  color: #071927 !important;
}

body:not(.portal-page-shell) .hr-enterprise-minimal {
  --hr-panel: #ffffff;
  --hr-soft: #f5fafb;
  --hr-line-strong: #cddde5;
}

body:not(.portal-page-shell) .hr-enterprise-minimal .grid,
body:not(.portal-page-shell) .hr-dashboard-clean {
  gap: 12px !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-command-center {
  align-items: start !important;
  background: #ffffff !important;
  border: 1px solid var(--hr-line-strong) !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 24px rgba(15, 45, 55, .08) !important;
  color: var(--hr-text) !important;
  grid-template-columns: minmax(260px, .66fr) minmax(420px, 1.34fr) !important;
  padding: 14px !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-command-center h2,
body:not(.portal-page-shell) .hr-dashboard-clean .hr-command-center p,
body:not(.portal-page-shell) .hr-dashboard-clean .hr-command-center .hr-eyebrow,
body:not(.portal-page-shell) .hr-dashboard-clean .hr-command-center .hr-command-meta {
  color: var(--hr-text) !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-command-main {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--hr-text) !important;
  min-height: 0 !important;
  padding: 0 !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-command-center h2 {
  font-size: 22px !important;
  line-height: 1.2 !important;
  margin: 4px 0 !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-command-center p {
  color: var(--hr-muted) !important;
  margin: 0 !important;
  max-width: 640px !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-command-meta span,
body:not(.portal-page-shell) .hr-command-meta span {
  background: #eef8f8 !important;
  border: 1px solid #cce5e5 !important;
  border-radius: 999px !important;
  color: #18525b !important;
  font-size: 12px !important;
  padding: 6px 9px !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-priority-panel {
  background: var(--hr-soft) !important;
  border: 1px solid var(--hr-line) !important;
  border-radius: 10px !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  padding: 10px !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-priority-head {
  grid-column: 1 / -1 !important;
  justify-content: space-between !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-priority-item {
  border-color: #d8e5eb !important;
  margin: 0 !important;
  min-height: 76px !important;
  padding: 10px !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-priority-item.warn {
  border-left: 4px solid #f59e0b !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-priority-item.info {
  border-left: 4px solid #2f72d6 !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-priority-item.ok {
  border-left: 4px solid var(--hr-teal) !important;
}

body:not(.portal-page-shell) .hr-dashboard-kpi-grid,
body:not(.portal-page-shell) .hr-overview-grid,
body:not(.portal-page-shell) .hr-enterprise-minimal .kpi-grid {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
}

body:not(.portal-page-shell) .hr-focus-kpi,
body:not(.portal-page-shell) .hr-overview-grid > div,
body:not(.portal-page-shell) .hr-enterprise-minimal .kpi-grid .card {
  min-height: 78px !important;
  padding: 12px !important;
}

body:not(.portal-page-shell) .hr-focus-kpi strong,
body:not(.portal-page-shell) .hr-overview-grid strong,
body:not(.portal-page-shell) .hr-enterprise-minimal .kpi-grid .card strong {
  font-size: clamp(18px, 1.7vw, 26px) !important;
  line-height: 1.08 !important;
  overflow-wrap: anywhere !important;
}

body:not(.portal-page-shell) .hr-tab-overview {
  background: #fff !important;
  border: 1px solid var(--hr-line-strong) !important;
  border-radius: 10px !important;
  grid-template-columns: minmax(260px, .7fr) minmax(420px, 1.3fr) !important;
  min-height: 0 !important;
  padding: 12px !important;
}

body:not(.portal-page-shell) .hr-tab-copy h2 {
  font-size: 20px !important;
  margin: 3px 0 !important;
}

body:not(.portal-page-shell) .hr-tab-copy p {
  margin: 0 !important;
}

body:not(.portal-page-shell) .hr-section-heading {
  align-items: center !important;
  display: flex !important;
  gap: 10px !important;
  justify-content: space-between !important;
  margin-bottom: 8px !important;
}

body:not(.portal-page-shell) .hr-section-heading h2 {
  color: var(--hr-text) !important;
  font-size: 16px !important;
  margin: 0 !important;
}

body:not(.portal-page-shell) .hr-action-panel {
  background: #fff !important;
  border: 1px solid var(--hr-line-strong) !important;
  border-radius: 10px !important;
  padding: 12px !important;
}

body:not(.portal-page-shell) .hr-action-panel .enterprise-accordion {
  margin-top: 10px !important;
}

body:not(.portal-page-shell) .hr-action-panel .panel-body.hr-quick-actions,
body:not(.portal-page-shell) .hr-quick-actions {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
}

body:not(.portal-page-shell) .hr-quick-action {
  min-height: 68px !important;
}

body:not(.portal-page-shell) .hr-simple-flow {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
}

body:not(.portal-page-shell) .hr-simple-flow > div {
  align-items: center !important;
  background: #fff !important;
  border: 1px solid var(--hr-line-strong) !important;
  border-radius: 10px !important;
  display: flex !important;
  gap: 10px !important;
  min-height: 48px !important;
  padding: 9px 10px !important;
}

body:not(.portal-page-shell) .hr-simple-flow span {
  align-items: center !important;
  background: var(--hr-teal) !important;
  border-radius: 999px !important;
  color: #fff !important;
  display: inline-flex !important;
  flex: 0 0 24px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  height: 24px !important;
  justify-content: center !important;
}

body:not(.portal-page-shell) .hr-simple-flow strong {
  color: var(--hr-text) !important;
  font-size: 13px !important;
}

body:not(.portal-page-shell) .hr-enterprise-minimal .panel,
body:not(.portal-page-shell) .hr-enterprise-minimal .enterprise-accordion {
  border-color: var(--hr-line-strong) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

body:not(.portal-page-shell) .hr-enterprise-minimal .panel-header,
body:not(.portal-page-shell) .hr-enterprise-minimal .enterprise-accordion > summary {
  min-height: 44px !important;
  padding: 10px 12px !important;
}

body:not(.portal-page-shell) .hr-enterprise-minimal .panel-body {
  padding: 12px !important;
}

body:not(.portal-page-shell) .hr-enterprise-minimal form.form-grid,
body:not(.portal-page-shell) .hr-enterprise-minimal .compact-filter {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
}

body:not(.portal-page-shell) .hr-enterprise-minimal .actions {
  align-items: end !important;
  gap: 8px !important;
}

body:not(.portal-page-shell) .hr-enterprise-minimal .input-note,
body:not(.portal-page-shell) .hr-enterprise-minimal .alert,
body:not(.portal-page-shell) .hr-empty-state {
  margin-bottom: 10px !important;
  padding: 10px 12px !important;
}

body:not(.portal-page-shell) .hr-review-selected {
  margin-top: 10px !important;
}

body:not(.portal-page-shell) .hr-review-selected:not([open]) > summary {
  border-bottom: 0 !important;
}

body:not(.portal-page-shell) .hr-enterprise-minimal textarea {
  min-height: 64px !important;
}

body:not(.portal-page-shell) .hr-enterprise-minimal .table-wrap {
  max-width: 100% !important;
  overflow-x: auto !important;
}

body:not(.portal-page-shell) .hr-enterprise-minimal td,
body:not(.portal-page-shell) .hr-enterprise-minimal th {
  overflow-wrap: anywhere !important;
}

body:not(.portal-page-shell) .kasbon-clean-form {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
}

body:not(.portal-page-shell) .kasbon-clean-form .kasbon-notes {
  grid-column: span 2 !important;
}

body:not(.portal-page-shell) .kasbon-clean-form .kasbon-submit-row {
  align-self: end !important;
  grid-column: span 2 !important;
}

@media (max-width: 1180px) {
  body:not(.portal-page-shell) .hr-dashboard-clean .hr-command-center,
  body:not(.portal-page-shell) .hr-tab-overview {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  body:not(.portal-page-shell) .hr-dashboard-clean .hr-priority-panel,
  body:not(.portal-page-shell) .hr-dashboard-kpi-grid,
  body:not(.portal-page-shell) .hr-overview-grid,
  body:not(.portal-page-shell) .hr-enterprise-minimal .kpi-grid,
  body:not(.portal-page-shell) .hr-action-panel .panel-body.hr-quick-actions,
  body:not(.portal-page-shell) .hr-quick-actions,
  body:not(.portal-page-shell) .hr-simple-flow,
  body:not(.portal-page-shell) .hr-enterprise-minimal form.form-grid,
  body:not(.portal-page-shell) .hr-enterprise-minimal .compact-filter,
  body:not(.portal-page-shell) .kasbon-clean-form {
    grid-template-columns: 1fr !important;
  }

  body:not(.portal-page-shell) .kasbon-clean-form .kasbon-notes,
  body:not(.portal-page-shell) .kasbon-clean-form .kasbon-submit-row {
    grid-column: auto !important;
  }

  body:not(.portal-page-shell) .hr-dashboard-clean .hr-command-center,
  body:not(.portal-page-shell) .hr-tab-overview,
  body:not(.portal-page-shell) .hr-action-panel {
    padding: 10px !important;
  }
}

/* ERP_SIGMA_INVENTORY_OPENING_DIRECT_20260531_ACTIVE */
body:not(.portal-page-shell) .inventory-opening-direct {
  display: grid !important;
  gap: 12px !important;
}

body:not(.portal-page-shell) .opening-simple-note {
  margin: 0 !important;
}

body:not(.portal-page-shell) .inventory-opening-direct-form {
  align-items: end !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: minmax(130px, .75fr) minmax(260px, 2fr) minmax(120px, .75fr) minmax(140px, .8fr) minmax(180px, 1fr) auto !important;
}

body:not(.portal-page-shell) .inventory-opening-direct-form label {
  display: grid !important;
  gap: 6px !important;
}

body:not(.portal-page-shell) .inventory-opening-direct-form input,
body:not(.portal-page-shell) .inventory-opening-direct-form select {
  min-width: 0 !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .opening-direct-summary {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
}

body:not(.portal-page-shell) .opening-direct-summary > div {
  background: #ffffff !important;
  border: 1px solid #d9e8ec !important;
  border-radius: 8px !important;
  padding: 12px !important;
}

body:not(.portal-page-shell) .opening-direct-summary span {
  color: #617984 !important;
  display: block !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
}

body:not(.portal-page-shell) .opening-direct-summary strong {
  color: #008c80 !important;
  display: block !important;
  font-size: 1.2rem !important;
  margin-top: 4px !important;
}

body:not(.portal-page-shell) .inventory-opening-recent-table {
  min-width: 680px !important;
}

@media (max-width: 1180px) {
  body:not(.portal-page-shell) .inventory-opening-direct-form {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  body:not(.portal-page-shell) .inventory-opening-direct-form,
  body:not(.portal-page-shell) .opening-direct-summary {
    grid-template-columns: 1fr !important;
  }
}

/* ERP_SIGMA_FINANCE_CORRECTION_FIT_20260601_ACTIVE */
body:not(.portal-page-shell) .finance-correction-page {
  display: grid !important;
  gap: 12px !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

body:not(.portal-page-shell) .finance-correction-filter .actions {
  align-items: end !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: minmax(190px, 260px) minmax(260px, 1fr) auto auto !important;
  max-width: 100% !important;
}

body:not(.portal-page-shell) .finance-correction-filter select,
body:not(.portal-page-shell) .finance-correction-filter input {
  min-width: 0 !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .finance-correction-layout {
  align-items: start !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  max-width: 100% !important;
}

body:not(.portal-page-shell) .finance-correction-layout.has-selection {
  grid-template-columns: minmax(300px, .52fr) minmax(610px, 1fr) !important;
}

body:not(.portal-page-shell) .finance-correction-list,
body:not(.portal-page-shell) .finance-correction-side,
body:not(.portal-page-shell) .finance-correction-preview,
body:not(.portal-page-shell) .finance-correction-form-panel,
body:not(.portal-page-shell) .finance-correction-history {
  max-width: 100% !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .finance-correction-list .panel-body,
body:not(.portal-page-shell) .finance-correction-preview .panel-body,
body:not(.portal-page-shell) .finance-correction-form-panel .panel-body {
  padding: 12px !important;
}

body:not(.portal-page-shell) .finance-correction-cards {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
}

body:not(.portal-page-shell) .finance-correction-layout.has-selection .finance-correction-cards {
  grid-template-columns: 1fr !important;
}

body:not(.portal-page-shell) .finance-correction-card {
  background: #ffffff !important;
  border: 1px solid #d8e5ea !important;
  border-radius: 8px !important;
  color: #082238 !important;
  display: grid !important;
  gap: 6px !important;
  min-height: 116px !important;
  padding: 10px 12px !important;
  text-decoration: none !important;
}

body:not(.portal-page-shell) .finance-correction-card:hover,
body:not(.portal-page-shell) .finance-correction-card.is-selected {
  border-color: #0f9488 !important;
  box-shadow: 0 8px 18px rgba(15, 148, 136, .14) !important;
}

body:not(.portal-page-shell) .finance-correction-card.is-selected {
  background: #f2fffc !important;
}

body:not(.portal-page-shell) .finance-correction-card strong {
  font-size: 14px !important;
  line-height: 1.25 !important;
}

body:not(.portal-page-shell) .finance-correction-card small,
body:not(.portal-page-shell) .finance-correction-card em,
body:not(.portal-page-shell) .finance-correction-selected-meta span {
  color: #55707c !important;
  font-size: 12px !important;
  font-style: normal !important;
  overflow-wrap: anywhere !important;
}

body:not(.portal-page-shell) .finance-correction-date {
  color: #0f9488 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

body:not(.portal-page-shell) .finance-correction-card-values {
  display: grid !important;
  gap: 6px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body:not(.portal-page-shell) .finance-correction-card-values span,
body:not(.portal-page-shell) .finance-correction-selected-meta > div {
  background: #f7fbfc !important;
  border: 1px solid #e0ebef !important;
  border-radius: 8px !important;
  min-width: 0 !important;
  padding: 8px !important;
}

body:not(.portal-page-shell) .finance-correction-card-values b,
body:not(.portal-page-shell) .finance-correction-selected-meta strong {
  color: #00192b !important;
  display: block !important;
  font-size: 13px !important;
  overflow-wrap: anywhere !important;
}

body:not(.portal-page-shell) .finance-correction-selected-meta {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin-bottom: 10px !important;
}

body:not(.portal-page-shell) .finance-correction-history .table-wrap {
  max-width: 100% !important;
  overflow-x: auto !important;
}

body:not(.portal-page-shell) .finance-correction-history table {
  min-width: 680px !important;
}

body:not(.portal-page-shell) .finance-correction-line-list {
  display: grid !important;
  gap: 8px !important;
  margin-top: 8px !important;
}

body:not(.portal-page-shell) .finance-correction-line {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #dce9ed !important;
  border-radius: 8px !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: minmax(0, 1fr) minmax(112px, auto) minmax(112px, auto) !important;
  min-width: 0 !important;
  padding: 9px 10px !important;
}

body:not(.portal-page-shell) .finance-correction-line strong {
  color: #00192b !important;
  display: block !important;
  font-size: 13px !important;
  overflow-wrap: anywhere !important;
}

body:not(.portal-page-shell) .finance-correction-line small {
  color: #55707c !important;
  display: block !important;
  font-size: 12px !important;
  margin-top: 3px !important;
  overflow-wrap: anywhere !important;
}

body:not(.portal-page-shell) .finance-correction-line span {
  background: #f7fbfc !important;
  border: 1px solid #e0ebef !important;
  border-radius: 8px !important;
  color: #55707c !important;
  display: block !important;
  font-size: 12px !important;
  padding: 7px 8px !important;
}

body:not(.portal-page-shell) .finance-correction-line b {
  color: #00192b !important;
  display: block !important;
  font-size: 13px !important;
}

body:not(.portal-page-shell) .finance-correction-reverse-preview {
  margin-top: 10px !important;
}

body:not(.portal-page-shell) .finance-correction-reverse-preview h3 {
  font-size: 14px !important;
  margin: 0 0 8px !important;
}

body:not(.portal-page-shell) .finance-correction-form {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body:not(.portal-page-shell) .finance-correction-form .full-span {
  grid-column: 1 / -1 !important;
}

body:not(.portal-page-shell) .finance-correction-form label,
body:not(.portal-page-shell) .finance-correction-form input,
body:not(.portal-page-shell) .finance-correction-form select,
body:not(.portal-page-shell) .finance-correction-form textarea {
  min-width: 0 !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .finance-correction-empty .empty-state {
  margin: 0 !important;
}

@media (max-width: 1180px) {
  body:not(.portal-page-shell) .finance-correction-layout.has-selection,
  body:not(.portal-page-shell) .finance-correction-layout {
    grid-template-columns: 1fr !important;
  }

  body:not(.portal-page-shell) .finance-correction-layout.has-selection .finance-correction-cards {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  }
}

@media (max-width: 860px) {
  body:not(.portal-page-shell) .finance-correction-filter .actions,
  body:not(.portal-page-shell) .finance-correction-form,
  body:not(.portal-page-shell) .finance-correction-selected-meta,
  body:not(.portal-page-shell) .finance-correction-line {
    grid-template-columns: 1fr !important;
  }

  body:not(.portal-page-shell) .finance-correction-filter .actions .btn,
  body:not(.portal-page-shell) .finance-correction-filter .actions button,
  body:not(.portal-page-shell) .finance-correction-form .actions .btn,
  body:not(.portal-page-shell) .finance-correction-form .actions button {
    width: 100% !important;
  }
}

/* SIGMA_GLOBAL_FIT_TABLE_ACTIONS_20260601_ACTIVE
   UI-only: keep all operational tables usable on laptop/tablet without clipped action buttons. */
html,
body:not(.portal-page-shell) {
  max-width: 100vw !important;
  overflow-x: hidden !important;
}

body:not(.portal-page-shell) .app-shell,
body:not(.portal-page-shell) .app-main,
body:not(.portal-page-shell) .content,
body:not(.portal-page-shell) .page-content,
body:not(.portal-page-shell) main,
body:not(.portal-page-shell) section,
body:not(.portal-page-shell) .panel,
body:not(.portal-page-shell) .card,
body:not(.portal-page-shell) .section-card,
body:not(.portal-page-shell) .sigma-panel,
body:not(.portal-page-shell) .sales-modern,
body:not(.portal-page-shell) .purchase-modern,
body:not(.portal-page-shell) .inventory-clean-page,
body:not(.portal-page-shell) .production-clean-page,
body:not(.portal-page-shell) .finance-page,
body:not(.portal-page-shell) .hr-enterprise-minimal {
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .table-wrap,
body:not(.portal-page-shell) .table-responsive,
body:not(.portal-page-shell) .responsive-table,
body:not(.portal-page-shell) .data-table-wrap,
body:not(.portal-page-shell) .sigma-table-wrap,
body:not(.portal-page-shell) .erp-table-wrap,
body:not(.portal-page-shell) .table-scroll {
  border-radius: 8px !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  overscroll-behavior-x: contain !important;
  scrollbar-width: thin !important;
  -webkit-overflow-scrolling: touch !important;
}

body:not(.portal-page-shell) .table-wrap > table,
body:not(.portal-page-shell) .table-responsive > table,
body:not(.portal-page-shell) .responsive-table > table,
body:not(.portal-page-shell) .data-table-wrap > table,
body:not(.portal-page-shell) .sigma-table-wrap > table,
body:not(.portal-page-shell) .erp-table-wrap > table,
body:not(.portal-page-shell) .table-scroll > table {
  max-width: none !important;
  min-width: 100% !important;
}

body:not(.portal-page-shell) table th,
body:not(.portal-page-shell) table td {
  box-sizing: border-box !important;
  min-width: 0 !important;
  vertical-align: middle !important;
}

body:not(.portal-page-shell) table td:last-child,
body:not(.portal-page-shell) table th:last-child {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

body:not(.portal-page-shell) table td:last-child .actions,
body:not(.portal-page-shell) table td:last-child .action-menu-list,
body:not(.portal-page-shell) table td:last-child .reseller-action-grid,
body:not(.portal-page-shell) table td:last-child .sales-order-action-clean,
body:not(.portal-page-shell) table td:last-child .pos-recap-actions {
  align-items: stretch !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  justify-content: flex-start !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) table td:last-child .btn,
body:not(.portal-page-shell) table td:last-child button,
body:not(.portal-page-shell) table td:last-child summary,
body:not(.portal-page-shell) .table-wrap .btn,
body:not(.portal-page-shell) .table-wrap button {
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  line-height: 1.15 !important;
  min-height: 34px !important;
  max-width: 100% !important;
  overflow: visible !important;
  text-align: center !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: normal !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap {
  overflow-x: hidden !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap table {
  table-layout: fixed !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap th,
body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap td {
  overflow: hidden !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  text-overflow: ellipsis !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap th:nth-child(1),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap td:nth-child(1) {
  width: 9% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap th:nth-child(2),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap td:nth-child(2) {
  width: 30% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap th:nth-child(3),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap td:nth-child(3) {
  text-align: center !important;
  width: 5% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap th:nth-child(6),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap td:nth-child(6) {
  width: 12% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap th:nth-child(7),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap td:nth-child(7) {
  width: 17% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap th:nth-child(8),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap td:nth-child(8) {
  width: 13% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap th:nth-child(9),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap td:nth-child(9) {
  overflow: visible !important;
  text-align: center !important;
  width: 14% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap td:nth-child(9) .btn,
body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap td:nth-child(9) button,
body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap td:nth-child(9) summary {
  font-size: 11px !important;
  min-width: 0 !important;
  padding: 8px 9px !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .sales-order-action-clean {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  width: 100% !important;
}

@media (max-width: 1100px) {
  body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap {
    overflow-x: auto !important;
  }

  body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap table {
    min-width: 920px !important;
  }
}

@media (max-width: 900px) {
  body:not(.portal-page-shell) .table-wrap > table,
  body:not(.portal-page-shell) .table-responsive > table,
  body:not(.portal-page-shell) .responsive-table > table,
  body:not(.portal-page-shell) .data-table-wrap > table,
  body:not(.portal-page-shell) .sigma-table-wrap > table,
  body:not(.portal-page-shell) .erp-table-wrap > table,
  body:not(.portal-page-shell) .table-scroll > table {
    min-width: 760px !important;
  }

  body:not(.portal-page-shell) .module-tabs,
  body:not(.portal-page-shell) .tabs,
  body:not(.portal-page-shell) .tab-bar,
  body:not(.portal-page-shell) .sales-tabs,
  body:not(.portal-page-shell) .finance-tabs,
  body:not(.portal-page-shell) .production-work-tabs {
    max-width: 100% !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
  }
}

/* SIGMA_PRODUCTION_TABLET_LAPTOP_FIT_20260601_ACTIVE */
body:not(.portal-page-shell) .production-clean-page {
  --production-gap: 10px;
  overflow-x: clip !important;
}

body:not(.portal-page-shell) .production-clean-page .production-work-nav {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  overflow: visible !important;
  padding: 8px !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .production-clean-page .production-work-nav a {
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-height: 44px !important;
  min-width: 0 !important;
  padding: 10px 12px !important;
  white-space: normal !important;
}

body:not(.portal-page-shell) .production-clean-page .production-work-nav a span {
  line-height: 1.15 !important;
  overflow-wrap: anywhere !important;
  text-align: center !important;
}

body:not(.portal-page-shell) .production-clean-page .production-tab-panel,
body:not(.portal-page-shell) .production-clean-page .production-jit-grid,
body:not(.portal-page-shell) .production-clean-page .production-material-grid {
  max-width: 100% !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .production-clean-page .production-jit-grid,
body:not(.portal-page-shell) .production-clean-page .production-material-grid {
  display: grid !important;
  gap: var(--production-gap) !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

body:not(.portal-page-shell) .production-clean-page .mobile-production-batch-panel {
  align-items: center !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: minmax(0, 1fr) auto auto auto !important;
  margin-bottom: 10px !important;
}

body:not(.portal-page-shell) .production-clean-page .mobile-production-batch-panel p {
  margin: 4px 0 0 !important;
}

body:not(.portal-page-shell) .production-clean-page .mobile-production-select-all {
  align-items: center !important;
  display: inline-flex !important;
  gap: 8px !important;
  min-height: 40px !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .production-clean-page .mobile-production-select-all input,
body:not(.portal-page-shell) .production-clean-page .production-table-check input {
  height: 20px !important;
  width: 20px !important;
}

body:not(.portal-page-shell) .production-clean-page .production-desktop-table-only {
  display: block !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .production-clean-page .production-desktop-table-only .table-wrap {
  overflow-x: auto !important;
}

body:not(.portal-page-shell) .production-clean-page .production-desktop-table-only table {
  min-width: 760px !important;
  table-layout: fixed !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .production-clean-page .production-desktop-table-only th,
body:not(.portal-page-shell) .production-clean-page .production-desktop-table-only td {
  overflow: hidden !important;
  padding: 10px !important;
  text-overflow: ellipsis !important;
}

body:not(.portal-page-shell) .production-clean-page .production-desktop-table-only th:nth-child(1),
body:not(.portal-page-shell) .production-clean-page .production-desktop-table-only td:nth-child(1) {
  text-align: center !important;
  width: 58px !important;
}

body:not(.portal-page-shell) .production-clean-page .production-desktop-table-only th:nth-child(2),
body:not(.portal-page-shell) .production-clean-page .production-desktop-table-only td:nth-child(2) {
  width: 18% !important;
}

body:not(.portal-page-shell) .production-clean-page .production-desktop-table-only th:nth-child(3),
body:not(.portal-page-shell) .production-clean-page .production-desktop-table-only td:nth-child(3) {
  width: 28% !important;
}

body:not(.portal-page-shell) .production-clean-page .production-desktop-table-only th:nth-child(4),
body:not(.portal-page-shell) .production-clean-page .production-desktop-table-only td:nth-child(4) {
  width: 12% !important;
}

body:not(.portal-page-shell) .production-clean-page .production-desktop-table-only th:nth-child(5),
body:not(.portal-page-shell) .production-clean-page .production-desktop-table-only td:nth-child(5) {
  width: 19% !important;
}

body:not(.portal-page-shell) .production-clean-page .production-desktop-table-only th:nth-child(6),
body:not(.portal-page-shell) .production-clean-page .production-desktop-table-only td:nth-child(6) {
  overflow: visible !important;
  width: 17% !important;
}

body:not(.portal-page-shell) .production-clean-page .production-line-clamp,
body:not(.portal-page-shell) .production-clean-page .production-order-number {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .production-clean-page .production-desktop-table-only .actions {
  display: grid !important;
  gap: 7px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .production-clean-page .production-desktop-table-only .actions form,
body:not(.portal-page-shell) .production-clean-page .production-desktop-table-only .actions button {
  width: 100% !important;
}

body:not(.portal-page-shell) .production-clean-page .production-desktop-table-only .actions button,
body:not(.portal-page-shell) .production-clean-page .mobile-production-batch-panel .btn,
body:not(.portal-page-shell) .production-clean-page .mobile-production-batch-bar .btn {
  min-height: 40px !important;
  padding: 9px 10px !important;
}

body:not(.portal-page-shell) .production-clean-page .production-stock-filter {
  align-items: end !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(auto-fit, minmax(165px, 1fr)) !important;
}

body:not(.portal-page-shell) .production-clean-page .production-stock-summary {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
}

body:not(.portal-page-shell) .production-clean-page .production-stock-summary .btn {
  min-height: 44px !important;
}

body:not(.portal-page-shell) .production-clean-page .production-stock-table table {
  min-width: 860px !important;
}

body:not(.portal-page-shell) .production-clean-page .production-stock-mobile-list {
  display: none !important;
}

@media (max-width: 1100px) {
  body:not(.portal-page-shell) .production-clean-page .production-work-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body:not(.portal-page-shell) .production-clean-page .mobile-production-batch-panel {
    grid-template-columns: minmax(0, 1fr) minmax(130px, auto) minmax(150px, auto) minmax(180px, auto) !important;
  }
}

@media (max-width: 900px) {
  body:not(.portal-page-shell) .production-clean-page .panel-body {
    padding: 10px !important;
  }

  body:not(.portal-page-shell) .production-clean-page .production-work-nav {
    gap: 7px !important;
    padding: 7px !important;
  }

  body:not(.portal-page-shell) .production-clean-page .production-work-nav a {
    font-size: 12px !important;
    min-height: 42px !important;
    padding: 9px 8px !important;
  }

  body:not(.portal-page-shell) .production-clean-page .production-work-nav svg {
    height: 16px !important;
    width: 16px !important;
  }

  body:not(.portal-page-shell) .production-clean-page .mobile-production-batch-panel {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body:not(.portal-page-shell) .production-clean-page .mobile-production-batch-panel .btn,
  body:not(.portal-page-shell) .production-clean-page .mobile-production-select-all {
    justify-content: center !important;
    width: 100% !important;
  }

  body:not(.portal-page-shell) .production-clean-page .production-desktop-table-only {
    display: none !important;
  }

  body:not(.portal-page-shell) .production-clean-page .mobile-production-order-list {
    display: grid !important;
    gap: 10px !important;
  }

  body:not(.portal-page-shell) .production-clean-page .mobile-production-order-card {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body:not(.portal-page-shell) .production-clean-page .mobile-production-order-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body:not(.portal-page-shell) .production-clean-page .production-stock-table {
    display: none !important;
  }

  body:not(.portal-page-shell) .production-clean-page .production-stock-mobile-list {
    display: grid !important;
    gap: 10px !important;
  }
}

@media (max-width: 640px) {
  body:not(.portal-page-shell) .production-clean-page .production-work-nav {
    grid-template-columns: 1fr !important;
  }

  body:not(.portal-page-shell) .production-clean-page .mobile-production-order-meta {
    grid-template-columns: 1fr !important;
  }
}

/* SIGMA_SALES_RESELLER_TABLET_LAPTOP_FIT_20260601_ACTIVE */
body:not(.portal-page-shell) .sales-modern .order-reseller-page {
  overflow-x: clip !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .desktop-table-only {
  display: block !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .mobile-sales-order-list,
body:not(.portal-page-shell) .sales-modern .order-reseller-page .mobile-batch-ship-bar {
  display: none !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap {
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap table {
  min-width: 900px !important;
  table-layout: fixed !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap th,
body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap td {
  padding: 10px !important;
  vertical-align: middle !important;
  white-space: normal !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap th:nth-child(1),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap td:nth-child(1) {
  width: 9% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap th:nth-child(2),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap td:nth-child(2) {
  width: 29% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap th:nth-child(3),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap td:nth-child(3) {
  text-align: center !important;
  width: 6% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap th:nth-child(4),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap td:nth-child(4) {
  text-align: right !important;
  width: 13% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap th:nth-child(5),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap td:nth-child(5) {
  width: 17% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap th:nth-child(6),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap td:nth-child(6) {
  width: 12% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap th:nth-child(7),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .table-wrap td:nth-child(7) {
  overflow: visible !important;
  text-align: center !important;
  width: 14% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .product-detail-trigger {
  align-items: flex-start !important;
  display: grid !important;
  gap: 3px !important;
  max-width: 100% !important;
  min-width: 0 !important;
  text-align: left !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .product-detail-trigger strong,
body:not(.portal-page-shell) .sales-modern .order-reseller-page .product-detail-trigger small,
body:not(.portal-page-shell) .sales-modern .order-reseller-page .status-stack span {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .product-detail-trigger .sales-order-product-name {
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  display: -webkit-box !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .product-detail-trigger .sales-order-number,
body:not(.portal-page-shell) .sales-modern .order-reseller-page .product-detail-trigger .sales-order-reseller-name,
body:not(.portal-page-shell) .sales-modern .order-reseller-page .product-detail-trigger .sales-order-customer-name {
  display: block !important;
  line-height: 1.25 !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .product-detail-trigger .sales-order-reseller-name {
  color: #0f766e !important;
  font-weight: 800 !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .sales-order-action-clean {
  align-items: stretch !important;
  display: grid !important;
  gap: 7px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: stretch !important;
  min-width: 0 !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .sales-order-action-clean form,
body:not(.portal-page-shell) .sales-modern .order-reseller-page .sales-order-action-clean .btn,
body:not(.portal-page-shell) .sales-modern .order-reseller-page .sales-order-action-clean button,
body:not(.portal-page-shell) .sales-modern .order-reseller-page .sales-order-action-clean summary,
body:not(.portal-page-shell) .sales-modern .order-reseller-page .sales-order-action-clean .status-pill {
  justify-content: center !important;
  margin: 0 !important;
  min-height: 38px !important;
  min-width: 0 !important;
  padding: 8px 9px !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .sales-order-action-clean .action-menu-list {
  display: grid !important;
  gap: 6px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  max-width: 100% !important;
  position: relative !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .sales-combined-ship-form .btn {
  background: #0f9388 !important;
  border-color: #0f9388 !important;
  color: #ffffff !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .desktop-table-only table {
  table-layout: fixed !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .desktop-table-only th,
body:not(.portal-page-shell) .sales-modern .order-reseller-page .desktop-table-only td {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .desktop-table-only th:nth-child(1),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .desktop-table-only td:nth-child(1) {
  width: 9% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .desktop-table-only th:nth-child(2),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .desktop-table-only td:nth-child(2) {
  padding-left: 6px !important;
  width: 43% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .desktop-table-only th:nth-child(3),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .desktop-table-only td:nth-child(3) {
  text-align: center !important;
  width: 6% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .desktop-table-only th:nth-child(4),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .desktop-table-only td:nth-child(4) {
  text-align: left !important;
  width: 16% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .desktop-table-only th:nth-child(5),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .desktop-table-only td:nth-child(5) {
  width: 20% !important;
}

/* SIGMA_SALES_RESELLER_VARIANT_BATCH_PRINT_20260603_ACTIVE */
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-batch-print-toolbar {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #d7e5e8 !important;
  border-radius: 8px !important;
  display: flex !important;
  gap: 10px !important;
  justify-content: flex-end !important;
  margin: 0 0 12px !important;
  padding: 10px 12px !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-print-select-all,
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-print-check {
  align-items: center !important;
  color: #17314a !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  gap: 6px !important;
  justify-content: center !important;
  line-height: 1.1 !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-print-check.is-disabled {
  color: #94a3b8 !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-print-select-all input,
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-print-check input {
  flex: 0 0 16px !important;
  height: 16px !important;
  margin: 0 !important;
  min-height: 16px !important;
  width: 16px !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page [data-reseller-print-count] {
  color: #607082 !important;
  font-size: 12px !important;
  margin-right: auto !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .desktop-table-only table {
  min-width: 980px !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .desktop-table-only th:nth-child(1),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .desktop-table-only td:nth-child(1) {
  text-align: center !important;
  width: 7% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .desktop-table-only th:nth-child(2),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .desktop-table-only td:nth-child(2) {
  width: 8% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .desktop-table-only th:nth-child(3),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .desktop-table-only td:nth-child(3) {
  padding-left: 6px !important;
  width: 34% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .desktop-table-only th:nth-child(4),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .desktop-table-only td:nth-child(4) {
  text-align: center !important;
  width: 5% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .desktop-table-only th:nth-child(5),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .desktop-table-only td:nth-child(5) {
  text-align: right !important;
  width: 11% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .desktop-table-only th:nth-child(6),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .desktop-table-only td:nth-child(6) {
  width: 16% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .desktop-table-only th:nth-child(7),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .desktop-table-only td:nth-child(7) {
  width: 9% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .desktop-table-only th:nth-child(8),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .desktop-table-only td:nth-child(8) {
  overflow: visible !important;
  text-align: center !important;
  width: 10% !important;
}

@media (max-width: 900px) {
  body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-batch-print-toolbar {
    display: none !important;
  }
}

@media (max-width: 900px) {
  body:not(.portal-page-shell) .sales-modern .order-reseller-page .desktop-table-only {
    display: none !important;
  }

  body:not(.portal-page-shell) .sales-modern .order-reseller-page .mobile-sales-order-list {
    display: grid !important;
    gap: 10px !important;
  }

  body:not(.portal-page-shell) .sales-modern .order-reseller-page .mobile-batch-shipping-panel {
    align-items: stretch !important;
    background: #ffffff !important;
    border: 1px solid #d7e5e8 !important;
    border-radius: 8px !important;
    display: grid !important;
    gap: 10px !important;
    padding: 12px !important;
  }

  body:not(.portal-page-shell) .sales-modern .order-reseller-page .mobile-sales-order-card {
    border-radius: 8px !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body:not(.portal-page-shell) .sales-modern .order-reseller-page .mobile-sales-order-actions {
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body:not(.portal-page-shell) .sales-modern .order-reseller-page .mobile-sales-order-actions .btn,
  body:not(.portal-page-shell) .sales-modern .order-reseller-page .mobile-sales-order-actions button,
  body:not(.portal-page-shell) .sales-modern .order-reseller-page .mobile-sales-order-actions form {
    min-height: 42px !important;
    width: 100% !important;
  }

  body:not(.portal-page-shell) .sales-modern .order-reseller-page .mobile-sales-order-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  body:not(.portal-page-shell) .sales-modern .order-reseller-page .mobile-sales-order-actions,
  body:not(.portal-page-shell) .sales-modern .order-reseller-page .mobile-sales-order-meta {
    grid-template-columns: 1fr !important;
  }
}

/* SIGMA_PRODUCTION_FINAL_PREVIEW_FIX_20260601_ACTIVE */
body:not(.portal-page-shell) .production-clean-page .production-work-nav {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

body:not(.portal-page-shell) .production-clean-page .production-compact-kpis {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body:not(.portal-page-shell) .production-clean-page .production-dashboard-links {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body:not(.portal-page-shell) .production-clean-page .production-table-check input[data-batch-eligible="0"] {
  opacity: .45 !important;
}

body:not(.portal-page-shell) .production-clean-page .mobile-production-batch-checkbox[disabled] {
  cursor: not-allowed !important;
}

body:not(.portal-page-shell) .production-clean-page .production-desktop-table-only .actions .btn,
body:not(.portal-page-shell) .production-clean-page .production-desktop-table-only .actions button {
  white-space: normal !important;
}

body:not(.portal-page-shell) .production-clean-page .production-history-main .production-table-check,
body:not(.portal-page-shell) .production-clean-page [data-production-panel="materials"] .production-table-check {
  pointer-events: none !important;
}

@media (max-width: 1100px) {
  body:not(.portal-page-shell) .production-clean-page .production-work-nav {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body:not(.portal-page-shell) .production-clean-page .production-compact-kpis,
  body:not(.portal-page-shell) .production-clean-page .production-dashboard-links {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* SIGMA_PRODUCTION_MENU_CLEAN_FIX_20260602_ACTIVE */
body:not(.portal-page-shell) .production-clean-page .production-shortage-table {
  max-width: 100% !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .production-clean-page .production-shortage-table .table-wrap {
  max-width: 100% !important;
  overflow-x: auto !important;
}

body:not(.portal-page-shell) .production-clean-page .production-shortage-table table {
  min-width: 760px !important;
  table-layout: fixed !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .production-clean-page .production-shortage-table th,
body:not(.portal-page-shell) .production-clean-page .production-shortage-table td {
  padding: 10px !important;
  vertical-align: middle !important;
  white-space: normal !important;
}

body:not(.portal-page-shell) .production-clean-page .production-shortage-table th:nth-child(1),
body:not(.portal-page-shell) .production-clean-page .production-shortage-table td:nth-child(1) {
  width: 24% !important;
}

body:not(.portal-page-shell) .production-clean-page .production-shortage-table th:nth-child(2),
body:not(.portal-page-shell) .production-clean-page .production-shortage-table td:nth-child(2) {
  width: 20% !important;
}

body:not(.portal-page-shell) .production-clean-page .production-shortage-table th:nth-child(3),
body:not(.portal-page-shell) .production-clean-page .production-shortage-table td:nth-child(3) {
  width: 18% !important;
}

body:not(.portal-page-shell) .production-clean-page .production-shortage-table th:nth-child(4),
body:not(.portal-page-shell) .production-clean-page .production-shortage-table td:nth-child(4),
body:not(.portal-page-shell) .production-clean-page .production-shortage-table th:nth-child(5),
body:not(.portal-page-shell) .production-clean-page .production-shortage-table td:nth-child(5),
body:not(.portal-page-shell) .production-clean-page .production-shortage-table th:nth-child(6),
body:not(.portal-page-shell) .production-clean-page .production-shortage-table td:nth-child(6) {
  text-align: right !important;
  width: 10% !important;
}

body:not(.portal-page-shell) .production-clean-page .production-shortage-table th:nth-child(7),
body:not(.portal-page-shell) .production-clean-page .production-shortage-table td:nth-child(7) {
  text-align: center !important;
  width: 12% !important;
}

body:not(.portal-page-shell) .production-clean-page .production-shortage-table .btn {
  justify-content: center !important;
  min-height: 38px !important;
  width: 100% !important;
}

/* SIGMA_PRODUCTION_QUEUE_ONLY_FIX_20260602_ACTIVE */
body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-desktop-table-only table {
  min-width: 0 !important;
  table-layout: fixed !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-desktop-table-only th,
body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-desktop-table-only td {
  padding: 9px 8px !important;
}

body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-desktop-table-only th:nth-child(1),
body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-desktop-table-only td:nth-child(1) {
  text-align: center !important;
  width: 42px !important;
}

body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-desktop-table-only th:nth-child(2),
body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-desktop-table-only td:nth-child(2) {
  width: 18% !important;
}

body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-desktop-table-only th:nth-child(3),
body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-desktop-table-only td:nth-child(3) {
  width: 28% !important;
}

body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-desktop-table-only th:nth-child(4),
body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-desktop-table-only td:nth-child(4) {
  text-align: center !important;
  width: 11% !important;
}

body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-desktop-table-only th:nth-child(5),
body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-desktop-table-only td:nth-child(5) {
  width: 17% !important;
}

body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-desktop-table-only th:nth-child(6),
body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-desktop-table-only td:nth-child(6) {
  overflow: visible !important;
  text-align: center !important;
  width: 168px !important;
}

body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-desktop-table-only .actions {
  align-items: stretch !important;
  display: grid !important;
  gap: 6px !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-desktop-table-only .actions .btn,
body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-desktop-table-only .actions button {
  font-size: 12px !important;
  justify-content: center !important;
  line-height: 1.15 !important;
  min-height: 38px !important;
  padding: 8px 9px !important;
  width: 100% !important;
}

@media (max-width: 1100px) {
  body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-desktop-table-only table {
    min-width: 760px !important;
  }
}

/* SIGMA_PRODUCTION_QUEUE_VALIDATION_FIX_20260602_ACTIVE */
body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-desktop-table-only th:nth-child(1),
body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-desktop-table-only td:nth-child(1) {
  width: 42px !important;
}

body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-desktop-table-only th:nth-child(5),
body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-desktop-table-only td:nth-child(5) {
  width: 22% !important;
}

body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-desktop-table-only th:nth-child(6),
body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-desktop-table-only td:nth-child(6) {
  min-width: 150px !important;
  width: 160px !important;
}

body:not(.portal-page-shell) .production-clean-page .production-shortage-table table {
  min-width: 980px !important;
}

body:not(.portal-page-shell) .production-clean-page .production-shortage-table th:nth-child(1),
body:not(.portal-page-shell) .production-clean-page .production-shortage-table td:nth-child(1) {
  width: 15% !important;
}

body:not(.portal-page-shell) .production-clean-page .production-shortage-table th:nth-child(2),
body:not(.portal-page-shell) .production-clean-page .production-shortage-table td:nth-child(2) {
  width: 20% !important;
}

body:not(.portal-page-shell) .production-clean-page .production-shortage-table th:nth-child(3),
body:not(.portal-page-shell) .production-clean-page .production-shortage-table td:nth-child(3) {
  width: 14% !important;
}

body:not(.portal-page-shell) .production-clean-page .production-shortage-table th:nth-child(4),
body:not(.portal-page-shell) .production-clean-page .production-shortage-table td:nth-child(4),
body:not(.portal-page-shell) .production-clean-page .production-shortage-table th:nth-child(6),
body:not(.portal-page-shell) .production-clean-page .production-shortage-table td:nth-child(6),
body:not(.portal-page-shell) .production-clean-page .production-shortage-table th:nth-child(7),
body:not(.portal-page-shell) .production-clean-page .production-shortage-table td:nth-child(7),
body:not(.portal-page-shell) .production-clean-page .production-shortage-table th:nth-child(8),
body:not(.portal-page-shell) .production-clean-page .production-shortage-table td:nth-child(8) {
  text-align: right !important;
  width: 9% !important;
}

body:not(.portal-page-shell) .production-clean-page .production-shortage-table th:nth-child(5),
body:not(.portal-page-shell) .production-clean-page .production-shortage-table td:nth-child(5) {
  text-align: center !important;
  width: 12% !important;
}

body:not(.portal-page-shell) .production-clean-page .production-shortage-table th:nth-child(9),
body:not(.portal-page-shell) .production-clean-page .production-shortage-table td:nth-child(9) {
  text-align: center !important;
  width: 11% !important;
}

/* SIGMA_PRODUCTION_QUEUE_COMPACT_COLUMNS_20260602_ACTIVE */
body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-queue-compact-table table {
  min-width: 0 !important;
  table-layout: fixed !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-queue-compact-table th,
body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-queue-compact-table td {
  padding: 8px 9px !important;
}

body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-queue-compact-table th:nth-child(1),
body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-queue-compact-table td:nth-child(1) {
  width: 38px !important;
}

body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-queue-compact-table th:nth-child(2),
body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-queue-compact-table td:nth-child(2) {
  width: 22% !important;
}

body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-queue-compact-table th:nth-child(3),
body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-queue-compact-table td:nth-child(3) {
  width: 42% !important;
}

body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-queue-compact-table th:nth-child(4),
body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-queue-compact-table td:nth-child(4) {
  text-align: center !important;
  width: 90px !important;
}

body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-queue-compact-table th:nth-child(5),
body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-queue-compact-table td:nth-child(5) {
  overflow: visible !important;
  text-align: center !important;
  width: 150px !important;
}

body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-queue-compact-table .actions .btn,
body:not(.portal-page-shell) .production-clean-page [data-production-panel="queue"] .production-queue-compact-table .actions button {
  min-height: 36px !important;
  padding: 7px 9px !important;
}

@media (max-width: 900px) {
  body:not(.portal-page-shell) .production-clean-page .production-work-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body:not(.portal-page-shell) .production-clean-page .production-compact-kpis,
  body:not(.portal-page-shell) .production-clean-page .production-dashboard-links {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  body:not(.portal-page-shell) .production-clean-page .production-compact-kpis,
  body:not(.portal-page-shell) .production-clean-page .production-dashboard-links {
    grid-template-columns: 1fr !important;
  }
}

/* SIGMA_PRODUCTION_QUEUE_VARIANT_PREVIEW_20260603_ACTIVE */
body:not(.portal-page-shell) .production-clean-page .production-variant-line {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  margin: 4px 0 3px !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .production-clean-page .production-variant-line > span:last-child {
  color: #334155 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

body:not(.portal-page-shell) .production-clean-page .production-variant-badge {
  align-items: center !important;
  background: #ecfdf5 !important;
  border: 1px solid rgba(20, 184, 166, 0.28) !important;
  border-radius: 999px !important;
  color: #0f766e !important;
  display: inline-flex !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-height: 22px !important;
  min-width: 34px !important;
  padding: 4px 8px !important;
}

/* SIGMA_FINANCE_INCOME_TABLE_FIT_20260603_ACTIVE */
body:not(.portal-page-shell) #detail-coa,
body:not(.portal-page-shell) #detail-coa .table-wrap {
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
}

body:not(.portal-page-shell) #detail-coa .table-wrap > table {
  max-width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
  width: 100% !important;
}

body:not(.portal-page-shell) #detail-coa .table-wrap > table th,
body:not(.portal-page-shell) #detail-coa .table-wrap > table td {
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

body:not(.portal-page-shell) #detail-coa .table-wrap > table th:first-child,
body:not(.portal-page-shell) #detail-coa .table-wrap > table td:first-child {
  width: calc(100% - 180px) !important;
  word-break: break-word !important;
}

body:not(.portal-page-shell) #detail-coa .table-wrap > table th:last-child,
body:not(.portal-page-shell) #detail-coa .table-wrap > table td:last-child {
  text-align: right !important;
  white-space: nowrap !important;
  width: 180px !important;
}

@media (min-width: 768px) and (max-width: 1180px) {
  body:not(.portal-page-shell) #detail-coa .table-wrap > table th:first-child,
  body:not(.portal-page-shell) #detail-coa .table-wrap > table td:first-child {
    width: calc(100% - 150px) !important;
  }

  body:not(.portal-page-shell) #detail-coa .table-wrap > table th:last-child,
  body:not(.portal-page-shell) #detail-coa .table-wrap > table td:last-child {
    width: 150px !important;
  }
}

/* SIGMA_SALES_RESELLER_SPLIT_VISUAL_20260603_ACTIVE */
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view {
  display: block !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-visual-section,
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-mobile-section {
  background: #ffffff !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05) !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-visual-section + .reseller-order-visual-section,
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-mobile-section + .reseller-order-mobile-section {
  margin-top: 16px !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-section-head {
  align-items: center !important;
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(241, 245, 249, 0.92)) !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.22) !important;
  display: flex !important;
  gap: 10px !important;
  justify-content: space-between !important;
  min-width: 0 !important;
  padding: 12px 14px !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-section-head h3 {
  color: #0f2233 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-visual-section > .input-note {
  margin: 10px 14px 0 !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-visual-section > .empty-state,
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-mobile-section > .empty-state {
  border: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 18px 14px !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap {
  border: 0 !important;
  border-radius: 0 !important;
  margin-top: 10px !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap table {
  max-width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap th,
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap td {
  padding: 9px 8px !important;
  white-space: normal !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap th:nth-child(1),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap td:nth-child(1) {
  padding-left: 10px !important;
  padding-right: 4px !important;
  width: 92px !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap th:nth-child(2),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap td:nth-child(2) {
  padding-left: 2px !important;
  width: 37% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap th:nth-child(3),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap td:nth-child(3) {
  text-align: center !important;
  width: 54px !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap th:nth-child(4),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap td:nth-child(4) {
  text-align: right !important;
  width: 13% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap th:nth-child(5),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap td:nth-child(5) {
  width: 14% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap th:nth-child(6),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap td:nth-child(6) {
  text-align: center !important;
  width: 13% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap th:nth-child(7),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap td:nth-child(7) {
  overflow: visible !important;
  text-align: center !important;
  width: 150px !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap td:nth-child(2) strong,
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap td:nth-child(2) small {
  display: block !important;
  justify-self: stretch !important;
  min-width: 0 !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .product-detail-trigger {
  justify-content: start !important;
  justify-items: start !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .actions {
  align-items: stretch !important;
  display: grid !important;
  gap: 6px !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .actions .btn,
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .actions button {
  justify-content: center !important;
  min-height: 34px !important;
  padding: 7px 9px !important;
  width: 100% !important;
}

@media (min-width: 901px) and (max-width: 1180px) {
  body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap th,
  body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap td {
    font-size: 12px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap th:nth-child(1),
  body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap td:nth-child(1) {
    width: 84px !important;
  }

  body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap th:nth-child(2),
  body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap td:nth-child(2) {
    padding-left: 0 !important;
    width: 34% !important;
  }

  body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap th:nth-child(7),
  body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap td:nth-child(7) {
    width: 132px !important;
  }
}

@media (max-width: 900px) {
  body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-mobile-section {
    display: block !important;
  }

  body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-section-head {
    padding: 11px 12px !important;
  }
}

/* SIGMA_PRODUCTION_DASHBOARD_MODERN_FIX_20260603_ACTIVE */
body:not(.portal-page-shell) .production-clean-page .production-dashboard-modern {
  background: linear-gradient(135deg, #ffffff 0%, #f8fffd 58%, #edf9f6 100%) !important;
  border: 1px solid #cfe1ea !important;
  border-left: 4px solid #0f988d !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 45px rgba(7, 29, 47, .10) !important;
  padding: 16px !important;
}

body:not(.portal-page-shell) .production-clean-page .production-dashboard-modern .production-compact-kpis {
  display: grid !important;
  gap: 11px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin: 0 0 12px !important;
}

body:not(.portal-page-shell) .production-clean-page .production-dashboard-modern .production-dashboard-body {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: minmax(430px, .9fr) minmax(440px, 1.1fr) !important;
}

body:not(.portal-page-shell) .production-clean-page .production-dashboard-modern .production-dashboard-links {
  display: grid !important;
  gap: 11px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin: 0 !important;
}

body:not(.portal-page-shell) .production-clean-page .production-dashboard-modern .production-dashboard-links .card {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #d4e5ed !important;
  border-radius: 12px !important;
  display: grid !important;
  gap: 4px 11px !important;
  grid-template-columns: 43px minmax(0, 1fr) !important;
  min-height: 95px !important;
  overflow: hidden !important;
  padding: 14px !important;
}

body:not(.portal-page-shell) .production-clean-page .production-dashboard-modern .production-dashboard-links .card:first-child {
  background: #ecfffb !important;
  border-color: #aee9df !important;
}

body:not(.portal-page-shell) .production-clean-page .production-dashboard-modern .production-dashboard-links .card span {
  align-items: center !important;
  background: #edf6ff !important;
  border: 1px solid #c9def4 !important;
  border-radius: 11px !important;
  color: #0f766e !important;
  display: flex !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  grid-row: span 2 !important;
  height: 43px !important;
  justify-content: center !important;
  width: 43px !important;
}

body:not(.portal-page-shell) .production-clean-page .production-dashboard-modern .production-dashboard-links .card strong {
  color: #061b31 !important;
  display: block !important;
  font-size: 22px !important;
  line-height: 1.1 !important;
  margin: 0 !important;
  overflow-wrap: anywhere !important;
}

body:not(.portal-page-shell) .production-clean-page .production-dashboard-modern .production-dashboard-links .card em {
  color: #5c7287 !important;
  display: block !important;
  font-size: 12px !important;
  font-style: normal !important;
  line-height: 1.25 !important;
}

body:not(.portal-page-shell) .production-clean-page .production-dashboard-modern .production-status-card {
  background: #ffffff !important;
  border: 1px solid #d4e5ed !important;
  border-radius: 13px !important;
  overflow: hidden !important;
}

body:not(.portal-page-shell) .production-clean-page .production-dashboard-modern .production-status-row {
  align-items: center !important;
  border-bottom: 1px solid #e7eef3 !important;
  color: #061828 !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: 128px minmax(90px, 1fr) 42px 76px !important;
  min-height: 48px !important;
  padding: 0 14px !important;
  text-decoration: none !important;
}

body:not(.portal-page-shell) .production-clean-page .production-dashboard-modern .production-status-label {
  color: #314b62 !important;
  font-weight: 800 !important;
}

body:not(.portal-page-shell) .production-clean-page .production-dashboard-modern .production-status-track {
  background: #e7f0f5 !important;
  border-radius: 999px !important;
  height: 9px !important;
  overflow: hidden !important;
}

body:not(.portal-page-shell) .production-clean-page .production-dashboard-modern .production-status-track span {
  background: linear-gradient(90deg, #0f988d, #38c4ad) !important;
  border-radius: inherit !important;
  display: block !important;
  height: 100% !important;
}

body:not(.portal-page-shell) .production-clean-page .production-dashboard-modern .production-status-row strong {
  color: #061b31 !important;
  font-size: 17px !important;
  text-align: right !important;
}

body:not(.portal-page-shell) .production-clean-page .production-dashboard-modern .production-status-row em {
  background: #f5f9fb !important;
  border: 1px solid #d9e7ee !important;
  border-radius: 999px !important;
  color: #3d586d !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  padding: 5px 7px !important;
  text-align: center !important;
}

body:not(.portal-page-shell) .production-clean-page .production-dashboard-modern .production-recap-card {
  margin-top: 12px !important;
}

@media (max-width: 1180px) {
  body:not(.portal-page-shell) .production-clean-page .production-dashboard-modern .production-dashboard-body {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  body:not(.portal-page-shell) .production-clean-page .production-dashboard-modern .production-compact-kpis,
  body:not(.portal-page-shell) .production-clean-page .production-dashboard-modern .production-dashboard-links {
    grid-template-columns: 1fr !important;
  }

  body:not(.portal-page-shell) .production-clean-page .production-dashboard-modern .production-status-row {
    grid-template-columns: 1fr 42px !important;
  }

  body:not(.portal-page-shell) .production-clean-page .production-dashboard-modern .production-status-track,
  body:not(.portal-page-shell) .production-clean-page .production-dashboard-modern .production-status-row em {
    grid-column: 1 / -1 !important;
  }
}

/* SIGMA_FINANCE_DASHBOARD_MODERN_20260603_ACTIVE */
body:not(.portal-page-shell) .finance-dashboard-hero {
  background: linear-gradient(135deg, #ffffff 0%, #f9fffd 55%, #eefaf7 100%) !important;
  border: 1px solid #cfe1ea !important;
  border-left: 4px solid #0f988d !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 40px rgba(7, 29, 47, .10) !important;
  padding: 16px !important;
}

body:not(.portal-page-shell) .finance-dashboard-hero .finance-compact-head {
  align-items: flex-start !important;
  display: flex !important;
  gap: 14px !important;
  justify-content: space-between !important;
  margin-bottom: 13px !important;
}

body:not(.portal-page-shell) .finance-dashboard-eyebrow {
  color: #0f766e !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  margin-bottom: 4px !important;
  text-transform: uppercase !important;
}

body:not(.portal-page-shell) .finance-dashboard-hero .finance-compact-head h1 {
  color: #061b31 !important;
  font-size: 24px !important;
  line-height: 1.1 !important;
  margin: 0 !important;
}

body:not(.portal-page-shell) .finance-dashboard-hero .finance-compact-head p {
  color: #526b80 !important;
  font-size: 14px !important;
  margin: 7px 0 0 !important;
}

body:not(.portal-page-shell) .finance-dashboard-head-action {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #cfe0ea !important;
  border-radius: 11px !important;
  color: #061828 !important;
  display: inline-flex !important;
  font-weight: 900 !important;
  gap: 8px !important;
  min-height: 40px !important;
  padding: 9px 14px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .finance-dashboard-hero .finance-compact-kpis {
  display: grid !important;
  gap: 11px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body:not(.portal-page-shell) .finance-dashboard-hero .finance-compact-kpi {
  align-items: flex-start !important;
  background: rgba(255, 255, 255, .92) !important;
  border: 1px solid #d4e5ed !important;
  border-radius: 12px !important;
  display: flex !important;
  gap: 12px !important;
  min-height: 96px !important;
  padding: 13px !important;
}

body:not(.portal-page-shell) .finance-dashboard-hero .finance-kpi-icon {
  align-items: center !important;
  background: #e9fbf6 !important;
  border: 1px solid #bdeee2 !important;
  border-radius: 11px !important;
  color: #0f766e !important;
  display: flex !important;
  flex: 0 0 42px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  height: 42px !important;
  justify-content: center !important;
  width: 42px !important;
}

body:not(.portal-page-shell) .finance-dashboard-hero .tone-warn .finance-kpi-icon {
  background: #fff7ed !important;
  border-color: #fed7aa !important;
  color: #c2410c !important;
}

body:not(.portal-page-shell) .finance-dashboard-hero .tone-blue .finance-kpi-icon {
  background: #eff6ff !important;
  border-color: #bfdbfe !important;
  color: #1d4ed8 !important;
}

body:not(.portal-page-shell) .finance-dashboard-hero .tone-danger .finance-kpi-icon {
  background: #fff1f2 !important;
  border-color: #fecdd3 !important;
  color: #be123c !important;
}

body:not(.portal-page-shell) .finance-dashboard-hero .finance-compact-kpi small {
  color: #5d7287 !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

body:not(.portal-page-shell) .finance-dashboard-hero .finance-compact-kpi strong {
  color: #061b31 !important;
  display: block !important;
  font-size: 27px !important;
  line-height: 1 !important;
  margin-top: 5px !important;
}

body:not(.portal-page-shell) .finance-dashboard-hero .finance-compact-kpi em {
  color: #526b80 !important;
  display: block !important;
  font-size: 12px !important;
  font-style: normal !important;
  line-height: 1.25 !important;
  margin-top: 6px !important;
}

body:not(.portal-page-shell) .finance-dashboard-layout {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: minmax(380px, .72fr) minmax(620px, 1.28fr) !important;
  margin-top: 12px !important;
}

body:not(.portal-page-shell) .finance-dashboard-left {
  display: grid !important;
  gap: 12px !important;
}

body:not(.portal-page-shell) .finance-balance-pair,
body:not(.portal-page-shell) .finance-actions-grid,
body:not(.portal-page-shell) .finance-dashboard-bottom {
  display: grid !important;
  gap: 11px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body:not(.portal-page-shell) .finance-balance-card {
  background: #ffffff !important;
  border: 1px solid #d4e5ed !important;
  border-radius: 13px !important;
  color: #061b31 !important;
  padding: 15px !important;
  text-decoration: none !important;
}

body:not(.portal-page-shell) .finance-balance-card small {
  color: #5d7287 !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body:not(.portal-page-shell) .finance-balance-card strong {
  color: #061b31 !important;
  display: block !important;
  font-size: 31px !important;
  line-height: 1.05 !important;
  margin-top: 7px !important;
}

body:not(.portal-page-shell) .finance-balance-card.negative strong,
body:not(.portal-page-shell) .finance-dashboard-layout .bad,
body:not(.portal-page-shell) .finance-dashboard-bottom .bad {
  color: #be123c !important;
}

body:not(.portal-page-shell) .finance-balance-card p {
  color: #64748b !important;
  margin: 10px 0 0 !important;
}

body:not(.portal-page-shell) .finance-balance-standard {
  background: #ffffff !important;
  border: 1px solid #cfe0ec !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 38px rgba(9, 30, 49, 0.07) !important;
  display: grid !important;
  gap: 12px !important;
  margin-bottom: 18px !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 14px !important;
}

body:not(.portal-page-shell) .finance-balance-standard-head {
  align-items: center !important;
  background: linear-gradient(135deg, #062235, #0f8f80) !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  display: flex !important;
  gap: 12px !important;
  justify-content: space-between !important;
  min-width: 0 !important;
  padding: 14px 16px !important;
}

body:not(.portal-page-shell) .finance-balance-standard-head span {
  color: #b9f3e7 !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body:not(.portal-page-shell) .finance-balance-standard-head h2 {
  color: #ffffff !important;
  font-size: 24px !important;
  line-height: 1.1 !important;
  margin: 2px 0 0 !important;
}

body:not(.portal-page-shell) .finance-balance-standard-head strong {
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  flex: 0 0 auto !important;
  font-size: 18px !important;
  line-height: 1.15 !important;
  padding: 10px 12px !important;
  text-align: right !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .finance-balance-statement {
  border: 1px solid #d8e6ef !important;
  border-radius: 12px !important;
  display: grid !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

body:not(.portal-page-shell) .finance-balance-statement section + section {
  border-top: 1px solid #d8e6ef !important;
}

body:not(.portal-page-shell) .finance-balance-statement h3 {
  background: #edf6f8 !important;
  color: #064e64 !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  padding: 10px 12px !important;
}

body:not(.portal-page-shell) .finance-balance-statement-row {
  align-items: center !important;
  border-top: 1px solid #edf3f7 !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: minmax(0, 1fr) minmax(128px, max-content) !important;
  min-height: 34px !important;
  padding: 7px 12px !important;
}

body:not(.portal-page-shell) .finance-balance-statement-row span {
  color: #061b31 !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

body:not(.portal-page-shell) .finance-balance-statement-row strong {
  color: #061b31 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .finance-balance-statement-row.is-contra span,
body:not(.portal-page-shell) .finance-balance-statement-row.is-contra strong {
  color: #be123c !important;
}

body:not(.portal-page-shell) .finance-balance-statement-row.is-total {
  background: #f3f8fb !important;
  border-top: 1px solid #d8e6ef !important;
  min-height: 38px !important;
}

body:not(.portal-page-shell) .finance-balance-statement-row.is-total span,
body:not(.portal-page-shell) .finance-balance-statement-row.is-total strong {
  font-size: 14px !important;
  font-weight: 900 !important;
}

body:not(.portal-page-shell) .finance-balance-statement-row.is-grand-total {
  background: #ecfdf5 !important;
  border-top: 1px solid #99f6e4 !important;
  min-height: 44px !important;
}

body:not(.portal-page-shell) .finance-balance-statement-row.is-grand-total span,
body:not(.portal-page-shell) .finance-balance-statement-row.is-grand-total strong {
  color: #047857 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

@media (max-width: 760px) {
  body:not(.portal-page-shell) .finance-balance-standard {
    border-radius: 12px !important;
    padding: 10px !important;
  }

  body:not(.portal-page-shell) .finance-balance-standard-head {
    align-items: start !important;
    display: grid !important;
    padding: 12px !important;
  }

  body:not(.portal-page-shell) .finance-balance-standard-head h2 {
    font-size: 20px !important;
  }

  body:not(.portal-page-shell) .finance-balance-standard-head strong {
    font-size: 15px !important;
    text-align: left !important;
    white-space: normal !important;
  }

  body:not(.portal-page-shell) .finance-balance-statement-row {
    grid-template-columns: minmax(0, 1fr) minmax(96px, max-content) !important;
    padding: 7px 10px !important;
  }

  body:not(.portal-page-shell) .finance-balance-statement-row span,
  body:not(.portal-page-shell) .finance-balance-statement-row strong {
    font-size: 12px !important;
  }
}

/* SIGMA_BALANCE_POSITION_STATEMENT_20260605_ACTIVE */
body:not(.portal-page-shell) .finance-balance-standard {
  gap: 14px !important;
  padding: 14px !important;
}

body:not(.portal-page-shell) .finance-balance-standard-head p {
  color: #d7fff6 !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  margin: 5px 0 0 !important;
}

body:not(.portal-page-shell) .finance-balance-standard-head em {
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  flex: 0 0 auto !important;
  font-size: 17px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  padding: 10px 12px !important;
  text-align: right !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .finance-balance-summary-grid {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .finance-balance-summary-card {
  background: #ffffff !important;
  border: 1px solid #d6e5ef !important;
  border-bottom: 3px solid #14b8a6 !important;
  border-radius: 12px !important;
  min-width: 0 !important;
  padding: 12px !important;
}

body:not(.portal-page-shell) .finance-balance-summary-card.asset {
  background: #f0fffb !important;
}

body:not(.portal-page-shell) .finance-balance-summary-card.ok {
  border-bottom-color: #22c55e !important;
}

body:not(.portal-page-shell) .finance-balance-summary-card.danger {
  border-bottom-color: #e11d48 !important;
}

body:not(.portal-page-shell) .finance-balance-summary-card span {
  color: #51657c !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  margin-bottom: 6px !important;
  text-transform: uppercase !important;
}

body:not(.portal-page-shell) .finance-balance-summary-card b {
  color: #061b31 !important;
  display: block !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  overflow-wrap: anywhere !important;
}

body:not(.portal-page-shell) .finance-balance-summary-card b.bad,
body:not(.portal-page-shell) .finance-balance-summary-card.danger b {
  color: #be123c !important;
}

body:not(.portal-page-shell) .finance-balance-summary-card.ok b {
  color: #047857 !important;
}

body:not(.portal-page-shell) .finance-balance-columns {
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .finance-balance-column-title {
  background: linear-gradient(135deg, #eff9fb, #ffffff) !important;
  border-bottom: 1px solid #d8e6ef !important;
  color: #061b31 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  padding: 12px !important;
}

body:not(.portal-page-shell) .finance-balance-statement-row .finance-balance-value,
body:not(.portal-page-shell) .finance-balance-statement-row b.finance-balance-value,
body:not(.portal-page-shell) .finance-balance-statement-row strong .finance-balance-value {
  color: #061b31 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .finance-balance-statement-row .finance-balance-value.bad {
  color: #be123c !important;
}

body:not(.portal-page-shell) .finance-balance-statement-row.is-total span:first-child,
body:not(.portal-page-shell) .finance-balance-statement-row.is-grand-total span:first-child {
  font-weight: 800 !important;
}

body:not(.portal-page-shell) .finance-balance-statement-row.is-total .finance-balance-value,
body:not(.portal-page-shell) .finance-balance-statement-row.is-grand-total .finance-balance-value {
  font-weight: 500 !important;
}

body:not(.portal-page-shell) .finance-balance-statement-row.is-grand-total .finance-balance-value {
  color: #047857 !important;
  font-size: 16px !important;
}

body:not(.portal-page-shell) .finance-balance-footnote {
  background: #f8fbfd !important;
  border: 1px dashed #cfe0ec !important;
  border-radius: 12px !important;
  color: #51657c !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  padding: 10px 12px !important;
}

@media (max-width: 980px) {
  body:not(.portal-page-shell) .finance-balance-summary-grid,
  body:not(.portal-page-shell) .finance-balance-columns {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  body:not(.portal-page-shell) .finance-balance-standard-head em {
    font-size: 14px !important;
    text-align: left !important;
    white-space: normal !important;
  }

  body:not(.portal-page-shell) .finance-balance-summary-card b {
    font-size: 17px !important;
  }

  body:not(.portal-page-shell) .finance-balance-column-title {
    font-size: 16px !important;
    padding: 10px !important;
  }

  body:not(.portal-page-shell) .finance-balance-statement-row .finance-balance-value {
    font-size: 12px !important;
  }
}

body:not(.portal-page-shell) .finance-action-card {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #d4e5ed !important;
  border-radius: 12px !important;
  color: #061828 !important;
  display: grid !important;
  gap: 11px !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  min-height: 78px !important;
  padding: 13px !important;
  text-decoration: none !important;
}

body:not(.portal-page-shell) .finance-action-card:first-child {
  background: #ecfffb !important;
  border-color: #aee9df !important;
}

body:not(.portal-page-shell) .finance-action-card span {
  align-items: center !important;
  background: #edf6ff !important;
  border: 1px solid #c9def4 !important;
  border-radius: 11px !important;
  color: #0f766e !important;
  display: flex !important;
  font-weight: 900 !important;
  height: 40px !important;
  justify-content: center !important;
  width: 40px !important;
}

body:not(.portal-page-shell) .finance-action-card strong {
  color: #061b31 !important;
  display: block !important;
  font-size: 19px !important;
  line-height: 1.08 !important;
}

body:not(.portal-page-shell) .finance-action-card em {
  color: #5c7287 !important;
  display: block !important;
  font-size: 12px !important;
  font-style: normal !important;
  margin-top: 3px !important;
}

body:not(.portal-page-shell) .finance-panel {
  background: #ffffff !important;
  border: 1px solid #d4e5ed !important;
  border-radius: 13px !important;
  overflow: hidden !important;
}

body:not(.portal-page-shell) .finance-panel-title {
  align-items: center !important;
  background: #eef6f9 !important;
  border-bottom: 1px solid #dbe8ef !important;
  display: flex !important;
  justify-content: space-between !important;
  min-height: 47px !important;
  padding: 0 14px !important;
}

body:not(.portal-page-shell) .finance-panel-title span {
  color: #344d64 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body:not(.portal-page-shell) .finance-panel-title strong {
  color: #0f766e !important;
  font-size: 14px !important;
}

body:not(.portal-page-shell) .finance-status-row {
  align-items: center !important;
  border-bottom: 1px solid #e7eef3 !important;
  color: #061828 !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: 165px minmax(120px, 1fr) 78px 88px !important;
  min-height: 47px !important;
  padding: 0 14px !important;
  text-decoration: none !important;
}

body:not(.portal-page-shell) .finance-status-row:last-child {
  border-bottom: 0 !important;
}

body:not(.portal-page-shell) .finance-status-label {
  color: #314b62 !important;
  font-weight: 800 !important;
}

body:not(.portal-page-shell) .finance-status-track {
  background: #e7f0f5 !important;
  border-radius: 999px !important;
  height: 9px !important;
  overflow: hidden !important;
}

body:not(.portal-page-shell) .finance-status-track span {
  background: linear-gradient(90deg, #0f988d, #38c4ad) !important;
  border-radius: inherit !important;
  display: block !important;
  height: 100% !important;
}

body:not(.portal-page-shell) .finance-status-row strong {
  color: #061b31 !important;
  font-size: 15px !important;
  text-align: right !important;
}

body:not(.portal-page-shell) .finance-status-row em,
body:not(.portal-page-shell) .finance-recap-table td span {
  background: #eefcf8 !important;
  border: 1px solid #bfeee3 !important;
  border-radius: 999px !important;
  color: #047857 !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  padding: 5px 7px !important;
  text-align: center !important;
}

body:not(.portal-page-shell) .finance-status-row em.warn,
body:not(.portal-page-shell) .finance-recap-table td span.warn {
  background: #fff7ed !important;
  border-color: #fed7aa !important;
  color: #c2410c !important;
}

body:not(.portal-page-shell) .finance-status-row em.muted {
  background: #f3f8fb !important;
  border-color: #d9e7ee !important;
  color: #64748b !important;
}

body:not(.portal-page-shell) .finance-recap-card {
  margin-top: 12px !important;
}

body:not(.portal-page-shell) .finance-recap-table-wrap {
  max-width: 100% !important;
  overflow-x: auto !important;
}

body:not(.portal-page-shell) .finance-recap-table {
  border-collapse: collapse !important;
  min-width: 650px !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .finance-recap-table th,
body:not(.portal-page-shell) .finance-recap-table td {
  border-bottom: 1px solid #e7eef3 !important;
  color: #061b31 !important;
  font-size: 13px !important;
  padding: 12px 14px !important;
  text-align: left !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .finance-recap-table th {
  background: #f7fbfd !important;
  color: #4b647b !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body:not(.portal-page-shell) .finance-recap-table td:nth-child(2),
body:not(.portal-page-shell) .finance-recap-table td:nth-child(3) {
  font-weight: 900 !important;
}

body:not(.portal-page-shell) .finance-recap-table td a {
  color: #0f766e !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

body:not(.portal-page-shell) .finance-profit-row {
  align-items: center !important;
  border-bottom: 1px solid #e7eef3 !important;
  display: flex !important;
  justify-content: space-between !important;
  min-height: 43px !important;
  padding: 0 14px !important;
}

body:not(.portal-page-shell) .finance-profit-row:last-child {
  border-bottom: 0 !important;
}

body:not(.portal-page-shell) .finance-profit-row strong {
  font-size: 15px !important;
}

body:not(.portal-page-shell) .finance-dashboard-bottom {
  margin-top: 12px !important;
}

body:not(.portal-page-shell) .finance-income-modern {
  background: #fff !important;
  border: 1px solid #cfe0ec !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 42px rgba(9, 30, 49, 0.08) !important;
  display: grid !important;
  gap: 14px !important;
  max-width: 100% !important;
  overflow: hidden !important;
  padding: 18px !important;
}

body:not(.portal-page-shell) .finance-income-head {
  align-items: start !important;
  display: flex !important;
  gap: 14px !important;
  justify-content: space-between !important;
}

body:not(.portal-page-shell) .finance-income-eyebrow {
  color: #0f766e !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body:not(.portal-page-shell) .finance-income-head h2 {
  color: #061b31 !important;
  font-size: clamp(22px, 2.4vw, 34px) !important;
  line-height: 1.05 !important;
  margin: 4px 0 6px !important;
}

body:not(.portal-page-shell) .finance-income-head p {
  color: #49647a !important;
  font-size: 14px !important;
  margin: 0 !important;
}

body:not(.portal-page-shell) .finance-income-actions {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: flex-end !important;
}

body:not(.portal-page-shell) .finance-income-scorecards {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body:not(.portal-page-shell) .finance-income-scorecards > div {
  background: linear-gradient(180deg, #ffffff, #f7fbfd) !important;
  border: 1px solid #d7e5ef !important;
  border-radius: 12px !important;
  min-width: 0 !important;
  padding: 13px 14px !important;
  text-align: center !important;
}

body:not(.portal-page-shell) .finance-income-scorecards span {
  color: #425d73 !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body:not(.portal-page-shell) .finance-income-scorecards strong {
  color: #061b31 !important;
  display: block !important;
  font-size: clamp(18px, 2vw, 25px) !important;
  line-height: 1.08 !important;
  margin-top: 7px !important;
  overflow-wrap: anywhere !important;
}

body:not(.portal-page-shell) .finance-income-grid {
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  max-width: 100% !important;
}

body:not(.portal-page-shell) .finance-income-column {
  display: grid !important;
  gap: 10px !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .finance-income-section {
  background: #fff !important;
  border: 1px solid #d5e4ef !important;
  border-radius: 12px !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

body:not(.portal-page-shell) .finance-income-section h3 {
  align-items: center !important;
  border-bottom: 1px solid #e3eef5 !important;
  color: #0b58d2 !important;
  display: flex !important;
  font-size: 16px !important;
  gap: 8px !important;
  line-height: 1.18 !important;
  margin: 0 !important;
  padding: 11px 13px !important;
}

body:not(.portal-page-shell) .finance-income-section h3 span {
  align-items: center !important;
  background: #eef6ff !important;
  border: 1px solid #cfe2ff !important;
  border-radius: 999px !important;
  color: #0b58d2 !important;
  display: inline-flex !important;
  flex: 0 0 28px !important;
  font-size: 12px !important;
  height: 28px !important;
  justify-content: center !important;
}

body:not(.portal-page-shell) .finance-income-section-body {
  display: grid !important;
  gap: 0 !important;
  padding: 5px 10px !important;
}

body:not(.portal-page-shell) .finance-income-line,
body:not(.portal-page-shell) .finance-income-total {
  align-items: center !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  min-height: 34px !important;
  padding: 7px 0 !important;
}

body:not(.portal-page-shell) .finance-income-line + .finance-income-line {
  border-top: 1px solid #eef3f7 !important;
}

body:not(.portal-page-shell) .finance-income-line span,
body:not(.portal-page-shell) .finance-income-total span {
  color: #061b31 !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

body:not(.portal-page-shell) .finance-income-line strong,
body:not(.portal-page-shell) .finance-income-total strong {
  color: #061b31 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .finance-income-total {
  background: #f3f8fb !important;
  border-top: 1px solid #d5e4ef !important;
  font-weight: 900 !important;
  min-height: 40px !important;
  padding: 10px 12px !important;
}

body:not(.portal-page-shell) .finance-income-total span,
body:not(.portal-page-shell) .finance-income-total strong {
  font-size: 14px !important;
  font-weight: 900 !important;
}

body:not(.portal-page-shell) .finance-income-section.tone-danger h3,
body:not(.portal-page-shell) .finance-income-section.tone-danger h3 span,
body:not(.portal-page-shell) .finance-income-section .bad {
  color: #e11d48 !important;
}

body:not(.portal-page-shell) .finance-income-section.tone-danger .finance-income-total {
  background: #fff0f3 !important;
  border-color: #ffd3dc !important;
}

body:not(.portal-page-shell) .finance-income-section.tone-success h3,
body:not(.portal-page-shell) .finance-income-section.tone-success h3 span,
body:not(.portal-page-shell) .finance-income-section .ok {
  color: #047857 !important;
}

body:not(.portal-page-shell) .finance-income-section.tone-success .finance-income-total {
  background: #ecfdf5 !important;
  border-color: #bbf7d0 !important;
}

body:not(.portal-page-shell) .finance-income-section.tone-blue .finance-income-total {
  background: #eff6ff !important;
  border-color: #bfdbfe !important;
}

body:not(.portal-page-shell) .finance-income-empty,
body:not(.portal-page-shell) .finance-income-detail-note,
body:not(.portal-page-shell) .finance-income-note {
  color: #526b80 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  padding: 9px 0 !important;
}

body:not(.portal-page-shell) .finance-income-note {
  background: #f8fbfd !important;
  border: 1px solid #d7e5ef !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
}

body:not(.portal-page-shell) .finance-income-details {
  border-top: 1px solid #eef3f7 !important;
  margin-top: 4px !important;
  padding: 8px 0 4px !important;
}

body:not(.portal-page-shell) .finance-income-details summary {
  color: #0f766e !important;
  cursor: pointer !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  list-style: none !important;
}

body:not(.portal-page-shell) .finance-income-details summary::-webkit-details-marker {
  display: none !important;
}

body:not(.portal-page-shell) .finance-income-reconcile .finance-reconcile-details {
  background: #f8fbfd !important;
  border: 1px dashed #cfe0ec !important;
  border-radius: 12px !important;
  padding: 10px !important;
}

@media (max-width: 1180px) {
  body:not(.portal-page-shell) .finance-income-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  body:not(.portal-page-shell) .finance-income-modern {
    border-radius: 12px !important;
    gap: 10px !important;
    padding: 12px !important;
  }

  body:not(.portal-page-shell) .finance-income-head {
    display: grid !important;
  }

  body:not(.portal-page-shell) .finance-income-actions {
    justify-content: start !important;
  }

  body:not(.portal-page-shell) .finance-income-scorecards {
    grid-template-columns: 1fr !important;
  }

  body:not(.portal-page-shell) .finance-income-scorecards > div {
    padding: 11px 12px !important;
    text-align: left !important;
  }

  body:not(.portal-page-shell) .finance-income-line,
  body:not(.portal-page-shell) .finance-income-total {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body:not(.portal-page-shell) .finance-income-line strong,
  body:not(.portal-page-shell) .finance-income-total strong {
    text-align: left !important;
    white-space: normal !important;
  }

  body:not(.portal-page-shell) .finance-income-section h3 {
    font-size: 15px !important;
    padding: 10px 11px !important;
  }
}

body:not(.portal-page-shell) .finance-income-statement {
  background: #fff !important;
  border: 1px solid #cfdfea !important;
  border-radius: 12px !important;
  gap: 12px !important;
  padding: 14px !important;
}

body:not(.portal-page-shell) .finance-income-statement .finance-income-head {
  border-bottom: 1px solid #e2edf5 !important;
  padding-bottom: 10px !important;
}

body:not(.portal-page-shell) .finance-income-statement .finance-income-head h2 {
  font-size: 24px !important;
  line-height: 1.1 !important;
  margin: 3px 0 4px !important;
}

body:not(.portal-page-shell) .finance-income-statement .finance-income-scorecards {
  gap: 8px !important;
}

body:not(.portal-page-shell) .finance-income-statement .finance-income-scorecards > div {
  border-radius: 10px !important;
  padding: 10px 12px !important;
  text-align: left !important;
}

body:not(.portal-page-shell) .finance-income-statement .finance-income-scorecards strong {
  font-size: 22px !important;
  margin-top: 4px !important;
}

body:not(.portal-page-shell) .finance-income-sheet {
  display: grid !important;
  gap: 8px !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .finance-income-statement .finance-income-section {
  border-color: #d8e6ef !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

body:not(.portal-page-shell) .finance-income-statement .finance-income-section h3 {
  background: #f8fbfd !important;
  border-bottom: 1px solid #e2edf5 !important;
  font-size: 14px !important;
  padding: 8px 10px !important;
  text-transform: none !important;
}

body:not(.portal-page-shell) .finance-income-statement .finance-income-section h3 span {
  flex: 0 0 22px !important;
  font-size: 11px !important;
  height: 22px !important;
}

body:not(.portal-page-shell) .finance-income-statement .finance-income-section-body {
  padding: 0 10px !important;
}

body:not(.portal-page-shell) .finance-income-statement .finance-income-line,
body:not(.portal-page-shell) .finance-income-statement .finance-income-total {
  grid-template-columns: minmax(0, 1fr) minmax(120px, max-content) !important;
  min-height: 30px !important;
  padding: 6px 0 !important;
}

body:not(.portal-page-shell) .finance-income-statement .finance-income-line span,
body:not(.portal-page-shell) .finance-income-statement .finance-income-total span {
  font-size: 13px !important;
  overflow-wrap: anywhere !important;
}

body:not(.portal-page-shell) .finance-income-statement .finance-income-line strong,
body:not(.portal-page-shell) .finance-income-statement .finance-income-total strong {
  font-size: 13px !important;
  text-align: right !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .finance-income-statement .finance-income-total {
  min-height: 34px !important;
  padding: 8px 10px !important;
}

body:not(.portal-page-shell) .finance-income-statement .finance-income-total span,
body:not(.portal-page-shell) .finance-income-statement .finance-income-total strong {
  font-size: 14px !important;
}

body:not(.portal-page-shell) .finance-income-statement .finance-income-details {
  margin-top: 0 !important;
  padding: 7px 0 !important;
}

body:not(.portal-page-shell) .finance-income-statement .finance-income-detail-note,
body:not(.portal-page-shell) .finance-income-statement .finance-income-note,
body:not(.portal-page-shell) .finance-income-statement .finance-income-empty {
  font-size: 12px !important;
  padding: 8px 10px !important;
}

body:not(.portal-page-shell) .finance-income-statement .finance-income-note {
  border-radius: 10px !important;
}

body:not(.portal-page-shell) .finance-income-statement .finance-income-reconcile .finance-reconcile-details {
  border-radius: 10px !important;
}

@media (max-width: 760px) {
  body:not(.portal-page-shell) .finance-income-statement {
    padding: 10px !important;
  }

  body:not(.portal-page-shell) .finance-income-statement .finance-income-head {
    gap: 8px !important;
  }

  body:not(.portal-page-shell) .finance-income-statement .finance-income-head h2 {
    font-size: 20px !important;
  }

  body:not(.portal-page-shell) .finance-income-statement .finance-income-line,
  body:not(.portal-page-shell) .finance-income-statement .finance-income-total {
    grid-template-columns: minmax(0, 1fr) minmax(96px, max-content) !important;
  }

  body:not(.portal-page-shell) .finance-income-statement .finance-income-line strong,
  body:not(.portal-page-shell) .finance-income-statement .finance-income-total strong {
    font-size: 12px !important;
  }
}

body:not(.portal-page-shell) .finance-alert-list {
  display: grid !important;
  gap: 9px !important;
  padding: 13px 14px !important;
}

body:not(.portal-page-shell) .finance-alert-item {
  background: #fff8f8 !important;
  border: 1px solid #ead4d4 !important;
  border-radius: 10px !important;
  color: #061b31 !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: 135px minmax(0, 1fr) !important;
  padding: 10px 12px !important;
  text-decoration: none !important;
}

body:not(.portal-page-shell) .finance-alert-item strong {
  color: #be123c !important;
}

body:not(.portal-page-shell) .finance-alert-item span {
  color: #526b80 !important;
}

@media (max-width: 1180px) {
  body:not(.portal-page-shell) .finance-dashboard-layout,
  body:not(.portal-page-shell) .finance-dashboard-bottom {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  body:not(.portal-page-shell) .finance-dashboard-hero .finance-compact-head {
    display: grid !important;
  }

  body:not(.portal-page-shell) .finance-dashboard-hero .finance-compact-kpis,
  body:not(.portal-page-shell) .finance-balance-pair,
  body:not(.portal-page-shell) .finance-actions-grid {
    grid-template-columns: 1fr !important;
  }

  body:not(.portal-page-shell) .finance-status-row {
    grid-template-columns: 1fr 78px !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
  }

  body:not(.portal-page-shell) .finance-status-track,
  body:not(.portal-page-shell) .finance-status-row em {
    grid-column: 1 / -1 !important;
  }
}

/* SIGMA_FINANCE_DASHBOARD_OPTION_B_20260603_ACTIVE */
body:not(.portal-page-shell) .finance-dashboard-option-b {
  background: #ffffff !important;
}

body:not(.portal-page-shell) .finance-dashboard-option-b .finance-compact-kpis {
  grid-template-columns: 1.2fr repeat(3, minmax(0, 1fr)) !important;
}

body:not(.portal-page-shell) .finance-dashboard-option-b .finance-main-kpi {
  background: #ecfffb !important;
  border-color: #aee9df !important;
}

body:not(.portal-page-shell) .finance-dashboard-option-b .finance-compact-head h1 {
  font-size: 25px !important;
}

body:not(.portal-page-shell) .finance-dashboard-option-b-body {
  display: block !important;
  margin-top: 12px !important;
}

body:not(.portal-page-shell) .finance-priority-grid {
  display: grid !important;
  gap: 11px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin-bottom: 12px !important;
}

body:not(.portal-page-shell) .finance-priority-card {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #d4e5ed !important;
  border-radius: 13px !important;
  color: #061828 !important;
  display: grid !important;
  gap: 11px !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  min-height: 92px !important;
  padding: 14px !important;
  text-decoration: none !important;
}

body:not(.portal-page-shell) .finance-priority-card:first-child {
  background: #ecfffb !important;
  border-color: #aee9df !important;
}

body:not(.portal-page-shell) .finance-priority-card span {
  align-items: center !important;
  background: #edf6ff !important;
  border: 1px solid #c9def4 !important;
  border-radius: 11px !important;
  color: #0f766e !important;
  display: flex !important;
  font-weight: 900 !important;
  height: 42px !important;
  justify-content: center !important;
  width: 42px !important;
}

body:not(.portal-page-shell) .finance-priority-card small {
  color: #5d7287 !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body:not(.portal-page-shell) .finance-priority-card strong {
  color: #061b31 !important;
  display: block !important;
  font-size: 20px !important;
  line-height: 1.1 !important;
  margin-top: 3px !important;
}

body:not(.portal-page-shell) .finance-priority-card em {
  color: #526b80 !important;
  display: block !important;
  font-size: 12px !important;
  font-style: normal !important;
  margin-top: 4px !important;
}

body:not(.portal-page-shell) .finance-option-b-grid {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body:not(.portal-page-shell) .finance-wide-panel {
  grid-column: 1 / -1 !important;
}

body:not(.portal-page-shell) .finance-money-grid {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  padding: 12px !important;
}

body:not(.portal-page-shell) .finance-money-box {
  background: #fbfdfe !important;
  border: 1px solid #e1ebf1 !important;
  border-radius: 12px !important;
  padding: 13px !important;
}

body:not(.portal-page-shell) .finance-money-box small {
  color: #5d7287 !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body:not(.portal-page-shell) .finance-money-box strong {
  color: #061b31 !important;
  display: block !important;
  font-size: 24px !important;
  line-height: 1.08 !important;
  margin-top: 6px !important;
}

body:not(.portal-page-shell) .finance-money-box em {
  color: #526b80 !important;
  display: block !important;
  font-size: 12px !important;
  font-style: normal !important;
  margin-top: 4px !important;
}

body:not(.portal-page-shell) .finance-option-b-grid .finance-profit-row {
  min-height: 43px !important;
}

body:not(.portal-page-shell) .finance-recon-table {
  min-width: 760px !important;
}

body:not(.portal-page-shell) .finance-recon-table td a {
  color: #061b31 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

body:not(.portal-page-shell) .finance-quick-grid {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  padding: 12px !important;
}

body:not(.portal-page-shell) .finance-quick-card {
  background: #ffffff !important;
  border: 1px solid #d4e5ed !important;
  border-radius: 12px !important;
  color: #061828 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-height: 74px !important;
  padding: 12px !important;
  text-decoration: none !important;
}

body:not(.portal-page-shell) .finance-quick-card:first-child {
  background: #ecfffb !important;
  border-color: #aee9df !important;
}

body:not(.portal-page-shell) .finance-quick-card small {
  color: #5d7287 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body:not(.portal-page-shell) .finance-quick-card strong {
  color: #061b31 !important;
  font-size: 17px !important;
  margin-top: 4px !important;
}

body:not(.portal-page-shell) .finance-option-b-grid .finance-alert-list {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  padding: 12px !important;
}

body:not(.portal-page-shell) .finance-option-b-grid .finance-alert-item {
  background: #fff8f8 !important;
  border-color: #ead4d4 !important;
  grid-template-columns: 132px minmax(0, 1fr) !important;
}

body:not(.portal-page-shell) .finance-recap-hidden {
  display: none !important;
}

@media (max-width: 1180px) {
  body:not(.portal-page-shell) .finance-dashboard-option-b .finance-compact-kpis,
  body:not(.portal-page-shell) .finance-priority-grid,
  body:not(.portal-page-shell) .finance-option-b-grid,
  body:not(.portal-page-shell) .finance-quick-grid,
  body:not(.portal-page-shell) .finance-option-b-grid .finance-alert-list {
    grid-template-columns: 1fr !important;
  }

  body:not(.portal-page-shell) .finance-money-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  body:not(.portal-page-shell) .finance-money-grid {
    grid-template-columns: 1fr !important;
  }
}

/* SIGMA_HR_DASHBOARD_MODERN_20260603_ACTIVE */
body:not(.portal-page-shell) .hr-dashboard-clean {
  display: block !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-command-center {
  background: rgba(255,255,255,.96) !important;
  border: 1px solid #cfdfea !important;
  border-left: 3px solid #109283 !important;
  border-radius: 9px !important;
  box-shadow: 0 12px 30px rgba(10,41,61,.07) !important;
  color: #061728 !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: 1fr !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 18px !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-command-head {
  align-items: flex-start !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: minmax(0,1fr) auto !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-command-main {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  padding: 0 !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-eyebrow {
  color: #007d70 !important;
  display: block !important;
  font-size: 11px !important;
  letter-spacing: .04em !important;
  margin-bottom: 5px !important;
  text-transform: uppercase !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-command-main h2 {
  color: #061728 !important;
  font-size: 25px !important;
  line-height: 1.1 !important;
  margin: 0 0 6px !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-command-main p {
  color: #5c7087 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  max-width: 660px !important;
}

body:not(.portal-page-shell) .hr-primary-action {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #bdd6ea !important;
  border-radius: 9px !important;
  color: #061728 !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 0 16px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .hr-primary-action::before {
  content: "->" !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-command-meta {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-command-meta span {
  align-items: center !important;
  background: #f7fffd !important;
  border: 1px solid #cbe5df !important;
  border-radius: 9px !important;
  color: #063945 !important;
  display: flex !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  gap: 10px !important;
  min-height: 48px !important;
  overflow-wrap: anywhere !important;
  padding: 9px 12px !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-command-meta b {
  align-items: center !important;
  background: #e2fbf6 !important;
  border: 1px solid #b4efe6 !important;
  border-radius: 8px !important;
  color: #078a7a !important;
  display: inline-flex !important;
  flex: 0 0 28px !important;
  height: 28px !important;
  justify-content: center !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-dashboard-kpi-grid {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-focus-kpi {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #cfe0ee !important;
  border-radius: 8px !important;
  color: #061728 !important;
  display: grid !important;
  gap: 11px !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  min-height: 92px !important;
  padding: 13px !important;
  text-decoration: none !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-kpi-icon {
  align-items: center !important;
  background: #e8fffb !important;
  border: 1px solid #b9ece5 !important;
  border-radius: 10px !important;
  color: #098d7c !important;
  display: inline-flex !important;
  flex: 0 0 40px !important;
  font-size: 14px !important;
  height: 40px !important;
  justify-content: center !important;
  width: 40px !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-focus-kpi.info .hr-kpi-icon {
  background: #eff6ff !important;
  border-color: #bdd6ff !important;
  color: #2f6fe4 !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-focus-kpi.warn .hr-kpi-icon {
  background: #fff6ec !important;
  border-color: #ffd7aa !important;
  color: #f28c28 !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-focus-kpi.bad .hr-kpi-icon {
  background: #fff2f4 !important;
  border-color: #ffd0d7 !important;
  color: #d9233a !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-kpi-copy {
  display: block !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-kpi-copy small {
  color: #5b7189 !important;
  display: block !important;
  font-size: 11px !important;
  letter-spacing: .02em !important;
  margin-bottom: 4px !important;
  text-transform: uppercase !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-kpi-copy strong {
  color: #001428 !important;
  display: block !important;
  font-size: clamp(22px, 2vw, 27px) !important;
  line-height: 1 !important;
  margin-bottom: 5px !important;
  overflow-wrap: anywhere !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-kpi-copy em {
  color: #4f6a83 !important;
  display: block !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

body:not(.portal-page-shell) .hr-dashboard-workspace,
body:not(.portal-page-shell) .hr-dashboard-recap {
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: minmax(360px, 1fr) minmax(430px, 1.18fr) !important;
}

body:not(.portal-page-shell) .hr-action-panel,
body:not(.portal-page-shell) .hr-priority-panel,
body:not(.portal-page-shell) .hr-recap-panel {
  background: #ffffff !important;
  border: 1px solid #d7e4ef !important;
  border-radius: 9px !important;
  overflow: hidden !important;
  padding: 0 !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-section-heading,
body:not(.portal-page-shell) .hr-dashboard-clean .hr-priority-head {
  align-items: center !important;
  background: #edf6f8 !important;
  border-bottom: 1px solid #d7e4ef !important;
  display: flex !important;
  gap: 10px !important;
  height: 44px !important;
  justify-content: space-between !important;
  margin: 0 !important;
  padding: 0 14px !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-section-heading h2,
body:not(.portal-page-shell) .hr-dashboard-clean .hr-priority-head strong {
  color: #061728 !important;
  font-size: 14px !important;
  margin: 0 !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .badge {
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  min-height: 24px !important;
  padding: 4px 10px !important;
  text-decoration: none !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-quick-actions {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  padding: 12px !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-quick-action {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #d4e4ef !important;
  border-radius: 8px !important;
  color: #061728 !important;
  display: grid !important;
  gap: 3px 11px !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  min-height: 92px !important;
  padding: 13px !important;
  text-decoration: none !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-quick-action.primary {
  background: #f0fffc !important;
  border-color: #9de5da !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-quick-action > span {
  align-items: center !important;
  background: #eef7ff !important;
  border: 1px solid #c4daf3 !important;
  border-radius: 10px !important;
  color: #1b66c8 !important;
  display: inline-flex !important;
  grid-row: 1 / span 2 !important;
  height: 40px !important;
  justify-content: center !important;
  width: 40px !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-quick-action.primary > span {
  background: #12a092 !important;
  border-color: #12a092 !important;
  color: #ffffff !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-quick-action strong {
  color: #061728 !important;
  font-size: 19px !important;
  line-height: 1.08 !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-quick-action em {
  color: #5c7087 !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

body:not(.portal-page-shell) .hr-admin-workspace .hr-admin-actions {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  padding: 14px !important;
}

body:not(.portal-page-shell) .hr-admin-workspace .hr-admin-action {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #d4e4ef !important;
  border-radius: 8px !important;
  color: #061728 !important;
  display: grid !important;
  gap: 4px 12px !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  min-height: 86px !important;
  padding: 14px !important;
  text-decoration: none !important;
}

body:not(.portal-page-shell) .hr-admin-workspace .hr-admin-action > span {
  align-items: center !important;
  background: #eef7ff !important;
  border: 1px solid #c4daf3 !important;
  border-radius: 10px !important;
  color: #1b66c8 !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  grid-row: 1 / span 2 !important;
  height: 40px !important;
  justify-content: center !important;
  width: 40px !important;
}

body:not(.portal-page-shell) .hr-admin-workspace .hr-admin-action.primary > span {
  background: #12a092 !important;
  border-color: #12a092 !important;
  color: #ffffff !important;
}

body:not(.portal-page-shell) .hr-admin-workspace .hr-admin-action strong {
  color: #061728 !important;
  font-size: 15px !important;
  line-height: 1.15 !important;
}

body:not(.portal-page-shell) .hr-admin-workspace .hr-admin-action em {
  color: #5c7087 !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

@media (max-width: 1100px) {
  body:not(.portal-page-shell) .hr-admin-workspace .hr-admin-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  body:not(.portal-page-shell) .hr-admin-workspace .hr-admin-actions {
    grid-template-columns: 1fr !important;
  }
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-priority-panel {
  display: block !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-priority-head span {
  background: #e8fff8 !important;
  border: 1px solid #b8eadb !important;
  border-radius: 999px !important;
  color: #087d62 !important;
  font-size: 11px !important;
  padding: 4px 10px !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-priority-item {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #d5e4ee !important;
  border-left: 3px solid #11a294 !important;
  border-radius: 8px !important;
  color: #061728 !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: minmax(0, 1fr) 152px !important;
  margin: 12px 12px 0 !important;
  min-height: 54px !important;
  padding: 9px 10px !important;
  text-decoration: none !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-priority-item:last-child {
  margin-bottom: 12px !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-priority-item.warn {
  border-left-color: #f28c28 !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-priority-item.info {
  border-left-color: #2f6fe4 !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-priority-copy strong {
  color: #061728 !important;
  display: block !important;
  font-size: 13px !important;
  margin-bottom: 3px !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-priority-copy em {
  color: #5c7087 !important;
  display: block !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-priority-meter {
  align-items: center !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-priority-meter i {
  background: #e3eef4 !important;
  border-radius: 999px !important;
  display: block !important;
  height: 8px !important;
  overflow: hidden !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-priority-meter i::before {
  background: linear-gradient(90deg, #10a290, #2f75e6) !important;
  border-radius: inherit !important;
  content: "" !important;
  display: block !important;
  height: 100% !important;
  width: var(--hr-progress, 0%) !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-priority-meter b {
  color: #061728 !important;
  font-size: 14px !important;
  min-width: 26px !important;
  text-align: right !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-recap-panel .table-wrap {
  border: 0 !important;
  margin: 0 !important;
  overflow-x: auto !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-recap-panel table {
  border-collapse: collapse !important;
  font-size: 12px !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-recap-panel th {
  background: #edf6f8 !important;
  border-bottom: 1px solid #d7e4ef !important;
  color: #28445c !important;
  font-size: 11px !important;
  height: 36px !important;
  padding: 0 12px !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-recap-panel td {
  border-bottom: 1px solid #e0e9f0 !important;
  color: #102c43 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  height: 42px !important;
  padding: 0 12px !important;
}

body:not(.portal-page-shell) .hr-dashboard-clean .hr-recap-panel td strong {
  color: #001428 !important;
  font-size: 14px !important;
}

@media (max-width: 1180px) {
  body:not(.portal-page-shell) .hr-dashboard-clean .hr-command-meta,
  body:not(.portal-page-shell) .hr-dashboard-clean .hr-dashboard-kpi-grid,
  body:not(.portal-page-shell) .hr-dashboard-workspace,
  body:not(.portal-page-shell) .hr-dashboard-recap {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  body:not(.portal-page-shell) .hr-dashboard-clean .hr-command-head,
  body:not(.portal-page-shell) .hr-dashboard-clean .hr-quick-actions {
    grid-template-columns: 1fr !important;
  }

  body:not(.portal-page-shell) .hr-dashboard-clean .hr-priority-item {
    grid-template-columns: 1fr !important;
  }

  body:not(.portal-page-shell) .hr-primary-action {
    justify-content: center !important;
    width: 100% !important;
  }
}

/* SIGMA_SALES_RESELLER_VARIANT_COLOR_20260603_ACTIVE */
body:not(.portal-page-shell) .sales-modern .sales-variant-color-row {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-top: 7px !important;
}

body:not(.portal-page-shell) .sales-modern .sales-variant-color-row > span:first-child {
  color: #526a82 !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
}

body:not(.portal-page-shell) .sales-modern .sales-variant-color-chip {
  align-items: center !important;
  background: #f8fbfd !important;
  border: 1px solid #cfdfea !important;
  border-radius: 999px !important;
  color: #061728 !important;
  display: inline-flex !important;
  gap: 6px !important;
  min-height: 23px !important;
  padding: 3px 9px 3px 6px !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .sales-modern .sales-variant-color-chip i {
  background: var(--sales-variant-color, #c0c0c0) !important;
  border: 1px solid rgba(0,0,0,.16) !important;
  border-radius: 999px !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.38) !important;
  display: inline-block !important;
  height: 14px !important;
  width: 14px !important;
}

body:not(.portal-page-shell) .sales-modern .sales-variant-color-chip span {
  color: #061728 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body:not(.portal-page-shell) .sales-modern .mobile-sales-order-product .sales-variant-color-row {
  margin-top: 6px !important;
}

/* SIGMA_SALES_RESELLER_PRODUCT_CARD_UI_20260604_ACTIVE */
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap td:nth-child(3) {
  padding-bottom: 9px !important;
  padding-top: 9px !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .product-cell {
  min-width: 0 !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .product-cell .product-detail-trigger {
  align-items: stretch !important;
  background: #f7fbfd !important;
  border: 1px solid #dfedf2 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  color: #102033 !important;
  display: grid !important;
  gap: 4px !important;
  justify-items: stretch !important;
  padding: 10px 12px !important;
  text-align: left !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .sales-order-product-head {
  align-items: start !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  min-width: 0 !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .sales-order-product-name {
  color: #071b2d !important;
  display: block !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  line-height: 1.12 !important;
  min-width: 0 !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .sales-order-qty-chip {
  align-items: center !important;
  background: #e9fbf4 !important;
  border: 1px solid #b4e4d5 !important;
  border-radius: 999px !important;
  color: #05785f !important;
  display: inline-flex !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  justify-content: center !important;
  min-height: 24px !important;
  padding: 4px 8px !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .product-detail-trigger .sales-order-number {
  color: #0a6f83 !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
  margin-top: 1px !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .sales-order-party-line {
  color: #40566c !important;
  display: block !important;
  font-size: 11.5px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  min-width: 0 !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .sales-order-party-line b {
  color: #61768a !important;
  font-weight: 900 !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .product-detail-trigger .sales-variant-color-row {
  align-items: center !important;
  background: transparent !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin-top: 6px !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .product-detail-trigger .sales-variant-color-row > span:first-child {
  color: #61768a !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .product-detail-trigger .sales-variant-color-chip {
  background: #ffffff !important;
  border-color: #cbd9e2 !important;
  min-height: 24px !important;
  padding: 4px 9px 4px 6px !important;
}

/* SIGMA_SALES_RESELLER_PRODUCT_WIDTH_FIX_20260604_ACTIVE */
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap table {
  max-width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap th,
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap td {
  box-sizing: border-box !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  vertical-align: middle !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap th:nth-child(1),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap td:nth-child(1) {
  width: 9% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap th:nth-child(2),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap td:nth-child(2) {
  width: 11% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap th:nth-child(3),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap td:nth-child(3) {
  overflow: visible !important;
  text-align: left !important;
  width: 39% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap th:nth-child(4),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap td:nth-child(4),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap th:nth-child(5),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap td:nth-child(5) {
  display: none !important;
  padding: 0 !important;
  width: 0 !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap th:nth-child(6),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap td:nth-child(6) {
  text-align: center !important;
  width: 17% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap th:nth-child(7),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap td:nth-child(7) {
  overflow: visible !important;
  text-align: center !important;
  width: 13% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap th:nth-child(8),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap td:nth-child(8) {
  overflow: visible !important;
  text-align: center !important;
  width: 11% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .product-cell,
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .product-cell .product-detail-trigger {
  max-width: 100% !important;
  min-width: 0 !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .sales-order-product-head {
  grid-template-columns: minmax(0, 1fr) max-content !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .sales-order-product-name {
  max-width: 100% !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

@media (min-width: 901px) and (max-width: 1180px) {
  body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap td:nth-child(3) {
    width: 42% !important;
  }

  body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap td:nth-child(6) {
    width: 15% !important;
  }
}

/* HR Absensi compact view */
body.hr-clean-modern-final:not(.portal-page-shell) .hr-simple-mode {
  gap: 12px;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-attendance-summary {
  background: #fff;
  border: 1px solid #cfe0ea;
  border-radius: 10px;
  box-shadow: 0 12px 28px rgba(7, 31, 50, 0.06);
  padding: 14px 14px 16px;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-attendance-summary-head {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 12px;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-attendance-summary-head h2 {
  color: #071827;
  font-size: 18px;
  line-height: 1.15;
  margin: 0 0 4px;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-attendance-summary-head p {
  color: #617386;
  font-size: 12px;
  margin: 0;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-attendance-kpis {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-attendance-kpis > div {
  background: #f8fbfc;
  border: 1px solid #d7e6ee;
  border-radius: 9px;
  min-width: 0;
  padding: 10px 12px;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-attendance-kpis span,
body.hr-clean-modern-final:not(.portal-page-shell) .hr-attendance-kpis small {
  color: #5c7084;
  display: block;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.2;
  text-transform: uppercase;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-attendance-kpis strong {
  color: #071827;
  display: block;
  font-size: 24px;
  line-height: 1;
  margin: 5px 0 3px;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-attendance-kpis strong.ok {
  color: #008a77;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-attendance-kpis strong.warn {
  color: #c97813;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-simple-flow {
  background: #fff;
  border: 1px solid #d4e3eb;
  border-radius: 10px;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  padding: 12px;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-simple-flow > div {
  align-items: center;
  background: #f7fafc;
  border: 1px solid #d2e1ea;
  border-radius: 999px;
  display: flex;
  gap: 9px;
  min-height: 34px;
  min-width: 0;
  padding: 6px 12px;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-simple-flow span {
  align-items: center;
  background: #099682;
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  flex: 0 0 20px;
  font-size: 11px;
  font-weight: 900;
  height: 20px;
  justify-content: center;
  line-height: 1;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-simple-flow strong {
  color: #0d2a42;
  display: block;
  font-size: 12px;
  line-height: 1.15;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-attendance-filter {
  align-items: end;
  background: #f8fbfc;
  border: 1px solid #dce9ef;
  border-radius: 9px;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(160px, 1fr) minmax(160px, 1fr) auto;
  margin-bottom: 10px;
  padding: 12px;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-attendance-filter label {
  margin: 0;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-attendance-filter .btn {
  min-height: 38px;
  white-space: nowrap;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-simple-mode .enterprise-accordion {
  border-radius: 10px;
  box-shadow: 0 10px 22px rgba(7, 31, 50, 0.04);
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-simple-mode .enterprise-accordion > summary {
  min-height: 46px;
  padding: 12px 16px;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-simple-mode .enterprise-accordion[open] > .panel-body {
  padding: 12px 14px 14px;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-simple-mode .hr-empty-state {
  min-height: 52px;
  padding: 14px;
}

@media (max-width: 1180px) {
  body.hr-clean-modern-final:not(.portal-page-shell) .hr-attendance-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.hr-clean-modern-final:not(.portal-page-shell) .hr-simple-flow {
    grid-template-columns: repeat(5, minmax(110px, 1fr));
    overflow-x: auto;
  }
}

@media (max-width: 720px) {
  body.hr-clean-modern-final:not(.portal-page-shell) .hr-attendance-summary-head {
    align-items: flex-start;
    flex-direction: column;
  }

  body.hr-clean-modern-final:not(.portal-page-shell) .hr-attendance-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.hr-clean-modern-final:not(.portal-page-shell) .hr-attendance-filter {
    grid-template-columns: 1fr;
  }
}

/* HR Payroll compact view */
body.hr-clean-modern-final:not(.portal-page-shell) .hr-payroll-compact {
  gap: 12px;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-payroll-summary {
  background: #fff;
  border: 1px solid #cfe0ea;
  border-radius: 10px;
  box-shadow: 0 12px 28px rgba(7, 31, 50, 0.06);
  padding: 14px 14px 16px;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-payroll-summary-head {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 12px;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-payroll-summary-head h2 {
  color: #071827;
  font-size: 18px;
  line-height: 1.15;
  margin: 0 0 4px;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-payroll-summary-head p {
  color: #617386;
  font-size: 12px;
  margin: 0;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-payroll-kpis {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-payroll-kpis > div {
  background: #f8fbfc;
  border: 1px solid #d7e6ee;
  border-radius: 9px;
  min-width: 0;
  padding: 10px 12px;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-payroll-kpis span,
body.hr-clean-modern-final:not(.portal-page-shell) .hr-payroll-kpis small {
  color: #5c7084;
  display: block;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.2;
  text-transform: uppercase;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-payroll-kpis strong {
  color: #071827;
  display: block;
  font-size: 21px;
  line-height: 1.05;
  margin: 5px 0 3px;
  overflow-wrap: anywhere;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-payroll-kpis strong.ok {
  color: #008a77;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-payroll-kpis strong.warn {
  color: #c97813;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-payroll-preview-panel {
  border-radius: 10px;
  box-shadow: 0 12px 28px rgba(7, 31, 50, 0.06);
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-payroll-preview-panel .panel-header {
  min-height: 54px;
  padding: 12px 14px;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-payroll-preview-panel .panel-header h2 {
  font-size: 18px;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-payroll-preview-panel .panel-header form.actions {
  margin: 0;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-payroll-preview-panel .panel-header .btn {
  min-height: 36px;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-payroll-filter {
  align-items: end;
  background: #f8fbfc;
  border: 1px solid #dce9ef;
  border-radius: 9px;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(160px, 1fr) minmax(160px, 1fr) auto;
  margin-bottom: 10px;
  padding: 12px;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-payroll-filter label {
  margin: 0;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-payroll-filter .btn {
  min-height: 38px;
  white-space: nowrap;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-payroll-preview-panel .table-wrap {
  border-radius: 9px;
  margin-top: 10px;
  max-height: none;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-payroll-preview-panel table {
  table-layout: fixed;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-payroll-preview-panel th,
body.hr-clean-modern-final:not(.portal-page-shell) .hr-payroll-preview-panel td {
  padding: 12px 14px;
  white-space: normal;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-payroll-compact .enterprise-accordion {
  border-radius: 10px;
  box-shadow: 0 10px 22px rgba(7, 31, 50, 0.04);
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-payroll-compact .enterprise-accordion > summary {
  min-height: 46px;
  padding: 12px 16px;
}

body.hr-clean-modern-final:not(.portal-page-shell) .hr-payroll-compact .enterprise-accordion[open] > .panel-body {
  padding: 12px 14px 14px;
}

@media (max-width: 1180px) {
  body.hr-clean-modern-final:not(.portal-page-shell) .hr-payroll-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  body.hr-clean-modern-final:not(.portal-page-shell) .hr-payroll-summary-head,
  body.hr-clean-modern-final:not(.portal-page-shell) .hr-payroll-preview-panel .panel-header {
    align-items: flex-start;
    flex-direction: column;
  }

  body.hr-clean-modern-final:not(.portal-page-shell) .hr-payroll-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.hr-clean-modern-final:not(.portal-page-shell) .hr-payroll-filter {
    grid-template-columns: 1fr;
  }
}

/* Finance Setoran Seller compact view */
body:not(.portal-page-shell) .finance-settlement-panel {
  border-radius: 12px;
  box-shadow: 0 16px 34px rgba(7, 31, 50, 0.06);
  overflow: hidden;
}

body:not(.portal-page-shell) .finance-settlement-panel > .panel-header {
  min-height: 52px;
  padding: 12px 16px;
}

body:not(.portal-page-shell) .finance-settlement-panel > .panel-body {
  padding: 14px 16px 16px;
}

body:not(.portal-page-shell) .finance-settlement-compact {
  display: grid;
  gap: 12px;
}

body:not(.portal-page-shell) .finance-settlement-kpis {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
}

body:not(.portal-page-shell) .finance-settlement-kpis .card {
  background: linear-gradient(135deg, #ffffff 0%, #f7fbfb 100%);
  border: 1px solid #cfe3ec;
  border-radius: 10px;
  box-shadow: 0 10px 22px rgba(7, 31, 50, 0.045);
  min-height: 92px;
  min-width: 0;
  padding: 12px 14px;
}

body:not(.portal-page-shell) .finance-settlement-kpis .card:nth-child(1),
body:not(.portal-page-shell) .finance-settlement-kpis .card:nth-child(7) {
  background: linear-gradient(135deg, #eafbf7 0%, #ffffff 86%);
  border-color: #97ddd2;
}

body:not(.portal-page-shell) .finance-settlement-kpis .card:nth-child(5) {
  background: linear-gradient(135deg, #fff7f7 0%, #ffffff 86%);
  border-color: #f1c9c9;
}

body:not(.portal-page-shell) .finance-settlement-kpis .card span,
body:not(.portal-page-shell) .finance-settlement-kpis .card small {
  color: #5b7085;
  display: block;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.25;
  text-transform: uppercase;
}

body:not(.portal-page-shell) .finance-settlement-kpis .card strong {
  color: #071827;
  display: block;
  font-size: 25px;
  line-height: 1.04;
  margin: 7px 0 5px;
  overflow-wrap: anywhere;
}

body:not(.portal-page-shell) .finance-settlement-tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  margin: 0;
  overflow-x: auto;
  padding: 2px 0 5px;
  scrollbar-width: thin;
}

body:not(.portal-page-shell) .finance-settlement-chip {
  align-items: center;
  border-radius: 9px;
  display: inline-flex;
  flex: 0 0 auto;
  min-height: 36px;
  padding: 8px 12px;
  white-space: nowrap;
}

body:not(.portal-page-shell) .finance-settlement-filter {
  align-items: end;
  background: #f8fbfc;
  border: 1px solid #d8e7ee;
  border-radius: 11px;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(120px, 0.7fr) minmax(120px, 0.7fr) minmax(260px, 1.55fr) minmax(180px, 1fr);
  margin: 0;
  padding: 12px;
}

body:not(.portal-page-shell) .finance-settlement-field {
  display: grid;
  gap: 5px;
  min-width: 0;
}

body:not(.portal-page-shell) .finance-settlement-field span {
  color: #51677c;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}

body:not(.portal-page-shell) .finance-settlement-field input,
body:not(.portal-page-shell) .finance-settlement-field select {
  border-radius: 8px;
  height: 38px;
  min-width: 0;
  width: 100%;
}

body:not(.portal-page-shell) .finance-settlement-search {
  grid-column: span 2;
}

body:not(.portal-page-shell) .finance-settlement-checks {
  align-items: center;
  display: grid;
  gap: 8px;
  grid-column: span 3;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body:not(.portal-page-shell) .finance-settlement-checks label {
  align-items: center;
  background: #fff;
  border: 1px solid #d8e7ee;
  border-radius: 9px;
  color: #173047;
  display: flex;
  font-size: 11px;
  font-weight: 800;
  gap: 7px;
  margin: 0;
  min-height: 38px;
  padding: 8px 10px;
  white-space: nowrap;
}

body:not(.portal-page-shell) .finance-settlement-checks input {
  flex: 0 0 auto;
  height: 16px;
  width: 16px;
}

body:not(.portal-page-shell) .finance-settlement-filter-actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}

body:not(.portal-page-shell) .finance-settlement-filter-actions .btn {
  min-height: 38px;
  white-space: nowrap;
}

body:not(.portal-page-shell) .finance-settlement-reports {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}

body:not(.portal-page-shell) .finance-settlement-reports .btn {
  min-height: 34px;
}

body:not(.portal-page-shell) .finance-settlement-results .table-wrap {
  border-radius: 10px;
  margin-top: 0;
  max-height: none;
}

body:not(.portal-page-shell) .finance-settlement-results table {
  table-layout: fixed;
}

body:not(.portal-page-shell) .finance-settlement-results th,
body:not(.portal-page-shell) .finance-settlement-results td {
  padding: 11px 12px;
  vertical-align: middle;
  white-space: normal;
}

body:not(.portal-page-shell) .finance-settlement-results .product-cell strong {
  color: #071827;
  display: block;
  font-size: 13px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

body:not(.portal-page-shell) .finance-settlement-results .product-cell small {
  color: #008a77;
  display: block;
  font-size: 11px;
  line-height: 1.25;
  margin-top: 3px;
  overflow-wrap: anywhere;
}

body:not(.portal-page-shell) .finance-settlement-results .status-stack {
  align-items: flex-start;
  gap: 5px;
}

body:not(.portal-page-shell) .finance-settlement-results .action-menu-list {
  align-items: stretch;
  display: grid;
  gap: 7px;
  min-width: 190px;
}

@media (max-width: 1180px) {
  body:not(.portal-page-shell) .finance-settlement-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body:not(.portal-page-shell) .finance-settlement-filter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body:not(.portal-page-shell) .finance-settlement-search,
  body:not(.portal-page-shell) .finance-settlement-checks {
    grid-column: span 2;
  }
}

@media (max-width: 760px) {
  body:not(.portal-page-shell) .finance-settlement-panel > .panel-body {
    padding: 12px;
  }

  body:not(.portal-page-shell) .finance-settlement-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body:not(.portal-page-shell) .finance-settlement-filter,
  body:not(.portal-page-shell) .finance-settlement-checks {
    grid-template-columns: 1fr;
  }

  body:not(.portal-page-shell) .finance-settlement-search,
  body:not(.portal-page-shell) .finance-settlement-checks {
    grid-column: auto;
  }

  body:not(.portal-page-shell) .finance-settlement-filter-actions {
    justify-content: stretch;
  }

  body:not(.portal-page-shell) .finance-settlement-filter-actions .btn {
    flex: 1 1 0;
  }
}
/* DASHBOARD_OWNER_WATERFALL_PROFIT_20260604 */
body:not(.portal-page-shell) .owner-waterfall-profit-panel {
  min-height: 360px !important;
}

body:not(.portal-page-shell) .owner-waterfall-profit-panel .option2-panel-head {
  align-items: flex-start !important;
  gap: 14px !important;
}

body:not(.portal-page-shell) .owner-waterfall-chart {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(92px, 1fr)) !important;
  align-items: end !important;
  gap: 18px !important;
  min-height: 248px !important;
  margin-top: 12px !important;
  padding: 18px 16px 14px !important;
  border: 1px solid rgba(213, 226, 236, 0.86) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.72), rgba(248,250,252,0.90)),
    repeating-linear-gradient(0deg, transparent 0, transparent 48px, rgba(148,163,184,0.16) 49px, transparent 50px) !important;
  overflow: hidden !important;
}

body:not(.portal-page-shell) .owner-waterfall-step {
  min-width: 0 !important;
  height: 210px !important;
  display: grid !important;
  grid-template-rows: auto 1fr auto auto !important;
  justify-items: center !important;
  align-items: end !important;
  text-align: center !important;
  gap: 7px !important;
}

body:not(.portal-page-shell) .owner-waterfall-step strong {
  align-self: start !important;
  color: #061426 !important;
  font-size: clamp(13px, 1.1vw, 18px) !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.01em !important;
  max-width: 100% !important;
  white-space: normal !important;
}

body:not(.portal-page-shell) .owner-waterfall-bar {
  width: min(100%, 72px) !important;
  height: var(--wf-h, 60px) !important;
  min-height: 22px !important;
  border-radius: 14px 14px 7px 7px !important;
  background: linear-gradient(180deg, #10b981, #047857) !important;
  box-shadow: 0 16px 28px rgba(5, 150, 105, 0.18) !important;
}

body:not(.portal-page-shell) .owner-waterfall-step.out .owner-waterfall-bar {
  background: linear-gradient(180deg, #f59e0b, #d97706) !important;
  box-shadow: 0 16px 28px rgba(217, 119, 6, 0.16) !important;
}

body:not(.portal-page-shell) .owner-waterfall-step.net .owner-waterfall-bar {
  background: linear-gradient(180deg, #2563eb, #1d4ed8) !important;
  box-shadow: 0 16px 28px rgba(37, 99, 235, 0.18) !important;
}

body:not(.portal-page-shell) .owner-waterfall-step.net.bad .owner-waterfall-bar {
  background: linear-gradient(180deg, #ef4444, #b91c1c) !important;
  box-shadow: 0 16px 28px rgba(220, 38, 38, 0.18) !important;
}

body:not(.portal-page-shell) .owner-waterfall-step em,
body:not(.portal-page-shell) .owner-waterfall-step small {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-style: normal !important;
}

body:not(.portal-page-shell) .owner-waterfall-step em {
  color: #061426 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

body:not(.portal-page-shell) .owner-waterfall-step small {
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

@media (max-width: 980px) {
  body:not(.portal-page-shell) .owner-waterfall-chart {
    grid-template-columns: repeat(5, minmax(74px, 1fr)) !important;
    gap: 10px !important;
    padding: 14px 10px 12px !important;
  }

  body:not(.portal-page-shell) .owner-waterfall-step {
    height: 190px !important;
  }

  body:not(.portal-page-shell) .owner-waterfall-step strong {
    font-size: 12px !important;
  }

  body:not(.portal-page-shell) .owner-waterfall-bar {
    width: min(100%, 58px) !important;
  }
}

@media (max-width: 720px) {
  body:not(.portal-page-shell) .owner-waterfall-chart {
    overflow-x: auto !important;
    grid-template-columns: repeat(5, 82px) !important;
    justify-content: start !important;
  }
}

/* DASHBOARD_OWNER_SIMPLE_MODERN_MATCH_20260604 */
body:not(.portal-page-shell) .owner-simple-dashboard {
  display: grid !important;
  gap: 14px !important;
  max-width: 100% !important;
  overflow: hidden !important;
  padding-bottom: 18px !important;
}

body:not(.portal-page-shell) .owner-simple-dashboard,
body:not(.portal-page-shell) .owner-simple-dashboard * {
  letter-spacing: 0 !important;
  box-sizing: border-box !important;
}

body:not(.portal-page-shell) .owner-simple-hero {
  align-items: center !important;
  background: linear-gradient(110deg, #061b2a 0%, #0a3c45 58%, #0f8b76 100%) !important;
  border: 1px solid rgba(13, 148, 136, 0.32) !important;
  border-radius: 12px !important;
  color: #fff !important;
  display: flex !important;
  justify-content: space-between !important;
  min-height: 92px !important;
  padding: 18px 22px !important;
  box-shadow: 0 18px 38px rgba(6, 24, 38, 0.14) !important;
}

body:not(.portal-page-shell) .owner-simple-hero .option2-hero-copy {
  align-items: center !important;
  display: flex !important;
  gap: 16px !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .owner-simple-hero .option2-hero-logo {
  background: #020812 !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  border-radius: 8px !important;
  height: 44px !important;
  object-fit: contain !important;
  padding: 6px 12px !important;
  width: 126px !important;
}

body:not(.portal-page-shell) .owner-simple-hero h2 {
  color: #fff !important;
  font-size: clamp(22px, 2vw, 30px) !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  margin: 0 !important;
  overflow-wrap: anywhere !important;
}

body:not(.portal-page-shell) .owner-simple-hero .option2-period {
  background: rgba(255,255,255,0.14) !important;
  border: 1px solid rgba(255,255,255,0.24) !important;
  border-radius: 10px !important;
  color: #fff !important;
  flex: 0 0 auto !important;
  padding: 12px 16px !important;
  min-width: 150px !important;
}

body:not(.portal-page-shell) .owner-simple-hero .option2-period span,
body:not(.portal-page-shell) .owner-simple-hero .option2-period strong {
  color: #fff !important;
}

body:not(.portal-page-shell) .owner-simple-dashboard .option2-filter-strip {
  background: #fff !important;
  border: 1px solid rgba(203, 218, 229, 0.92) !important;
  border-radius: 10px !important;
  padding: 12px !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06) !important;
}

body:not(.portal-page-shell) .owner-simple-dashboard .option2-filter-strip form,
body:not(.portal-page-shell) .owner-simple-dashboard .option2-filter-strip .filter-grid,
body:not(.portal-page-shell) .owner-simple-dashboard .option2-filter-strip .form-grid {
  align-items: end !important;
  display: grid !important;
  grid-template-columns: minmax(220px, 1fr) minmax(150px, 180px) minmax(110px, 130px) !important;
  gap: 10px !important;
  margin: 0 !important;
}

body:not(.portal-page-shell) .owner-simple-dashboard .option2-filter-strip select,
body:not(.portal-page-shell) .owner-simple-dashboard .option2-filter-strip input,
body:not(.portal-page-shell) .owner-simple-dashboard .option2-filter-strip button,
body:not(.portal-page-shell) .owner-simple-dashboard .option2-filter-strip .btn {
  min-height: 38px !important;
}

body:not(.portal-page-shell) .owner-simple-dashboard .option2-kpi-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body:not(.portal-page-shell) .owner-simple-kpi {
  background: #fff !important;
  border: 1px solid rgba(203, 218, 229, 0.96) !important;
  border-bottom: 3px solid #14b8a6 !important;
  border-radius: 10px !important;
  color: #061426 !important;
  display: grid !important;
  gap: 5px !important;
  min-height: 98px !important;
  min-width: 0 !important;
  padding: 13px 14px !important;
  text-decoration: none !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06) !important;
}

body:not(.portal-page-shell) .owner-simple-kpi.blue { border-bottom-color: #3b82f6 !important; }
body:not(.portal-page-shell) .owner-simple-kpi.green { border-bottom-color: #22c55e !important; }
body:not(.portal-page-shell) .owner-simple-kpi.amber { border-bottom-color: #f59e0b !important; }
body:not(.portal-page-shell) .owner-simple-kpi.danger { border-bottom-color: #e11d48 !important; }

body:not(.portal-page-shell) .owner-simple-kpi span {
  color: #475569 !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
}

body:not(.portal-page-shell) .owner-simple-kpi strong {
  color: #061426 !important;
  font-size: clamp(19px, 1.55vw, 24px) !important;
  font-weight: 950 !important;
  line-height: 1.04 !important;
  overflow-wrap: anywhere !important;
}

body:not(.portal-page-shell) .owner-simple-kpi.danger strong {
  color: #be123c !important;
}

body:not(.portal-page-shell) .owner-simple-kpi small {
  color: #475569 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

body:not(.portal-page-shell) .owner-simple-visual-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.72fr) minmax(250px, .92fr) minmax(230px, .82fr) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

body:not(.portal-page-shell) .owner-simple-visual-grid > .option2-chart-wide {
  grid-column: auto !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .owner-simple-dashboard .option2-panel {
  background: #fff !important;
  border: 1px solid rgba(203, 218, 229, 0.96) !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06) !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 14px !important;
}

body:not(.portal-page-shell) .owner-simple-dashboard .option2-panel-head {
  align-items: flex-start !important;
  display: flex !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin: 0 0 10px !important;
}

body:not(.portal-page-shell) .owner-simple-dashboard .option2-panel-head h3 {
  color: #061426 !important;
  font-size: clamp(17px, 1.45vw, 22px) !important;
  font-weight: 950 !important;
  line-height: 1.08 !important;
  margin: 0 !important;
}

body:not(.portal-page-shell) .owner-simple-dashboard .option2-panel-head p {
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  margin: 4px 0 0 !important;
}

body:not(.portal-page-shell) .owner-simple-dashboard .option2-panel-head a {
  align-items: center !important;
  border: 1px solid rgba(20, 184, 166, 0.28) !important;
  border-radius: 999px !important;
  color: #047857 !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  gap: 5px !important;
  padding: 6px 10px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .owner-simple-dashboard .owner-waterfall-profit-panel {
  min-height: 242px !important;
}

body:not(.portal-page-shell) .owner-simple-dashboard .owner-waterfall-chart {
  grid-template-columns: repeat(5, minmax(72px, 1fr)) !important;
  gap: 12px !important;
  min-height: 166px !important;
  overflow: hidden !important;
  padding: 12px 10px 12px !important;
}

body:not(.portal-page-shell) .owner-simple-dashboard .owner-waterfall-step {
  gap: 4px !important;
  grid-template-rows: 28px 1fr 18px 14px !important;
  height: 142px !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .owner-simple-dashboard .owner-waterfall-step strong {
  align-self: start !important;
  font-size: clamp(10px, .82vw, 12px) !important;
  line-height: 1.05 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .owner-simple-dashboard .owner-waterfall-step em {
  font-size: 11px !important;
  line-height: 1.05 !important;
  min-height: 14px !important;
}

body:not(.portal-page-shell) .owner-simple-dashboard .owner-waterfall-step small {
  font-size: 9px !important;
  line-height: 1.05 !important;
}

body:not(.portal-page-shell) .owner-simple-dashboard .owner-waterfall-bar {
  width: min(100%, 46px) !important;
}

body:not(.portal-page-shell) .owner-channel-bars {
  display: grid !important;
  gap: 11px !important;
}

body:not(.portal-page-shell) .owner-channel-row {
  align-items: center !important;
  display: grid !important;
  grid-template-columns: 80px minmax(0, 1fr) 52px !important;
  gap: 10px !important;
}

body:not(.portal-page-shell) .owner-channel-row span,
body:not(.portal-page-shell) .owner-channel-row em {
  color: #061426 !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .owner-channel-row b {
  background: #e7eef3 !important;
  border-radius: 999px !important;
  display: block !important;
  height: 12px !important;
  overflow: hidden !important;
  position: relative !important;
}

body:not(.portal-page-shell) .owner-channel-row b::before,
body:not(.portal-page-shell) .owner-channel-row b::after {
  content: "" !important;
  display: block !important;
  height: 100% !important;
  left: 0 !important;
  position: absolute !important;
  top: 0 !important;
}

body:not(.portal-page-shell) .owner-channel-row b::before {
  background: #0f8f7d !important;
  width: var(--net, 0%) !important;
}

body:not(.portal-page-shell) .owner-channel-row b::after {
  background: #72d8c8 !important;
  left: var(--net, 0%) !important;
  width: var(--komisi, 0%) !important;
}

body:not(.portal-page-shell) .owner-channel-legend {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 2px !important;
}

body:not(.portal-page-shell) .owner-channel-legend span {
  color: #475569 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

body:not(.portal-page-shell) .owner-channel-legend span::before {
  background: #0f8f7d !important;
  border-radius: 999px !important;
  content: "" !important;
  display: inline-block !important;
  height: 9px !important;
  margin-right: 5px !important;
  width: 9px !important;
}

body:not(.portal-page-shell) .owner-channel-legend span:nth-child(2)::before { background: #72d8c8 !important; }
body:not(.portal-page-shell) .owner-channel-legend span:nth-child(3)::before { background: #f5b000 !important; }

body:not(.portal-page-shell) .owner-esg-score {
  align-items: baseline !important;
  display: flex !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin-bottom: 10px !important;
}

body:not(.portal-page-shell) .owner-esg-score strong {
  color: #061426 !important;
  font-size: 23px !important;
  font-weight: 950 !important;
}

body:not(.portal-page-shell) .owner-esg-score span {
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

body:not(.portal-page-shell) .owner-esg-list {
  display: grid !important;
  gap: 10px !important;
}

body:not(.portal-page-shell) .owner-esg-list div {
  align-items: center !important;
  background: #f8fbfd !important;
  border: 1px solid rgba(203, 218, 229, 0.9) !important;
  border-radius: 8px !important;
  display: grid !important;
  grid-template-columns: 34px minmax(60px, .7fr) minmax(64px, 1fr) 30px !important;
  gap: 8px !important;
  padding: 9px !important;
}

body:not(.portal-page-shell) .owner-esg-list span {
  align-items: center !important;
  background: rgba(20, 184, 166, 0.1) !important;
  border-radius: 8px !important;
  color: #0f8f7d !important;
  display: inline-flex !important;
  font-weight: 950 !important;
  height: 28px !important;
  justify-content: center !important;
  width: 28px !important;
}

body:not(.portal-page-shell) .owner-esg-list strong,
body:not(.portal-page-shell) .owner-esg-list em {
  color: #061426 !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 950 !important;
}

body:not(.portal-page-shell) .owner-esg-list b {
  background: linear-gradient(90deg, #0f8f7d var(--score, 0%), #dfeaf0 var(--score, 0%)) !important;
  border-radius: 999px !important;
  display: block !important;
  height: 8px !important;
}

body:not(.portal-page-shell) .owner-simple-insight-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body:not(.portal-page-shell) .owner-priority-list,
body:not(.portal-page-shell) .owner-v1-list {
  display: grid !important;
  gap: 8px !important;
}

body:not(.portal-page-shell) .owner-priority-list a,
body:not(.portal-page-shell) .owner-v1-list-row {
  align-items: center !important;
  background: #f8fbfd !important;
  border: 1px solid rgba(203, 218, 229, 0.96) !important;
  border-radius: 8px !important;
  color: #061426 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  min-height: 38px !important;
  padding: 8px 10px !important;
  text-decoration: none !important;
}

body:not(.portal-page-shell) .owner-v1-list-row {
  grid-template-columns: 26px minmax(0, 1fr) auto !important;
}

body:not(.portal-page-shell) .owner-priority-list span,
body:not(.portal-page-shell) .owner-v1-list-row strong {
  color: #061426 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

body:not(.portal-page-shell) .owner-v1-list-row strong small {
  color: #64748b !important;
  display: block !important;
  font-size: 10px !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
  margin-top: 2px !important;
}

body:not(.portal-page-shell) .owner-priority-list strong,
body:not(.portal-page-shell) .owner-v1-list-row em {
  color: #047857 !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 950 !important;
  text-align: right !important;
}

body:not(.portal-page-shell) .owner-priority-list .bad,
body:not(.portal-page-shell) .owner-simple-table .bad {
  color: #be123c !important;
}

body:not(.portal-page-shell) .owner-priority-list .ok,
body:not(.portal-page-shell) .owner-simple-table .ok {
  color: #047857 !important;
}

body:not(.portal-page-shell) .owner-simple-summary-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body:not(.portal-page-shell) .owner-simple-summary-list {
  display: grid !important;
  gap: 10px !important;
}

body:not(.portal-page-shell) .owner-simple-summary-row {
  align-items: center !important;
  background: #f8fbfd !important;
  border: 1px solid rgba(203, 218, 229, 0.96) !important;
  border-radius: 8px !important;
  display: grid !important;
  grid-template-columns: minmax(130px, 1fr) minmax(120px, auto) minmax(92px, auto) !important;
  gap: 12px !important;
  min-width: 0 !important;
  padding: 11px 12px !important;
}

body:not(.portal-page-shell) .owner-simple-summary-row span,
body:not(.portal-page-shell) .owner-simple-summary-value,
body:not(.portal-page-shell) .owner-simple-summary-status {
  color: #061426 !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
}

body:not(.portal-page-shell) .owner-simple-summary-value,
body:not(.portal-page-shell) .owner-simple-summary-status {
  text-align: right !important;
}

body:not(.portal-page-shell) .owner-simple-summary-row strong,
body:not(.portal-page-shell) .owner-simple-summary-row a,
body:not(.portal-page-shell) .owner-simple-summary-row span.ok,
body:not(.portal-page-shell) .owner-simple-summary-row span.bad {
  font-size: 12px !important;
  font-weight: 950 !important;
}

body:not(.portal-page-shell) .owner-simple-summary-row .bad {
  color: #be123c !important;
}

body:not(.portal-page-shell) .owner-simple-summary-row .ok {
  color: #047857 !important;
}

body:not(.portal-page-shell) .owner-simple-table-wrap {
  border: 1px solid rgba(203, 218, 229, 0.96) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

body:not(.portal-page-shell) .owner-simple-table {
  border-collapse: collapse !important;
  table-layout: fixed !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .owner-simple-table th,
body:not(.portal-page-shell) .owner-simple-table td {
  border-bottom: 1px solid rgba(203, 218, 229, 0.78) !important;
  color: #061426 !important;
  font-size: 12px !important;
  max-width: none !important;
  overflow: hidden !important;
  padding: 10px 12px !important;
  text-overflow: ellipsis !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .owner-simple-table th {
  background: #eaf2f7 !important;
  color: #334155 !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
}

body:not(.portal-page-shell) .owner-simple-table td strong,
body:not(.portal-page-shell) .owner-simple-table td a,
body:not(.portal-page-shell) .owner-simple-table td span {
  font-size: 12px !important;
  font-weight: 950 !important;
}

@media (max-width: 980px) {
  body:not(.portal-page-shell) .owner-simple-dashboard .option2-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body:not(.portal-page-shell) .owner-simple-visual-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body:not(.portal-page-shell) .owner-simple-insight-grid,
  body:not(.portal-page-shell) .owner-simple-summary-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  body:not(.portal-page-shell) .owner-simple-summary-row {
    gap: 5px !important;
    grid-template-columns: 1fr !important;
  }

  body:not(.portal-page-shell) .owner-simple-summary-value,
  body:not(.portal-page-shell) .owner-simple-summary-status {
    text-align: left !important;
  }
}

@media (max-width: 720px) {
  body:not(.portal-page-shell) .owner-simple-hero {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body:not(.portal-page-shell) .owner-simple-dashboard .option2-filter-strip form,
  body:not(.portal-page-shell) .owner-simple-dashboard .option2-filter-strip .filter-grid,
  body:not(.portal-page-shell) .owner-simple-dashboard .option2-filter-strip .form-grid,
  body:not(.portal-page-shell) .owner-simple-dashboard .option2-kpi-grid {
    grid-template-columns: 1fr !important;
  }
}

/* SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE */
body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] {
  background: #ffffff !important;
  border: 1px solid #d5e3ec !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 34px rgba(15, 37, 56, 0.06) !important;
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  padding: 14px !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-head {
  align-items: start !important;
  border-bottom: 1px solid #e1ebf2 !important;
  display: flex !important;
  gap: 12px !important;
  justify-content: space-between !important;
  margin-bottom: 12px !important;
  padding-bottom: 10px !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-eyebrow {
  color: #0f766e !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-head h2 {
  color: #071a2d !important;
  font-size: 24px !important;
  line-height: 1.1 !important;
  margin: 4px 0 !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-head p {
  color: #51687c !important;
  font-size: 13px !important;
  margin: 0 !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: flex-end !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-scorecards {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin-bottom: 12px !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-scorecards > div {
  background: #fbfdff !important;
  border: 1px solid #d8e5ee !important;
  border-radius: 10px !important;
  min-width: 0 !important;
  padding: 11px 13px !important;
  text-align: left !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-scorecards span:first-child {
  color: #52677b !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-card-value {
  color: #071a2d !important;
  display: block !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
  margin-top: 4px !important;
  overflow-wrap: anywhere !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-sheet {
  display: block !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-section {
  background: #ffffff !important;
  border: 1px solid #d8e5ee !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  margin: 0 0 9px !important;
  overflow: hidden !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-section h3 {
  background: #f6fafc !important;
  border-bottom: 1px solid #e2ebf2 !important;
  color: #15344c !important;
  display: block !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  padding: 9px 12px !important;
  text-transform: uppercase !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-section h3 span {
  display: none !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-section-body {
  display: block !important;
  padding: 0 12px !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-line,
body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-total {
  align-items: center !important;
  border-top: 1px solid #edf2f6 !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: minmax(0, 1fr) clamp(150px, 18vw, 190px) !important;
  min-height: 30px !important;
  padding: 6px 0 !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-section-body > .finance-income-line:first-child {
  border-top: 0 !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-line > span:first-child,
body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-total > span:first-child {
  color: #123047 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.28 !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-line.is-indent > span:first-child {
  color: #4b6174 !important;
  padding-left: 16px !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-value {
  color: #071a2d !important;
  display: block !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-variant-numeric: tabular-nums !important;
  justify-self: end !important;
  line-height: 1.2 !important;
  min-width: 150px !important;
  text-align: right !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-money,
body:not(.portal-page-shell) .finance-income-card-value .finance-money {
  align-items: baseline !important;
  display: inline-grid !important;
  font-variant-numeric: tabular-nums !important;
  grid-template-columns: 6px 28px minmax(84px, 1fr) 8px !important;
  justify-content: end !important;
  min-width: 150px !important;
  text-align: right !important;
  white-space: nowrap !important;
  width: 150px !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-money-prefix,
body:not(.portal-page-shell) .finance-income-card-value .finance-money-prefix {
  text-align: left !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-money-amount,
body:not(.portal-page-shell) .finance-income-card-value .finance-money-amount {
  text-align: right !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-money-open,
body:not(.portal-page-shell) .finance-income-card-value .finance-money-open,
body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-money-close,
body:not(.portal-page-shell) .finance-income-card-value .finance-money-close {
  text-align: center !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-total {
  background: #f3f8fb !important;
  border-top: 1px solid #d8e5ee !important;
  margin: 0 12px !important;
  min-height: 34px !important;
  padding: 8px 0 !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-total > span:first-child {
  font-weight: 800 !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-total .finance-income-value {
  font-weight: 500 !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-subtitle {
  border-top: 1px solid #edf2f6 !important;
  color: #0f766e !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 8px 0 4px !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-hpp-breakdown {
  padding-bottom: 4px !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-note,
body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-empty,
body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-detail-note {
  color: #5b7082 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.38 !important;
  padding: 8px 0 !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-note {
  background: #fbfdff !important;
  border: 1px solid #d8e5ee !important;
  border-radius: 9px !important;
  margin-top: 8px !important;
  padding: 10px 12px !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .bad {
  color: #d31834 !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .ok {
  color: #007a55 !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .tone-danger .finance-income-total {
  background: #fff4f5 !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .tone-success .finance-income-total {
  background: #f4fbf7 !important;
}

body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .tone-blue .finance-income-total {
  background: #f5f9fd !important;
}

@media (max-width: 760px) {
  body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] {
    padding: 10px !important;
  }

  body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-head {
    display: grid !important;
  }

  body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-actions {
    justify-content: start !important;
  }

  body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-scorecards {
    grid-template-columns: 1fr !important;
  }

  body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-line,
  body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-total {
    gap: 8px !important;
    grid-template-columns: minmax(0, 1fr) 118px !important;
  }

  body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-line > span:first-child,
  body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-total > span:first-child,
  body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-income-value {
    font-size: 12px !important;
    min-width: 118px !important;
  }

  body:not(.portal-page-shell) .finance-income-statement[data-ui-marker="SIGMA_INCOME_STATEMENT_PSAK_CLEAN_20260606_ACTIVE"] .finance-money,
  body:not(.portal-page-shell) .finance-income-card-value .finance-money {
    grid-template-columns: 5px 23px minmax(70px, 1fr) 7px !important;
    min-width: 118px !important;
    width: 118px !important;
  }
}

/* SIGMA cash flow PSAK layout 20260606 */
body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] {
  background: #fff !important;
  border: 1px solid #d5e1ea !important;
  border-radius: 10px !important;
  color: #0b1d33 !important;
  padding: 16px !important;
}

body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] .finance-cashflow-head {
  align-items: start !important;
  border-bottom: 1px solid #dce7ef !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  margin-bottom: 12px !important;
  padding-bottom: 12px !important;
}

body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] .finance-cashflow-eyebrow {
  color: #006f63 !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] h2,
body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] h3,
body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] h4,
body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] p {
  margin: 0 !important;
}

body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] h2 {
  font-size: 24px !important;
  line-height: 1.15 !important;
}

body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] p {
  color: #506176 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] .finance-cashflow-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: end !important;
}

body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] .finance-cashflow-summary {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin: 0 0 12px !important;
}

body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] .finance-cashflow-summary > div {
  background: #fbfdff !important;
  border: 1px solid #d8e5ee !important;
  border-radius: 9px !important;
  min-width: 0 !important;
  padding: 11px 12px !important;
}

body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] .finance-cashflow-summary span {
  color: #53667d !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  margin-bottom: 5px !important;
  text-transform: uppercase !important;
}

body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] .finance-cashflow-summary strong {
  color: #0b1d33 !important;
  display: block !important;
  font-size: 21px !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] .finance-cashflow-section {
  border: 1px solid #d8e5ee !important;
  border-radius: 9px !important;
  margin-top: 12px !important;
  overflow: hidden !important;
}

body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] .finance-cashflow-section h3 {
  background: #fbfdff !important;
  border-bottom: 1px solid #d8e5ee !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  padding: 12px 14px !important;
}

body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] .finance-cashflow-section h4 {
  background: #eef5f8 !important;
  border-bottom: 1px solid #dbe7ee !important;
  color: #314459 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 9px 12px !important;
  text-transform: uppercase !important;
}

body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] .finance-cashflow-split {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}

body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] .finance-cashflow-split > div + div {
  border-left: 1px solid #d8e5ee !important;
}

body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] .finance-cashflow-line {
  align-items: center !important;
  border-top: 1px solid #e7eef4 !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: minmax(0, 1fr) minmax(125px, max-content) !important;
  min-height: 36px !important;
  padding: 8px 12px !important;
}

body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] .finance-cashflow-line:first-of-type {
  border-top: 0 !important;
}

body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] .finance-cashflow-line > span:first-child {
  font-size: 13px !important;
  line-height: 1.35 !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] .finance-cashflow-value {
  font-size: 13px !important;
  text-align: right !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] .finance-cashflow-line.is-indent > span:first-child {
  padding-left: 8px !important;
}

body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] .finance-cashflow-line.is-total {
  background: #f4f8fb !important;
  font-weight: 700 !important;
}

body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] .finance-cashflow-section > .finance-cashflow-line.is-total:last-child {
  border-top: 1px solid #cfdde7 !important;
}

body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] .finance-cashflow-empty {
  color: #6d7d90 !important;
  font-size: 13px !important;
  min-height: 36px !important;
  padding: 10px 12px !important;
}

body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] .finance-cashflow-reconcile {
  background: #fff !important;
}

body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] .finance-cashflow-note {
  background: #fbfdff !important;
  border: 1px solid #d8e5ee !important;
  border-radius: 9px !important;
  color: #56687d !important;
  font-size: 13px !important;
  margin-top: 12px !important;
  padding: 11px 12px !important;
}

body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] .finance-cashflow-value.bad,
body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] .bad {
  color: #d31834 !important;
}

@media (max-width: 980px) {
  body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] .finance-cashflow-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] {
    padding: 10px !important;
  }

  body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] .finance-cashflow-head {
    grid-template-columns: 1fr !important;
  }

  body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] .finance-cashflow-actions {
    justify-content: start !important;
  }

  body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] .finance-cashflow-summary,
  body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] .finance-cashflow-split {
    grid-template-columns: 1fr !important;
  }

  body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] .finance-cashflow-split > div + div {
    border-left: 0 !important;
    border-top: 1px solid #d8e5ee !important;
  }

  body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] .finance-cashflow-line {
    gap: 8px !important;
    grid-template-columns: minmax(0, 1fr) minmax(104px, max-content) !important;
    padding: 8px 10px !important;
  }

  body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] .finance-cashflow-line > span:first-child,
  body:not(.portal-page-shell) .finance-cashflow-statement[data-ui-marker="SIGMA_CASHFLOW_PSAK_20260606_ACTIVE"] .finance-cashflow-value {
    font-size: 12px !important;
  }
}

/* SIGMA_SALES_RESELLER_ACTIVE_TABLE_ALIGN_20260606_ACTIVE */
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap table {
  table-layout: fixed !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap th,
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap td {
  box-sizing: border-box !important;
  vertical-align: middle !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap th:nth-child(1),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap td:nth-child(1) {
  text-align: center !important;
  width: 7% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap th:nth-child(2),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap td:nth-child(2) {
  text-align: center !important;
  white-space: nowrap !important;
  width: 12% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap th:nth-child(3),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap td:nth-child(3) {
  padding-left: 10px !important;
  padding-right: 10px !important;
  text-align: left !important;
  width: 39% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap th:nth-child(6),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap td:nth-child(6) {
  text-align: center !important;
  width: 17% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap th:nth-child(7),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap td:nth-child(7) {
  text-align: center !important;
  width: 12% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap th:nth-child(8),
body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view .table-wrap td:nth-child(8) {
  text-align: center !important;
  width: 13% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view label.reseller-print-check {
  justify-content: center !important;
  min-width: 0 !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view label.reseller-print-check > span {
  display: none !important;
}

body:not(.portal-page-shell) .sales-modern .order-reseller-page .reseller-order-split-view label.reseller-print-check input {
  margin: 0 !important;
}

/* SIGMA_OWNER_DASHBOARD_VALUE_WEIGHT_20260608_ACTIVE */
body:not(.portal-page-shell) .owner-simple-dashboard .owner-simple-kpi strong,
body:not(.portal-page-shell) .owner-simple-dashboard .option2-kpi-card strong,
body:not(.portal-page-shell) .owner-simple-dashboard .owner-esg-score strong,
body:not(.portal-page-shell) .owner-simple-dashboard .owner-simple-summary-value,
body:not(.portal-page-shell) .owner-simple-dashboard .owner-simple-summary-status,
body:not(.portal-page-shell) .owner-simple-dashboard .owner-channel-row strong,
body:not(.portal-page-shell) .owner-simple-dashboard .owner-waterfall-step strong {
  font-weight: 500 !important;
}

/* SIGMA_FINANCE_COST_CONTROL_SIMPLE_20260608_ACTIVE */
body:not(.portal-page-shell) .finance-cost-control-simple {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
}

body:not(.portal-page-shell) .finance-cost-control-simple .panel {
  border-color: #d5e3ee !important;
  box-shadow: 0 12px 28px rgba(15, 35, 52, 0.06) !important;
}

body:not(.portal-page-shell) .finance-cost-control-simple .panel-header {
  min-height: 54px !important;
  padding: 16px 18px !important;
}

body:not(.portal-page-shell) .finance-cost-control-simple .panel-header h2 {
  font-size: 18px !important;
  line-height: 1.2 !important;
}

body:not(.portal-page-shell) .finance-cost-control-simple .panel-body {
  padding: 16px 18px 18px !important;
}

body:not(.portal-page-shell) .finance-cost-control-simple .finance-cost-detail-main {
  border-left: 4px solid #0d9488 !important;
}

body:not(.portal-page-shell) .finance-cost-control-simple .finance-cost-control-required {
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body:not(.portal-page-shell) .finance-cost-control-simple .finance-cost-control-required > .panel {
  min-width: 0 !important;
}

body:not(.portal-page-shell) .finance-cost-control-simple .finance-cost-margin-summary {
  border-left: 4px solid #2563eb !important;
}

body:not(.portal-page-shell) .finance-cost-control-simple .finance-cost-labor-summary {
  border-left: 4px solid #f59e0b !important;
}

body:not(.portal-page-shell) .finance-cost-control-simple .finance-cost-debt-summary {
  border-left: 4px solid #0d9488 !important;
  grid-column: 1 / -1 !important;
}

body:not(.portal-page-shell) .finance-cost-control-simple .finance-cost-detail-grid {
  align-items: stretch !important;
  gap: 18px !important;
}

body:not(.portal-page-shell) .finance-cost-control-simple .finance-cost-detail-grid > .panel {
  min-width: 0 !important;
}

body:not(.portal-page-shell) .finance-cost-control-simple .finance-cost-summary-final {
  border-left: 4px solid #2563eb !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
}

body:not(.portal-page-shell) .finance-cost-control-simple .finance-cost-summary-final .panel-header {
  background: #f5f9ff !important;
}

body:not(.portal-page-shell) .finance-cost-control-simple .finance-cost-summary-final table tr:last-child td,
body:not(.portal-page-shell) .finance-cost-control-simple .finance-cost-summary-final table tr:nth-last-child(2) td {
  background: #fbfdff !important;
}

body:not(.portal-page-shell) .finance-cost-control-simple .table-wrap {
  max-width: 100% !important;
}

body:not(.portal-page-shell) .finance-cost-control-simple table th,
body:not(.portal-page-shell) .finance-cost-control-simple table td {
  box-sizing: border-box !important;
  vertical-align: middle !important;
}

body:not(.portal-page-shell) .finance-cost-control-simple .finance-cost-control-required table {
  table-layout: fixed !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .finance-cost-control-simple .finance-cost-control-required table th,
body:not(.portal-page-shell) .finance-cost-control-simple .finance-cost-control-required table td {
  white-space: normal !important;
  word-break: normal !important;
}

body:not(.portal-page-shell) .finance-cost-control-simple .finance-cost-control-required table th:last-child,
body:not(.portal-page-shell) .finance-cost-control-simple .finance-cost-control-required table td:last-child {
  text-align: right !important;
}

body:not(.portal-page-shell) .finance-cost-control-simple .finance-cost-debt-summary table th:nth-child(1),
body:not(.portal-page-shell) .finance-cost-control-simple .finance-cost-debt-summary table td:nth-child(1) {
  width: 58% !important;
}

body:not(.portal-page-shell) .finance-cost-control-simple .finance-cost-debt-summary table th:nth-child(2),
body:not(.portal-page-shell) .finance-cost-control-simple .finance-cost-debt-summary table td:nth-child(2) {
  width: 22% !important;
}

body:not(.portal-page-shell) .finance-cost-control-simple .finance-cost-debt-summary table th:nth-child(3),
body:not(.portal-page-shell) .finance-cost-control-simple .finance-cost-debt-summary table td:nth-child(3) {
  text-align: center !important;
  width: 20% !important;
}

body:not(.portal-page-shell) .finance-cost-control-simple .finance-cost-inline-detail {
  border: 1px solid #d9e6f0 !important;
  border-radius: 8px !important;
  margin-top: 12px !important;
  overflow: hidden !important;
  background: #fbfdff !important;
}

body:not(.portal-page-shell) .finance-cost-control-simple .finance-cost-inline-detail > summary {
  align-items: center !important;
  cursor: pointer !important;
  display: flex !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  justify-content: space-between !important;
  letter-spacing: 0 !important;
  min-height: 38px !important;
  padding: 10px 12px !important;
}

body:not(.portal-page-shell) .finance-cost-control-simple .finance-cost-inline-detail > summary::after {
  content: '+' !important;
  color: #0d9488 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

body:not(.portal-page-shell) .finance-cost-control-simple .finance-cost-inline-detail[open] > summary::after {
  content: '-' !important;
}

body:not(.portal-page-shell) .finance-cost-control-simple .finance-cost-inline-detail table {
  border-left: 0 !important;
  border-radius: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
}

@media (max-width: 920px) {
  body:not(.portal-page-shell) .finance-cost-control-simple .finance-cost-control-required,
  body:not(.portal-page-shell) .finance-cost-control-simple .finance-cost-detail-grid {
    grid-template-columns: 1fr !important;
  }
}

/* SIGMA_OWNER_WATERFALL_FULL_PANEL_20260609_ACTIVE */
body:not(.portal-page-shell) .owner-simple-dashboard .owner-waterfall-profit-panel {
  min-height: 0 !important;
  padding: 14px !important;
}

body:not(.portal-page-shell) .owner-simple-dashboard .owner-waterfall-chart {
  height: 100% !important;
  min-height: 350px !important;
  margin-top: 0 !important;
  padding: 14px 12px 12px !important;
}

body:not(.portal-page-shell) .owner-simple-dashboard .owner-waterfall-step {
  height: 322px !important;
  grid-template-rows: 32px 1fr 22px 18px !important;
}

body:not(.portal-page-shell) .owner-simple-dashboard .owner-waterfall-bar {
  width: min(100%, 58px) !important;
}

/* SIGMA_PRODUCTION_STOCK_PRODUCT_PICKER_20260609_ACTIVE */
body:not(.portal-page-shell) .production-clean-page .production-stock-batch-form {
  display: grid !important;
  gap: 12px !important;
}

body:not(.portal-page-shell) .production-clean-page .production-stock-search-grid {
  align-items: end !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: minmax(280px, 1.1fr) minmax(210px, .7fr) minmax(260px, .9fr) !important;
}

body:not(.portal-page-shell) .production-clean-page .production-stock-search-grid textarea {
  min-height: 42px !important;
  resize: vertical !important;
}

body:not(.portal-page-shell) .production-clean-page .production-product-suggestions {
  border: 1px solid var(--line) !important;
  border-radius: 8px !important;
  display: grid !important;
  gap: 8px !important;
  max-height: 230px !important;
  overflow: auto !important;
  padding: 8px !important;
}

body:not(.portal-page-shell) .production-clean-page .production-product-suggestion {
  align-items: center !important;
  background: #fff !important;
  border: 1px solid #d8e4ef !important;
  border-radius: 8px !important;
  color: #0f2236 !important;
  cursor: pointer !important;
  display: flex !important;
  gap: 12px !important;
  justify-content: space-between !important;
  min-height: 54px !important;
  padding: 9px 12px !important;
  text-align: left !important;
  width: 100% !important;
}

body:not(.portal-page-shell) .production-clean-page .production-product-suggestion:hover,
body:not(.portal-page-shell) .production-clean-page .production-product-suggestion.is-selected {
  background: #eefdfa !important;
  border-color: #13a391 !important;
}

body:not(.portal-page-shell) .production-clean-page .production-product-suggestion span {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .production-clean-page .production-product-suggestion strong,
body:not(.portal-page-shell) .production-clean-page .production-product-suggestion em {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .production-clean-page .production-product-suggestion em {
  color: #52677f !important;
  font-style: normal !important;
}

body:not(.portal-page-shell) .production-clean-page .production-product-suggestion small {
  color: #087d6f !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .production-clean-page .production-product-suggestion-note {
  padding: 2px 4px !important;
}

body:not(.portal-page-shell) .production-clean-page .production-stock-selected-panel {
  border: 1px solid var(--line) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

body:not(.portal-page-shell) .production-clean-page .production-stock-add-panel {
  border: 1px solid var(--line) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

body:not(.portal-page-shell) .production-clean-page .production-stock-selected-head {
  align-items: center !important;
  background: #eef6fb !important;
  border-bottom: 1px solid var(--line) !important;
  display: flex !important;
  gap: 10px !important;
  justify-content: space-between !important;
  padding: 10px 12px !important;
}

body:not(.portal-page-shell) .production-clean-page .production-stock-selected-head span {
  color: #52677f !important;
  font-size: 12px !important;
}

body:not(.portal-page-shell) .production-clean-page .production-stock-selected-list {
  display: grid !important;
}

body:not(.portal-page-shell) .production-clean-page .production-stock-pending-content {
  display: grid !important;
}

body:not(.portal-page-shell) .production-clean-page .production-stock-pending-row {
  align-items: end !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: minmax(230px, 1.15fr) minmax(250px, 1.05fr) 60px 70px minmax(130px, .55fr) minmax(190px, .8fr) minmax(120px, auto) !important;
  padding: 12px !important;
}

body:not(.portal-page-shell) .production-clean-page .production-stock-selected-row {
  align-items: end !important;
  border-bottom: 1px solid var(--line) !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: minmax(280px, 1.35fr) minmax(230px, 1fr) minmax(90px, .35fr) minmax(190px, .8fr) auto !important;
  padding: 10px 12px !important;
}

body:not(.portal-page-shell) .production-clean-page .production-stock-selected-row:last-child {
  border-bottom: 0 !important;
}

body:not(.portal-page-shell) .production-clean-page .production-stock-selected-row > div,
body:not(.portal-page-shell) .production-clean-page .production-stock-selected-row label,
body:not(.portal-page-shell) .production-clean-page .production-stock-pending-row > div,
body:not(.portal-page-shell) .production-clean-page .production-stock-pending-row label {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

body:not(.portal-page-shell) .production-clean-page .production-stock-selected-row span,
body:not(.portal-page-shell) .production-clean-page .production-stock-pending-row span {
  color: #52677f !important;
  font-size: 12px !important;
}

body:not(.portal-page-shell) .production-clean-page .production-stock-selected-product strong,
body:not(.portal-page-shell) .production-clean-page .production-stock-selected-product span,
body:not(.portal-page-shell) .production-clean-page .production-stock-selected-product em {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:not(.portal-page-shell) .production-clean-page .production-stock-selected-product em {
  color: #52677f !important;
  font-style: normal !important;
}

body:not(.portal-page-shell) .production-clean-page .production-stock-selected-row .btn,
body:not(.portal-page-shell) .production-clean-page .production-stock-pending-row .btn {
  min-height: 38px !important;
}

@media (max-width: 1180px) {
  body:not(.portal-page-shell) .production-clean-page .production-stock-pending-row {
    grid-template-columns: minmax(220px, 1fr) minmax(240px, 1fr) repeat(3, minmax(90px, .45fr)) auto !important;
  }

  body:not(.portal-page-shell) .production-clean-page .production-stock-selected-row {
    grid-template-columns: minmax(240px, 1fr) minmax(220px, 1fr) minmax(80px, .4fr) minmax(170px, .8fr) auto !important;
  }
}

@media (max-width: 920px) {
  body:not(.portal-page-shell) .production-clean-page .production-stock-search-grid,
  body:not(.portal-page-shell) .production-clean-page .production-stock-pending-row,
  body:not(.portal-page-shell) .production-clean-page .production-stock-selected-row {
    grid-template-columns: 1fr !important;
  }

  body:not(.portal-page-shell) .production-clean-page .production-stock-selected-head {
    align-items: start !important;
    flex-direction: column !important;
  }
}

.page-loading-overlay {
  align-items: start !important;
  background: transparent !important;
  display: flex !important;
  inset: 0 !important;
  justify-content: center !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: fixed !important;
  transition: opacity .12s ease !important;
  z-index: 9999 !important;
}

.page-loading-overlay.show {
  opacity: 1 !important;
  pointer-events: none !important;
}

.page-loading-card {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: #0b1b2f !important;
  display: flex !important;
  gap: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  position: fixed !important;
  right: 22px !important;
  text-align: left !important;
  top: 18px !important;
}

.page-loading-card strong {
  display: none !important;
}

.page-loading-card small,
.page-loading-spinner {
  display: none !important;
}

.page-loading-line {
  background: linear-gradient(90deg, #0f9b8f, #1f6feb, #0f9b8f) !important;
  background-size: 180% 100% !important;
  border-radius: 999px !important;
  display: block !important;
  height: 3px !important;
  width: 76px !important;
  animation: sigma-light-loading 1.1s ease-in-out infinite !important;
}

@keyframes sigma-light-loading {
  0% { background-position: 0 0; }
  100% { background-position: 180% 0; }
}

body:not(.portal-page-shell) .topbar-refresh-btn {
  align-items: center;
  background: rgba(255, 255, 255, .92);
  border: 1px solid rgba(203, 213, 225, .95);
  border-radius: 999px;
  color: #102033;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  gap: 7px;
  height: 36px;
  justify-content: center;
  line-height: 1;
  padding: 0 13px;
  white-space: nowrap;
}

body:not(.portal-page-shell) .topbar-refresh-btn:hover {
  border-color: #14b8a6;
  color: #0f766e;
}

body:not(.portal-page-shell) .topbar-refresh-btn .sigma-icon {
  height: 16px;
  width: 16px;
}

body:not(.portal-page-shell) .topbar-refresh-btn.is-loading .sigma-icon {
  animation: sigmaRefreshSpin .75s linear infinite;
}

@keyframes sigmaRefreshSpin {
  to { transform: rotate(360deg); }
}

@media (max-width: 760px) {
  body:not(.portal-page-shell) .topbar-refresh-btn {
    flex: 0 0 36px;
    padding: 0;
    width: 36px;
  }

  body:not(.portal-page-shell) .topbar-refresh-btn span {
    display: none;
  }
}

/* ERP_SIGMA_UNIFIED_LAYOUT_FROM_HR_SCALE_20260610_ACTIVE */
body.erp-unified-layout:not(.hr-clean-modern-final):not(.portal-page-shell) {
  background: #f3f6fa !important;
  letter-spacing: 0 !important;
  max-width: 100vw !important;
  overflow-x: hidden !important;
}

body.erp-unified-layout:not(.hr-clean-modern-final):not(.portal-page-shell) .app {
  background: linear-gradient(180deg, #f8fbfd 0%, #eef4f8 100%) !important;
  display: grid !important;
  grid-template-columns: 252px minmax(0, 1fr) !important;
  min-height: 100vh !important;
  overflow: visible !important;
  width: 100% !important;
}

body.erp-unified-layout:not(.hr-clean-modern-final):not(.portal-page-shell) .sidebar {
  height: 100vh !important;
  max-width: 252px !important;
  min-width: 252px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  position: sticky !important;
  top: 0 !important;
  width: 252px !important;
}

body.erp-unified-layout:not(.hr-clean-modern-final):not(.portal-page-shell) .main {
  grid-column: 2 !important;
  margin-left: 0 !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  width: 100% !important;
}

body.erp-unified-layout:not(.hr-clean-modern-final):not(.portal-page-shell) .topbar {
  min-height: 74px !important;
  padding: 16px 24px !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 20 !important;
}

body.erp-unified-layout:not(.hr-clean-modern-final):not(.portal-page-shell) .topbar h1 {
  font-size: 26px !important;
  letter-spacing: 0 !important;
}

body.erp-unified-layout:not(.hr-clean-modern-final):not(.portal-page-shell) .content {
  display: grid !important;
  gap: 16px !important;
  margin: 0 !important;
  max-width: none !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  padding: 22px 24px 56px !important;
  width: 100% !important;
}

body.erp-unified-layout:not(.hr-clean-modern-final):not(.portal-page-shell) .page-backbar {
  justify-content: flex-end !important;
  margin: 0 !important;
}

body.erp-unified-layout:not(.hr-clean-modern-final):not(.portal-page-shell) .panel,
body.erp-unified-layout:not(.hr-clean-modern-final):not(.portal-page-shell) .card,
body.erp-unified-layout:not(.hr-clean-modern-final):not(.portal-page-shell) .owner-dashboard-head,
body.erp-unified-layout:not(.hr-clean-modern-final):not(.portal-page-shell) .enterprise-accordion,
body.erp-unified-layout:not(.hr-clean-modern-final):not(.portal-page-shell) .tabs {
  border-radius: 12px !important;
}

body.erp-unified-layout:not(.hr-clean-modern-final):not(.portal-page-shell) .panel-header,
body.erp-unified-layout:not(.hr-clean-modern-final):not(.portal-page-shell) .enterprise-accordion > summary {
  padding: 14px 16px !important;
}

body.erp-unified-layout:not(.hr-clean-modern-final):not(.portal-page-shell) .panel-body,
body.erp-unified-layout:not(.hr-clean-modern-final):not(.portal-page-shell) .enterprise-accordion[open] > .panel-body {
  padding: 16px !important;
}

body.erp-unified-layout:not(.hr-clean-modern-final):not(.portal-page-shell) .table-wrap {
  border-radius: 10px !important;
  max-width: 100% !important;
  overflow-x: auto !important;
}

body.erp-unified-layout:not(.hr-clean-modern-final):not(.portal-page-shell) table th {
  font-size: 11px !important;
  letter-spacing: 0 !important;
  padding: 11px 12px !important;
}

body.erp-unified-layout:not(.hr-clean-modern-final):not(.portal-page-shell) table td {
  font-size: 13px !important;
  padding: 12px !important;
}

body.sidebar-collapsed.erp-unified-layout:not(.hr-clean-modern-final):not(.portal-page-shell) .app {
  grid-template-columns: 92px minmax(0, 1fr) !important;
}

body.sidebar-collapsed.erp-unified-layout:not(.hr-clean-modern-final):not(.portal-page-shell) .sidebar {
  max-width: 92px !important;
  min-width: 92px !important;
  width: 92px !important;
}

body.sidebar-collapsed.erp-unified-layout:not(.hr-clean-modern-final):not(.portal-page-shell) .main {
  margin-left: 0 !important;
  width: 100% !important;
}

@media (max-width: 1368px) {
  body.erp-unified-layout:not(.hr-clean-modern-final):not(.portal-page-shell) .content {
    padding: 18px 20px 52px !important;
  }
}

@media (max-width: 767px) {
  body.mobile-mode.erp-unified-layout:not(.portal-page-shell) .app {
    display: block !important;
  }

  body.mobile-mode.erp-unified-layout:not(.portal-page-shell) .main {
    margin-left: 0 !important;
    width: 100% !important;
  }

  body.mobile-mode.erp-unified-layout:not(.portal-page-shell) .topbar {
    min-height: 64px !important;
    padding: 12px 14px !important;
  }

  body.mobile-mode.erp-unified-layout:not(.portal-page-shell) .topbar h1 {
    font-size: 20px !important;
  }

  body.mobile-mode.erp-unified-layout:not(.portal-page-shell) .content {
    gap: 12px !important;
    padding: 14px 12px 82px !important;
  }
}

/* ERP_SIGMA_TABLET_LAYOUT_STABILIZER_V19_20260611
   Tablet UI only: keep data, finance, stock, journal, and workflow logic untouched. */
@media (min-width: 768px) and (max-width: 1180px) {
  html,
  body:not(.portal-page-shell) {
    max-width: 100vw !important;
    overflow: hidden !important;
  }

  body:not(.portal-page-shell) {
    --sigma-tablet-rail: 84px;
    background: #eef4f8 !important;
    font-size: 13px !important;
  }

  body:not(.portal-page-shell) *,
  body:not(.portal-page-shell) *::before,
  body:not(.portal-page-shell) *::after {
    box-sizing: border-box !important;
    min-width: 0;
  }

  body:not(.portal-page-shell) .app,
  body.tablet-mobile-mode:not(.portal-page-shell) .app,
  body.tablet-mobile-mode.sidebar-collapsed:not(.portal-page-shell) .app {
    display: grid !important;
    grid-template-columns: var(--sigma-tablet-rail) minmax(0, 1fr) !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    max-width: 100vw !important;
    overflow: hidden !important;
    width: 100vw !important;
  }

  body:not(.portal-page-shell) .sidebar,
  body.tablet-mobile-mode:not(.portal-page-shell) .sidebar,
  body.tablet-mobile-mode.sidebar-collapsed:not(.portal-page-shell) .sidebar {
    border-right: 1px solid rgba(148, 163, 184, .14) !important;
    flex-basis: var(--sigma-tablet-rail) !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    max-width: var(--sigma-tablet-rail) !important;
    min-width: var(--sigma-tablet-rail) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 9px 10px !important;
    position: sticky !important;
    top: 0 !important;
    width: var(--sigma-tablet-rail) !important;
  }

  body:not(.portal-page-shell) .brand,
  body.tablet-mobile-mode:not(.portal-page-shell) .brand {
    border-radius: 13px !important;
    gap: 0 !important;
    justify-content: center !important;
    margin: 0 0 12px !important;
    min-height: 56px !important;
    padding: 8px !important;
  }

  body:not(.portal-page-shell) .brand-logo,
  body.tablet-mobile-mode:not(.portal-page-shell) .brand-logo {
    display: none !important;
  }

  body:not(.portal-page-shell) .sidebar-toggle {
    height: 40px !important;
    min-height: 40px !important;
    min-width: 40px !important;
    width: 40px !important;
  }

  body:not(.portal-page-shell) .nav,
  body:not(.portal-page-shell) .nav-simple {
    gap: 8px !important;
  }

  body:not(.portal-page-shell) .nav a,
  body:not(.portal-page-shell) .nav-simple a,
  body:not(.portal-page-shell) .nav-group summary {
    border-radius: 12px !important;
    display: grid !important;
    grid-template-columns: 38px !important;
    justify-content: center !important;
    min-height: 48px !important;
    padding: 7px !important;
    width: 100% !important;
  }

  body:not(.portal-page-shell) .nav-text,
  body:not(.portal-page-shell) .nav-label,
  body:not(.portal-page-shell) .nav-group summary strong {
    display: none !important;
  }

  body:not(.portal-page-shell) .nav-icon,
  body:not(.portal-page-shell) .nav a > span:first-child,
  body:not(.portal-page-shell) .nav-simple a > span:first-child {
    align-items: center !important;
    display: inline-flex !important;
    height: 38px !important;
    justify-content: center !important;
    margin: 0 !important;
    width: 38px !important;
  }

  body:not(.portal-page-shell) .main {
    grid-column: 2 !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    max-width: 100% !important;
    overflow: hidden !important;
    width: 100% !important;
  }

  body:not(.portal-page-shell) .topbar,
  body:not(.portal-page-shell) .main > .topbar {
    align-items: center !important;
    display: flex !important;
    gap: 10px !important;
    min-height: 58px !important;
    padding: 8px 12px !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 30 !important;
  }

  body:not(.portal-page-shell) .topbar h1,
  body:not(.portal-page-shell) .main > .topbar h1 {
    flex: 1 1 auto !important;
    font-size: 20px !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body:not(.portal-page-shell) .topbar .user,
  body:not(.portal-page-shell) .topbar .topbar-actions {
    flex: 0 0 auto !important;
    gap: 7px !important;
    max-width: 52vw !important;
    min-width: 0 !important;
  }

  body:not(.portal-page-shell) .topbar .user-name,
  body:not(.portal-page-shell) .topbar .technical-link,
  body:not(.portal-page-shell) .user-chip .user-name {
    display: none !important;
  }

  body:not(.portal-page-shell) .topbar-refresh-btn,
  body:not(.portal-page-shell) .topbar .btn,
  body:not(.portal-page-shell) .topbar button,
  body:not(.portal-page-shell) .topbar-icon,
  body:not(.portal-page-shell) .user-chip {
    border-radius: 999px !important;
    font-size: 12px !important;
    height: 36px !important;
    min-height: 36px !important;
    min-width: 36px !important;
  }

  body:not(.portal-page-shell) .topbar-refresh-btn {
    padding: 0 12px !important;
  }

  body:not(.portal-page-shell) .content {
    display: grid !important;
    gap: 12px !important;
    height: calc(100vh - 58px) !important;
    height: calc(100dvh - 58px) !important;
    margin: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 12px !important;
    padding-bottom: max(22px, env(safe-area-inset-bottom, 0px)) !important;
    width: 100% !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body:not(.portal-page-shell) .panel,
  body:not(.portal-page-shell) .card,
  body:not(.portal-page-shell) .owner-dashboard,
  body:not(.portal-page-shell) .role-dashboard,
  body:not(.portal-page-shell) .sales-modern,
  body:not(.portal-page-shell) .sales-dashboard-clean,
  body:not(.portal-page-shell) .production-modern,
  body:not(.portal-page-shell) .production-clean-page,
  body:not(.portal-page-shell) .finance-page,
  body:not(.portal-page-shell) .inventory-page,
  body:not(.portal-page-shell) .setting-clean-layout {
    border-radius: 12px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  body:not(.portal-page-shell) .panel-header,
  body:not(.portal-page-shell) .panel-body,
  body:not(.portal-page-shell) .enterprise-accordion > summary,
  body:not(.portal-page-shell) .enterprise-accordion[open] > .panel-body {
    padding: 12px !important;
  }

  body:not(.portal-page-shell) .panel-header h2,
  body:not(.portal-page-shell) .panel-header h3,
  body:not(.portal-page-shell) h2,
  body:not(.portal-page-shell) h3 {
    font-size: 16px !important;
    letter-spacing: 0 !important;
    line-height: 1.22 !important;
  }

  body:not(.portal-page-shell) .owner-dashboard-head.sigma-dashboard-hero,
  body:not(.portal-page-shell) .role-dashboard-compact-head,
  body:not(.portal-page-shell) .finance-compact-head,
  body:not(.portal-page-shell) .production-compact-head {
    min-height: 0 !important;
    padding: 12px 14px !important;
  }

  body:not(.portal-page-shell) .owner-dashboard-head.sigma-dashboard-hero h2,
  body:not(.portal-page-shell) .role-dashboard-compact-head h2,
  body:not(.portal-page-shell) .finance-compact-head h2,
  body:not(.portal-page-shell) .production-compact-head h2 {
    font-size: 22px !important;
    line-height: 1.2 !important;
  }

  body:not(.portal-page-shell) .owner-summary-grid,
  body:not(.portal-page-shell) .sales-dashboard-kpi-grid,
  body:not(.portal-page-shell) .finance-kpis,
  body:not(.portal-page-shell) .role-dashboard-kpis,
  body:not(.portal-page-shell) .dashboard-kpi-grid,
  body:not(.portal-page-shell) .kpi-grid,
  body:not(.portal-page-shell) .stats-grid {
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 100% !important;
  }

  body:not(.portal-page-shell) .owner-summary-grid > *,
  body:not(.portal-page-shell) .sales-dashboard-kpi,
  body:not(.portal-page-shell) .card {
    min-height: 92px !important;
    padding: 12px !important;
  }

  body:not(.portal-page-shell) .card strong,
  body:not(.portal-page-shell) .sales-dashboard-kpi strong,
  body:not(.portal-page-shell) .owner-summary-grid strong {
    font-size: clamp(20px, 2.4vw, 28px) !important;
    letter-spacing: 0 !important;
    line-height: 1.08 !important;
  }

  body:not(.portal-page-shell) .card span,
  body:not(.portal-page-shell) .card small,
  body:not(.portal-page-shell) .sales-dashboard-kpi small,
  body:not(.portal-page-shell) .sales-dashboard-kpi em {
    font-size: 11px !important;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
  }

  body:not(.portal-page-shell) .role-dashboard-actions {
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  body:not(.portal-page-shell) .role-dashboard-actions > *,
  body:not(.portal-page-shell) .role-dashboard-actions .role-work-action {
    min-height: 64px !important;
    min-width: 0 !important;
    width: 100% !important;
    white-space: normal !important;
  }

  body:not(.portal-page-shell) .sales-module-tabs,
  body:not(.portal-page-shell) .sales-modern-tabs,
  body:not(.portal-page-shell) .finance-tabs,
  body:not(.portal-page-shell) .finance-tab-row,
  body:not(.portal-page-shell) .production-work-nav,
  body:not(.portal-page-shell) .inventory-tabs,
  body:not(.portal-page-shell) .tabs,
  body:not(.portal-page-shell) .tabbar,
  body:not(.portal-page-shell) .module-tabs,
  body:not(.portal-page-shell) .pill-tabs {
    align-items: center !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 7px !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 7px !important;
    scrollbar-width: thin !important;
    width: 100% !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body:not(.portal-page-shell) .sales-module-tabs > *,
  body:not(.portal-page-shell) .sales-modern-tabs > *,
  body:not(.portal-page-shell) .finance-tabs > *,
  body:not(.portal-page-shell) .finance-tab-row > *,
  body:not(.portal-page-shell) .production-work-nav > *,
  body:not(.portal-page-shell) .inventory-tabs > *,
  body:not(.portal-page-shell) .tabs > *,
  body:not(.portal-page-shell) .tabbar > *,
  body:not(.portal-page-shell) .module-tabs > *,
  body:not(.portal-page-shell) .pill-tabs > * {
    flex: 0 0 auto !important;
    font-size: 12px !important;
    min-height: 36px !important;
    padding: 8px 11px !important;
    white-space: nowrap !important;
  }

  body:not(.portal-page-shell) .grid,
  body:not(.portal-page-shell) .cards,
  body:not(.portal-page-shell) .two-col,
  body:not(.portal-page-shell) .three-col,
  body:not(.portal-page-shell) .split-layout,
  body:not(.portal-page-shell) .purchase-entry-layout,
  body:not(.portal-page-shell) .pos-main-layout,
  body:not(.portal-page-shell) .production-jit-grid,
  body:not(.portal-page-shell) .production-material-grid,
  body:not(.portal-page-shell) .finance-report-grid,
  body:not(.portal-page-shell) .balance-sheet-grid,
  body:not(.portal-page-shell) .settings-grid,
  body:not(.portal-page-shell) .master-data-grid,
  body:not(.portal-page-shell) .master-page-grid {
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body:not(.portal-page-shell) .form-grid,
  body:not(.portal-page-shell) form .form-grid,
  body:not(.portal-page-shell) .purchase-form-grid,
  body:not(.portal-page-shell) .filter-grid,
  body:not(.portal-page-shell) .period-filter,
  body:not(.portal-page-shell) .form-row-grid {
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 100% !important;
  }

  body:not(.portal-page-shell) input,
  body:not(.portal-page-shell) select,
  body:not(.portal-page-shell) textarea,
  body:not(.portal-page-shell) button,
  body:not(.portal-page-shell) .btn {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body:not(.portal-page-shell) .table-wrap,
  body:not(.portal-page-shell) .table-responsive,
  body:not(.portal-page-shell) .data-table-wrap,
  body:not(.portal-page-shell) .responsive-table,
  body:not(.portal-page-shell) .erp-table-wrap,
  body:not(.portal-page-shell) .inventory-table-wrap,
  body:not(.portal-page-shell) .production-table-wrap,
  body:not(.portal-page-shell) .finance-table-wrap,
  body:not(.portal-page-shell) .purchase-table-wrap,
  body:not(.portal-page-shell) .sales-table-wrap,
  body:not(.portal-page-shell) .setting-table-wrap,
  body:not(.portal-page-shell) .table-scroll {
    contain: inline-size !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    width: 100% !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body:not(.portal-page-shell) .table-wrap table,
  body:not(.portal-page-shell) .table-responsive table,
  body:not(.portal-page-shell) .data-table-wrap table,
  body:not(.portal-page-shell) .responsive-table table,
  body:not(.portal-page-shell) .erp-table-wrap table,
  body:not(.portal-page-shell) .inventory-table-wrap table,
  body:not(.portal-page-shell) .production-table-wrap table,
  body:not(.portal-page-shell) .finance-table-wrap table,
  body:not(.portal-page-shell) .purchase-table-wrap table,
  body:not(.portal-page-shell) .sales-table-wrap table,
  body:not(.portal-page-shell) .setting-table-wrap table,
  body:not(.portal-page-shell) .table-scroll table {
    max-width: none !important;
    min-width: max(680px, 100%) !important;
    table-layout: auto !important;
    width: max-content !important;
  }

  body:not(.portal-page-shell) table th,
  body:not(.portal-page-shell) table td {
    font-size: 12px !important;
    letter-spacing: 0 !important;
    line-height: 1.32 !important;
    max-width: 240px !important;
    overflow: hidden !important;
    padding: 10px 11px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    word-break: normal !important;
  }

  body:not(.portal-page-shell) .client-error-banner {
    bottom: 12px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    left: 96px !important;
    max-height: 34vh !important;
    overflow: auto !important;
    right: 12px !important;
    transform: none !important;
    width: auto !important;
  }

  body:not(.portal-page-shell) .client-error-actions {
    grid-column: 1 !important;
    grid-row: auto !important;
    justify-content: flex-start !important;
  }
}

@media (min-width: 900px) and (max-width: 1180px) and (orientation: landscape) {
  body:not(.portal-page-shell) {
    --sigma-tablet-rail: 88px;
  }

  body:not(.portal-page-shell) .owner-summary-grid,
  body:not(.portal-page-shell) .sales-dashboard-kpi-grid,
  body:not(.portal-page-shell) .dashboard-kpi-grid,
  body:not(.portal-page-shell) .kpi-grid,
  body:not(.portal-page-shell) .stats-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body:not(.portal-page-shell) .finance-kpis,
  body:not(.portal-page-shell) .sales-compact-kpis,
  body:not(.portal-page-shell) .production-compact-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 768px) and (max-width: 899px), (min-width: 768px) and (max-width: 1180px) and (orientation: portrait) {
  body:not(.portal-page-shell) {
    --sigma-tablet-rail: 76px;
  }

  body:not(.portal-page-shell) .content {
    padding: 10px !important;
  }

  body:not(.portal-page-shell) .topbar-refresh-btn span,
  body:not(.portal-page-shell) .topbar form button span {
    display: none !important;
  }

  body:not(.portal-page-shell) .topbar-refresh-btn {
    flex: 0 0 36px !important;
    padding: 0 !important;
    width: 36px !important;
  }

  body:not(.portal-page-shell) .grid,
  body:not(.portal-page-shell) .cards,
  body:not(.portal-page-shell) .two-col,
  body:not(.portal-page-shell) .three-col,
  body:not(.portal-page-shell) .split-layout,
  body:not(.portal-page-shell) .purchase-entry-layout,
  body:not(.portal-page-shell) .pos-main-layout,
  body:not(.portal-page-shell) .production-jit-grid,
  body:not(.portal-page-shell) .production-material-grid,
  body:not(.portal-page-shell) .finance-report-grid,
  body:not(.portal-page-shell) .balance-sheet-grid,
  body:not(.portal-page-shell) .settings-grid,
  body:not(.portal-page-shell) .master-data-grid,
  body:not(.portal-page-shell) .master-page-grid,
  body:not(.portal-page-shell) .form-grid,
  body:not(.portal-page-shell) form .form-grid,
  body:not(.portal-page-shell) .purchase-form-grid,
  body:not(.portal-page-shell) .filter-grid,
  body:not(.portal-page-shell) .period-filter,
  body:not(.portal-page-shell) .form-row-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* ERP_SIGMA_TABLET_DENSITY_FIX_V20_20260611
   Tablet-only layout tightening. UI only; no ERP data or logic changes. */
@media (min-width: 768px) and (max-width: 1180px) {
  body:not(.portal-page-shell) .finance-dashboard-visual,
  body:not(.portal-page-shell) .sales-dashboard-visual,
  body:not(.portal-page-shell) .hr-dashboard-visual,
  body:not(.portal-page-shell) .production-dashboard-visual,
  body:not(.portal-page-shell) .marketing-dashboard-visual,
  body:not(.portal-page-shell) .role-dashboard,
  body:not(.portal-page-shell) .owner-dashboard:not(.role-dashboard),
  body:not(.portal-page-shell) .sales-dashboard-clean,
  body:not(.portal-page-shell) .finance-page,
  body:not(.portal-page-shell) .production-clean-page,
  body:not(.portal-page-shell) .inventory-page,
  body:not(.portal-page-shell) .setting-clean-layout {
    gap: 10px !important;
    margin-inline: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  body:not(.portal-page-shell) .finance-dashboard-visual .role-dashboard-period .panel-body,
  body:not(.portal-page-shell) .sales-dashboard-visual .role-dashboard-period .panel-body,
  body:not(.portal-page-shell) .hr-dashboard-visual .role-dashboard-period .panel-body,
  body:not(.portal-page-shell) .production-dashboard-visual .role-dashboard-period .panel-body,
  body:not(.portal-page-shell) .marketing-dashboard-visual .role-dashboard-period .panel-body,
  body:not(.portal-page-shell) .panel-body {
    padding: 10px 12px !important;
  }

  body:not(.portal-page-shell) .finance-dashboard-visual .owner-summary-grid,
  body:not(.portal-page-shell) .hr-dashboard-visual .owner-summary-grid,
  body:not(.portal-page-shell) .marketing-dashboard-visual .owner-summary-grid,
  body:not(.portal-page-shell) .production-dashboard-visual .owner-summary-grid,
  body:not(.portal-page-shell) .owner-dashboard:not(.role-dashboard) .owner-summary-grid,
  body:not(.portal-page-shell) .finance-dashboard-hero .finance-compact-kpis,
  body:not(.portal-page-shell) .finance-dashboard-option-b .finance-compact-kpis,
  body:not(.portal-page-shell) .hr-dashboard-clean .hr-dashboard-kpi-grid {
    display: grid !important;
    gap: 9px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 100% !important;
  }

  body:not(.portal-page-shell) .sales-dashboard-visual .owner-summary-grid,
  body:not(.portal-page-shell) .sales-dashboard-kpi-grid,
  body:not(.portal-page-shell) .role-dashboard > .owner-summary-grid {
    display: grid !important;
    gap: 9px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 100% !important;
  }

  body:not(.portal-page-shell) .finance-dashboard-visual .role-dashboard-card-link,
  body:not(.portal-page-shell) .sales-dashboard-visual .role-dashboard-card-link,
  body:not(.portal-page-shell) .hr-dashboard-visual .role-dashboard-card-link,
  body:not(.portal-page-shell) .production-dashboard-visual .role-dashboard-card-link,
  body:not(.portal-page-shell) .marketing-dashboard-visual .role-dashboard-card-link,
  body:not(.portal-page-shell) .role-dashboard .owner-summary-grid > .card,
  body:not(.portal-page-shell) .owner-dashboard:not(.role-dashboard) .owner-kpi,
  body:not(.portal-page-shell) .finance-dashboard-hero .finance-compact-kpi,
  body:not(.portal-page-shell) .finance-dashboard-option-b .finance-compact-kpi,
  body:not(.portal-page-shell) .hr-dashboard-clean .hr-focus-kpi,
  body:not(.portal-page-shell) .sales-dashboard-kpi {
    align-items: center !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: 36px minmax(0, 1fr) !important;
    min-height: 72px !important;
    padding: 9px 10px !important;
    width: 100% !important;
  }

  body:not(.portal-page-shell) .finance-dashboard-visual .role-dashboard-card-link::before,
  body:not(.portal-page-shell) .sales-dashboard-visual .role-dashboard-card-link::before,
  body:not(.portal-page-shell) .hr-dashboard-visual .role-dashboard-card-link::before,
  body:not(.portal-page-shell) .production-dashboard-visual .role-dashboard-card-link::before,
  body:not(.portal-page-shell) .marketing-dashboard-visual .role-dashboard-card-link::before {
    background-size: 17px 17px !important;
    grid-column: 1 !important;
    height: 34px !important;
    left: auto !important;
    position: static !important;
    top: auto !important;
    width: 34px !important;
  }

  body:not(.portal-page-shell) .finance-dashboard-hero .finance-kpi-icon,
  body:not(.portal-page-shell) .hr-dashboard-clean .hr-kpi-icon,
  body:not(.portal-page-shell) .sales-dashboard-kpi-icon {
    height: 34px !important;
    width: 34px !important;
  }

  body:not(.portal-page-shell) .finance-dashboard-visual .role-dashboard-card-link em,
  body:not(.portal-page-shell) .sales-dashboard-visual .role-dashboard-card-link em,
  body:not(.portal-page-shell) .hr-dashboard-visual .role-dashboard-card-link em,
  body:not(.portal-page-shell) .production-dashboard-visual .role-dashboard-card-link em,
  body:not(.portal-page-shell) .marketing-dashboard-visual .role-dashboard-card-link em {
    display: none !important;
  }

  body:not(.portal-page-shell) .finance-dashboard-visual .card strong,
  body:not(.portal-page-shell) .sales-dashboard-visual .card strong,
  body:not(.portal-page-shell) .hr-dashboard-visual .card strong,
  body:not(.portal-page-shell) .production-dashboard-visual .card strong,
  body:not(.portal-page-shell) .marketing-dashboard-visual .card strong,
  body:not(.portal-page-shell) .owner-dashboard:not(.role-dashboard) .owner-kpi strong,
  body:not(.portal-page-shell) .finance-dashboard-hero .finance-compact-kpi strong,
  body:not(.portal-page-shell) .finance-dashboard-option-b .finance-compact-kpi strong,
  body:not(.portal-page-shell) .hr-dashboard-clean .hr-kpi-copy strong,
  body:not(.portal-page-shell) .sales-dashboard-kpi strong {
    font-size: 20px !important;
    line-height: 1.05 !important;
    overflow-wrap: anywhere !important;
  }

  body:not(.portal-page-shell) .finance-dashboard-visual .card span,
  body:not(.portal-page-shell) .sales-dashboard-visual .card span,
  body:not(.portal-page-shell) .hr-dashboard-visual .card span,
  body:not(.portal-page-shell) .production-dashboard-visual .card span,
  body:not(.portal-page-shell) .marketing-dashboard-visual .card span,
  body:not(.portal-page-shell) .owner-dashboard:not(.role-dashboard) .owner-kpi span,
  body:not(.portal-page-shell) .finance-dashboard-hero .finance-compact-kpi small,
  body:not(.portal-page-shell) .finance-dashboard-option-b .finance-compact-kpi small,
  body:not(.portal-page-shell) .hr-dashboard-clean .hr-kpi-copy small,
  body:not(.portal-page-shell) .sales-dashboard-kpi small,
  body:not(.portal-page-shell) .sales-dashboard-kpi em {
    font-size: 9.5px !important;
    line-height: 1.2 !important;
  }

  body:not(.portal-page-shell) .finance-dashboard-visual .role-dashboard-actions,
  body:not(.portal-page-shell) .sales-dashboard-visual .role-dashboard-actions,
  body:not(.portal-page-shell) .hr-dashboard-visual .role-dashboard-actions,
  body:not(.portal-page-shell) .production-dashboard-visual .role-dashboard-actions,
  body:not(.portal-page-shell) .marketing-dashboard-visual .role-dashboard-actions,
  body:not(.portal-page-shell) .hr-dashboard-clean .hr-quick-actions {
    display: grid !important;
    gap: 9px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 100% !important;
  }

  body:not(.portal-page-shell) .finance-dashboard-visual .role-dashboard-actions .role-work-action,
  body:not(.portal-page-shell) .sales-dashboard-visual .role-dashboard-actions .role-work-action,
  body:not(.portal-page-shell) .hr-dashboard-visual .role-dashboard-actions .role-work-action,
  body:not(.portal-page-shell) .production-dashboard-visual .role-dashboard-actions .role-work-action,
  body:not(.portal-page-shell) .marketing-dashboard-visual .role-dashboard-actions .role-work-action,
  body:not(.portal-page-shell) .hr-dashboard-clean .hr-quick-action {
    justify-content: flex-start !important;
    min-height: 50px !important;
    padding: 9px 10px !important;
    white-space: normal !important;
  }

  body:not(.portal-page-shell) .table-wrap,
  body:not(.portal-page-shell) .table-responsive,
  body:not(.portal-page-shell) .data-table-wrap,
  body:not(.portal-page-shell) .responsive-table,
  body:not(.portal-page-shell) .erp-table-wrap {
    max-width: 100% !important;
    overflow-x: auto !important;
    overscroll-behavior-x: contain !important;
  }
}

@media (min-width: 900px) and (max-width: 1180px) and (orientation: landscape) {
  body:not(.portal-page-shell) .finance-dashboard-visual .owner-summary-grid,
  body:not(.portal-page-shell) .hr-dashboard-visual .owner-summary-grid,
  body:not(.portal-page-shell) .marketing-dashboard-visual .owner-summary-grid,
  body:not(.portal-page-shell) .production-dashboard-visual .owner-summary-grid,
  body:not(.portal-page-shell) .finance-dashboard-hero .finance-compact-kpis,
  body:not(.portal-page-shell) .finance-dashboard-option-b .finance-compact-kpis,
  body:not(.portal-page-shell) .hr-dashboard-clean .hr-dashboard-kpi-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  body:not(.portal-page-shell) .sales-dashboard-visual .owner-summary-grid,
  body:not(.portal-page-shell) .sales-dashboard-kpi-grid,
  body:not(.portal-page-shell) .owner-dashboard:not(.role-dashboard) .owner-summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body:not(.portal-page-shell) .finance-dashboard-visual .role-dashboard-actions,
  body:not(.portal-page-shell) .hr-dashboard-visual .role-dashboard-actions,
  body:not(.portal-page-shell) .marketing-dashboard-visual .role-dashboard-actions,
  body:not(.portal-page-shell) .production-dashboard-visual .role-dashboard-actions,
  body:not(.portal-page-shell) .hr-dashboard-clean .hr-quick-actions {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  body:not(.portal-page-shell) .sales-dashboard-visual .role-dashboard-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* ERP_SIGMA_TABLET_FINANCE_PRIORITY_V21_20260611
   Keeps Finance priority actions compact on tablet after older max-width rules. */
@media (min-width: 768px) and (max-width: 1180px) {
  body:not(.portal-page-shell) .finance-dashboard-option-b-body {
    gap: 10px !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  body:not(.portal-page-shell) .finance-priority-grid {
    display: grid !important;
    gap: 9px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-bottom: 10px !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  body:not(.portal-page-shell) .finance-priority-card {
    align-items: center !important;
    border-radius: 10px !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    min-height: 62px !important;
    overflow: hidden !important;
    padding: 9px 10px !important;
  }

  body:not(.portal-page-shell) .finance-priority-card span {
    border-radius: 9px !important;
    font-size: 13px !important;
    height: 34px !important;
    min-width: 34px !important;
    width: 34px !important;
  }

  body:not(.portal-page-shell) .finance-priority-card small {
    font-size: 9px !important;
    line-height: 1.05 !important;
    margin: 0 !important;
  }

  body:not(.portal-page-shell) .finance-priority-card strong {
    font-size: 16px !important;
    line-height: 1.05 !important;
    margin-top: 1px !important;
    overflow-wrap: anywhere !important;
  }

  body:not(.portal-page-shell) .finance-priority-card em {
    font-size: 10px !important;
    line-height: 1.1 !important;
    margin-top: 2px !important;
    overflow-wrap: anywhere !important;
  }
}

@media (min-width: 900px) and (max-width: 1180px) and (orientation: landscape) {
  body:not(.portal-page-shell) .finance-priority-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  body:not(.portal-page-shell) .finance-priority-card {
    min-height: 58px !important;
    padding: 8px 9px !important;
  }
}