.premium-toast-viewport {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 4300;
  display: grid;
  gap: 10px;
  width: min(360px, calc(100vw - 32px));
}

@media (min-width: 641px) {
  .premium-panel[data-drawer-preset="unified"]:has(#product-overview-page),
  .premium-panel[data-drawer-preset="unified"]:has(#product-edit-page),
  .premium-panel[data-drawer-preset="unified"]:has(#product-jobs-page),
  .premium-panel[data-drawer-preset="unified"]:has(#product-bom-page),
  .premium-panel[data-drawer-preset="unified"]:has(.product-panel-shell) {
    width: calc((100vw - var(--sidebar-w)) * 0.7) !important;
    max-width: calc(100vw - var(--sidebar-w)) !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-panel-tabbar {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    width: 100% !important;
    justify-content: flex-start !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-panel-tab {
    min-width: 128px !important;
    max-width: 128px !important;
    padding-inline: 16px !important;
    font-size: 0.9rem !important;
    line-height: 40px !important;
  }

.premium-panel[data-drawer-preset="unified"]:has(#batchWorkspaceRoot) {
  left: var(--sidebar-w) !important;
  right: 0 !important;
  width: calc(100vw - var(--sidebar-w)) !important;
  max-width: calc(100vw - var(--sidebar-w)) !important;
  height: 100vh !important;
}
}

:root {
  --sidebar-active-violet: #7c3aed;
  --sidebar-active-violet-rgb: 124, 58, 237;
  --proc-violet-rgb: var(--sidebar-active-violet-rgb);
  --proc-violet-deep-rgb: 91, 33, 182;
  --proc-violet-ink-rgb: 47, 34, 93;
  --premium-violet-surface-rgb: 47, 34, 93;
  --premium-violet-surface-solid: rgb(var(--premium-violet-surface-rgb));
  --premium-drawer-shell-rgb: 8, 12, 24;
  --premium-drawer-shell-surface: rgb(var(--premium-drawer-shell-rgb));
}

body.page-planner .premium-toast-viewport {
  top: auto;
  bottom: 24px;
  right: 24px;
  width: min(290px, calc(100vw - 44px));
}

.premium-toast {
  border-radius: 16px;
  padding: 14px 16px;
  color: #f8fafc;
  background: rgba(15, 23, 42, 0.96);
  box-shadow: 0 20px 45px rgba(15, 23, 42, 0.26);
  border: 1px solid rgba(148, 163, 184, 0.2);
  transform: translateY(-8px);
  opacity: 0;
  transition: opacity 0.24s ease, transform 0.24s ease;
  backdrop-filter: blur(14px);
}

.premium-toast.is-visible {
  transform: translateY(0);
  opacity: 1;
}

.premium-toast-success {
  background: linear-gradient(135deg, rgba(5, 150, 105, 0.96), rgba(6, 95, 70, 0.96));
}

.premium-toast-error {
  background: linear-gradient(135deg, rgba(220, 38, 38, 0.96), rgba(127, 29, 29, 0.96));
}

.premium-toast-warning {
  background: linear-gradient(135deg, rgba(217, 119, 6, 0.96), rgba(146, 64, 14, 0.96));
}

.premium-toast-info {
  background: linear-gradient(135deg, rgba(30, 41, 59, 0.96), rgba(15, 23, 42, 0.96));
}

.premium-toast-action {
  display: flex;
  align-items: center;
  gap: 14px;
  justify-content: space-between;
  min-width: min(420px, calc(100vw - 32px));
}

.premium-toast-copy {
  flex: 1;
}

.premium-toast-action-btn {
  border: 0;
  border-radius: 999px;
  padding: 9px 14px;
  background: rgba(129, 140, 248, 0.18);
  color: #ffffff;
  font-weight: 800;
  cursor: pointer;
  transition: background 0.18s ease, opacity 0.18s ease, transform 0.18s ease;
}

.premium-toast-action-btn:hover:not(:disabled) {
  background: rgba(129, 140, 248, 0.32);
  transform: translateY(-1px);
}

.premium-toast-action-btn:disabled {
  opacity: 0.6;
  cursor: default;
}

body.page-planner .premium-toast {
  border-radius: 14px;
  padding: 10px 12px;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.22);
}

body.page-planner .premium-toast-action {
  gap: 10px;
  min-width: 0;
}

body.page-planner .premium-toast-copy {
  min-width: 0;
  font-size: 0.92rem;
  line-height: 1.25;
}

body.page-planner .premium-toast-action-btn {
  padding: 7px 12px;
  font-size: 0.84rem;
  flex: 0 0 auto;
}

.live-region-loading {
  pointer-events: auto;
  opacity: 1;
  transition: none;
  position: static;
}

.premium-global-loading {
  position: fixed;
  inset: 0;
  z-index: 4100;
  display: grid;
  place-items: center;
  background: rgba(3, 7, 18, 0.28);
  opacity: 0;
  transition: opacity 0.18s ease;
  pointer-events: none;
}

.premium-global-loading.is-visible {
  opacity: 1;
}

.premium-global-loading__spinner {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 16px 18px;
  border-radius: 999px;
  background: rgba(18, 24, 40, 0.94);
  border: 1px solid rgba(167, 139, 250, 0.2);
  box-shadow: 0 16px 40px rgba(2, 6, 23, 0.32);
  backdrop-filter: blur(14px);
}

.premium-global-loading__spinner span {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, #8b5cf6 0%, #c4b5fd 100%);
  animation: premium-loading-drop 0.85s ease-in-out infinite;
}

.premium-global-loading__spinner span:nth-child(2) {
  animation-delay: 0.12s;
}

.premium-global-loading__spinner span:nth-child(3) {
  animation-delay: 0.24s;
}

@keyframes premium-loading-drop {
  0%,
  100% {
    transform: translateY(0) scale(0.85);
    opacity: 0.44;
  }
  50% {
    transform: translateY(-5px) scale(1);
    opacity: 1;
  }
}

form.is-submitting {
  opacity: 1;
  transition: none;
}

.is-busy {
  opacity: 1;
}

.premium-pending {
  position: relative;
  opacity: 0.78;
  transition: opacity 0.18s ease, transform 0.18s ease, filter 0.18s ease, box-shadow 0.18s ease;
}

.premium-pending::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.02), rgba(196, 181, 253, 0.08), rgba(255, 255, 255, 0.02));
  box-shadow: inset 0 0 0 1px rgba(167, 139, 250, 0.16);
}

tr.premium-pending::after {
  inset: 1px 0;
  border-radius: 0;
}

.premium-panel-overlay {
  position: fixed;
  inset: 0;
  background: rgba(3, 7, 18, 0.72);
  z-index: 3500;
  opacity: 0;
  transition: opacity 0.34s cubic-bezier(0.22, 1, 0.36, 1);
}

#dashboard-page .dashboard-workspace--stack {
  display: grid;
  gap: 22px;
}

#dashboard-page .dashboard-order-status-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

#dashboard-page .dashboard-order-status-card,
#dashboard-page .dashboard-load-summary-pill {
  display: grid;
  gap: 8px;
  padding: 18px 18px 16px;
  border-radius: 22px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  background: linear-gradient(180deg, rgba(33, 42, 66, 0.96) 0%, rgba(16, 22, 36, 0.98) 100%);
}

#dashboard-page .dashboard-order-status-card strong,
#dashboard-page .dashboard-load-summary-pill strong {
  color: #f8fafc;
  font-size: 1.56rem;
  line-height: 1;
}

#dashboard-page .dashboard-order-status-card small,
#dashboard-page .dashboard-load-summary-pill span {
  color: rgba(191, 219, 254, 0.72);
}

#dashboard-page .dashboard-order-status-card__label {
  color: rgba(191, 219, 254, 0.72);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

#dashboard-page .dashboard-order-status-card--link {
  text-decoration: none;
  cursor: pointer;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

#dashboard-page .dashboard-order-status-card--link:hover {
  transform: translateY(-2px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 18px 36px rgba(8, 11, 24, 0.18);
}

#dashboard-page .dashboard-order-status-card--waiting {
  border-color: rgba(96, 165, 250, 0.22);
}

#dashboard-page .dashboard-order-status-card--progress {
  border-color: rgba(139, 92, 246, 0.24);
}

#dashboard-page .dashboard-order-status-card--done {
  border-color: rgba(52, 211, 153, 0.22);
}

#dashboard-page .dashboard-order-status-card--delayed,
#dashboard-page .dashboard-load-summary-pill--danger {
  border-color: rgba(248, 113, 113, 0.24);
}

#dashboard-page .dashboard-load-summary-pill--warning {
  border-color: rgba(251, 191, 36, 0.24);
}

#dashboard-page .dashboard-load-summary-strip,
#dashboard-page .dashboard-critical-summary-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

#dashboard-page .dashboard-load-ring-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

#dashboard-page .dashboard-batch-load-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  align-items: stretch;
  min-height: 230px;
  padding: 20px;
  border-radius: 22px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  background:
    linear-gradient(180deg, rgba(24, 32, 51, 0.96) 0%, rgba(13, 19, 33, 0.99) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    0 18px 36px rgba(2, 6, 23, 0.16);
  backdrop-filter: blur(12px);
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

#dashboard-page .dashboard-batch-load-card:hover {
  transform: translateY(-2px);
  border-color: rgba(148, 163, 184, 0.24);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 22px 46px rgba(2, 6, 23, 0.24);
}

#dashboard-page .dashboard-batch-load-card--healthy {
  border-color: rgba(96, 165, 250, 0.18);
}

#dashboard-page .dashboard-batch-load-card--warning {
  border-color: rgba(245, 158, 11, 0.3);
}

#dashboard-page .dashboard-batch-load-card--danger {
  border-color: rgba(248, 113, 113, 0.34);
}

#dashboard-page .dashboard-batch-load-ring {
  display: none;
}

#dashboard-page .dashboard-batch-load-ring span {
  display: none;
}

#dashboard-page .dashboard-batch-load-copy,
#dashboard-page .dashboard-batch-load-copy .batch-load-main {
  display: grid;
  gap: 16px;
  min-width: 0;
}

#dashboard-page .dashboard-batch-load-copy .batch-load-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

#dashboard-page .dashboard-batch-load-copy h4 {
  margin: 0;
  color: #f8fafc;
  font-size: 1.05rem;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

#dashboard-page .dashboard-load-state {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(96, 165, 250, 0.1);
  color: rgba(191, 219, 254, 0.9);
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

#dashboard-page .dashboard-batch-load-card--warning .dashboard-load-state {
  background: rgba(245, 158, 11, 0.12);
  color: #fcd34d;
}

#dashboard-page .dashboard-batch-load-card--danger .dashboard-load-state {
  background: rgba(248, 113, 113, 0.12);
  color: #fca5a5;
}

#dashboard-page .dashboard-load-card-progress {
  display: grid;
  gap: 10px;
  min-width: 0;
}

#dashboard-page .dashboard-load-card-progress__meta,
#dashboard-page .dashboard-load-card-progress__foot {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

#dashboard-page .dashboard-load-card-progress__meta span,
#dashboard-page .dashboard-load-card-progress__foot span {
  color: rgba(191, 201, 229, 0.76);
  font-size: 0.86rem;
  line-height: 1.35;
}

#dashboard-page .dashboard-load-card-progress__meta strong {
  color: #f8fafc;
  font-size: 1.8rem;
  line-height: 1;
}

#dashboard-page .dashboard-load-card-progress__track {
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.14);
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.06);
}

#dashboard-page .dashboard-load-card-progress__track span {
  display: block;
  width: var(--load-percent);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--load-color), rgba(191, 219, 254, 0.88));
  box-shadow: 0 0 18px color-mix(in srgb, var(--load-color) 44%, transparent);
}

#dashboard-page .dashboard-batch-load-copy .batch-load-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

#dashboard-page .dashboard-batch-load-copy .batch-load-metrics span {
  display: grid;
  gap: 4px;
  min-height: 70px;
  padding: 10px;
  border-radius: 14px;
  background: rgba(8, 12, 24, 0.34);
  border: 1px solid rgba(148, 163, 184, 0.08);
  color: rgba(191, 219, 254, 0.72);
  font-size: 0.76rem;
  align-content: space-between;
}

#dashboard-page .dashboard-batch-load-copy .batch-load-metrics strong {
  color: #f8fafc;
  font-size: 0.9rem;
  line-height: 1.18;
  overflow-wrap: anywhere;
}

#dashboard-page .dashboard-batch-load-copy a {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  min-height: 34px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.08);
  color: rgba(226, 232, 240, 0.88);
  font-size: 0.82rem;
  font-weight: 800;
  text-decoration: none;
}

#dashboard-page .dashboard-batch-load-copy a:hover {
  background: rgba(96, 165, 250, 0.13);
  color: #dbeafe;
}

@media (max-width: 1366px) {
  #dashboard-page .dashboard-order-status-grid,
  #dashboard-page .dashboard-load-summary-strip,
  #dashboard-page .dashboard-critical-summary-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #dashboard-page .dashboard-load-ring-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1100px) {
  #dashboard-page .dashboard-load-ring-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  #dashboard-page .dashboard-order-status-grid,
  #dashboard-page .dashboard-load-summary-strip,
  #dashboard-page .dashboard-critical-summary-strip,
  #dashboard-page .dashboard-load-ring-grid {
    grid-template-columns: 1fr;
  }

  #dashboard-page .dashboard-batch-load-card {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: left;
  }

  #dashboard-page .dashboard-batch-load-copy {
    justify-items: stretch;
  }

  #dashboard-page .dashboard-batch-load-copy .batch-load-metrics {
    grid-template-columns: 1fr;
  }
}

.premium-panel-overlay.is-open {
  opacity: 1;
}

.premium-panel {
  position: fixed;
  top: 0;
  right: 0;
  width: min(1120px, calc(100vw - 24px));
  height: 100vh;
  background:
    linear-gradient(
      180deg,
      rgba(var(--proc-violet-rgb), 0.2) 0%,
      rgba(var(--proc-violet-rgb), 0.1) 20%,
      rgba(var(--premium-drawer-shell-rgb), 0) 34%
    ),
    rgba(var(--premium-drawer-shell-rgb), 0.99);
  box-shadow: -24px 0 60px rgba(2, 6, 23, 0.5);
  border-left: 1px solid rgba(var(--proc-violet-rgb), 0.14);
  z-index: 3600;
  transform: translateX(100%);
  transition: transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
  display: flex;
  flex-direction: column;
  will-change: transform;
}

.premium-panel.is-open {
  transform: translateX(0);
}

.premium-panel[data-drawer-preset="unified"] {
  top: 78px;
  right: 0;
  width: min(1080px, calc(100vw - 24px));
  max-width: calc(100vw - 24px);
  height: calc(100vh - 78px);
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  border-left: 1px solid rgba(148, 163, 184, 0.12);
  background:
    linear-gradient(180deg, rgb(67, 41, 132) 0%, rgb(29, 22, 58) 24%, rgb(10, 15, 28) 58%, rgb(3, 7, 18) 100%);
  box-shadow: -18px 18px 48px rgba(2, 6, 23, 0.34);
}

.premium-panel-overlay[data-panel-variant="unified"] {
  top: 78px;
  left: 0;
}

.premium-panel[data-drawer-preset="unified"] .premium-panel-header {
  position: absolute;
  top: 12px;
  right: 12px;
  left: auto;
  padding: 0;
  border: 0;
  background: transparent;
  backdrop-filter: none;
  z-index: 6;
  pointer-events: none;
}

.premium-panel[data-drawer-preset="unified"] .premium-panel-header-copy {
  display: none;
}

.premium-panel[data-drawer-preset="unified"] .premium-panel-close {
  width: 44px;
  height: 44px;
  border-radius: 16px;
  background: rgba(78, 61, 132, 0.92);
  box-shadow: none;
  pointer-events: auto;
  font-size: 24px;
  line-height: 1;
}

.premium-panel:has(.ubatch-shell--entry) {
  width: min(700px, calc(100vw - 24px));
}

.premium-panel-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 24px 24px 18px;
  border-bottom: 1px solid rgba(var(--proc-violet-rgb), 0.12);
  background: rgba(var(--premium-violet-surface-rgb), 0.96);
  backdrop-filter: blur(12px);
}

.premium-panel-kicker {
  display: inline-block;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(148, 163, 184, 0.78);
  margin-bottom: 6px;
}

.premium-panel-header h3 {
  margin: 0;
  font-size: 1.5rem;
  color: #f8fafc;
}

.premium-panel-close {
  border: 0;
  background: rgba(148, 163, 184, 0.12);
  color: #f8fafc;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  font-size: 28px;
  line-height: 1;
}

#premiumPanelContent {
  flex: 1;
  overflow: auto;
  padding: 24px;
  color: #e2e8f0;
  background: transparent;
}

#premiumPanelContent > * {
  max-width: 100%;
}

#premiumPanelContent:has(.ubatch-shell--entry) {
  padding: 20px;
}

#premiumPanelContent:has(#purchaseOrderWorkspaceRoot) {
  padding: 0;
}

#premiumPanelContent #purchaseOrderWorkspaceRoot {
  max-width: 100%;
  min-height: calc(100vh - 78px);
  padding: 18px 20px 24px;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 18px;
  overflow: hidden;
}

#premiumPanelContent .ubatch-shell--entry {
  max-width: 640px;
  margin: 0 auto;
}

#premiumPanelContent .ubatch-shell--entry .ubatch-form__grid {
  grid-template-columns: 1fr;
  gap: 14px;
}

#premiumPanelContent .ubatch-shell--entry .ubatch-field--floating textarea {
  min-height: 76px !important;
}

#premiumPanelContent .jobs-header {
  display: none;
}

#premiumPanelContent .dashboard-form-card,
#premiumPanelContent .product-form-card,
#premiumPanelContent .section-spacing {
  margin-top: 0 !important;
}

#premiumPanelContent .dashboard-table-card {
  max-width: 100%;
}

#premiumPanelContent .table-wrapper {
  overflow-x: visible;
}

#premiumPanelContent .orders-table {
  min-width: 0;
}

#premiumPanelContent #order-shortages-page {
  max-width: 100%;
}

#premiumPanelContent #order-materials-page {
  max-width: 100%;
}

#premiumPanelContent #order-shortages-page .dashboard-table-card,
#premiumPanelContent #order-shortages-page .table-wrapper {
  overflow: visible;
}

#premiumPanelContent #order-materials-page .dashboard-table-card,
#premiumPanelContent #order-materials-page .table-wrapper {
  overflow: visible;
}

#premiumPanelContent #order-shortages-page .orders-table,
#premiumPanelContent #order-shortages-page .orders-table thead,
#premiumPanelContent #order-shortages-page .orders-table tbody {
  display: block;
  width: 100%;
}

#premiumPanelContent #order-shortages-page .orders-table thead {
  display: none;
}

#premiumPanelContent #order-shortages-page .orders-table tbody {
  display: grid;
  gap: 14px;
}

#premiumPanelContent #order-shortages-page .orders-table tr {
  display: grid;
  gap: 12px 18px;
  grid-template-columns: minmax(0, 1.7fr) repeat(4, minmax(88px, 0.62fr)) minmax(120px, 0.72fr);
  align-items: center;
  padding: 16px 18px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(148, 163, 184, 0.12);
}

#premiumPanelContent #order-shortages-page .orders-table td {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 0;
  border: 0;
  white-space: normal;
  width: auto !important;
}

#premiumPanelContent #order-shortages-page .orders-table td:nth-child(1) {
  grid-column: 1;
  grid-row: 1;
  align-content: center;
}

#premiumPanelContent #order-shortages-page .orders-table td:nth-child(2) {
  grid-column: 2;
  grid-row: 1;
}

#premiumPanelContent #order-shortages-page .orders-table td:nth-child(3) {
  grid-column: 3;
  grid-row: 1;
}

#premiumPanelContent #order-shortages-page .orders-table td:nth-child(4) {
  grid-column: 4;
  grid-row: 1;
}

#premiumPanelContent #order-shortages-page .orders-table td:nth-child(5) {
  grid-column: 5;
  grid-row: 1;
}

#premiumPanelContent #order-shortages-page .orders-table td:nth-child(6) {
  grid-column: 6;
  grid-row: 1;
  margin-top: 0;
  justify-items: start;
}

#premiumPanelContent #order-shortages-page .orders-table td::before {
  content: attr(data-label);
  font-size: 0.7rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(184, 194, 220, 0.76);
}

.purchase-requests-row {
  cursor: pointer;
}

.request-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 10px;
}

#purchaseRequestDetailDrawer #purchaseRequestDetailSaveWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: nowrap;
}

#purchaseRequestDetailDrawer #purchaseRequestDetailSaveWrap .request-detail-actions {
  margin-top: 0;
  flex: 1 1 auto;
  justify-content: flex-start;
}

#purchaseRequestDetailDrawer #purchaseRequestDetailSaveWrap .dashboard-btn {
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#purchaseRequestDetailDrawer #purchaseRequestDetailSaveWrap > .dashboard-btn.primary {
  flex: 0 0 auto;
}

.purchase-requests-board .table-wrapper {
  min-height: 120px;
}

.purchase-requests-delete-column,
.purchase-requests-delete-cell {
  width: 46px;
  min-width: 46px;
  text-align: center;
}

.purchase-requests-action-column,
.purchase-requests-action-cell {
  width: 110px;
  text-align: left;
}

.tasks-table-row-action-placeholder {
  color: rgba(148, 163, 184, 0.7);
}

.tasks-table-row-action-note {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  color: rgba(191, 219, 254, 0.74);
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.01em;
}

.purchase-request-ref {
  position: relative;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
}

.purchase-request-composer-shell {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.purchase-request-composer-shell::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 220px;
  background:
    linear-gradient(
      180deg,
      rgba(var(--proc-violet-rgb), 0.2) 0%,
      rgba(var(--proc-violet-rgb), 0.1) 30%,
      rgba(var(--premium-drawer-shell-rgb), 0) 100%
    );
  pointer-events: none;
}

.purchase-request-composer-shell > * {
  position: relative;
  z-index: 1;
}

.drawer-hero-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: end;
  margin-bottom: 22px;
  padding: 22px 24px 20px;
  border: 1px solid rgba(167, 139, 250, 0.2);
  border-radius: 26px;
  background: rgba(var(--premium-violet-surface-rgb), 0.96);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 18px 34px rgba(2, 6, 23, 0.18);
}

.drawer-hero-strip .tasks-composer-subcopy {
  margin: 0;
  max-width: 58ch;
  color: rgba(226, 232, 240, 0.78);
  font-size: 1.02rem;
  line-height: 1.7;
}

.drawer-hero-strip__accent {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
  min-width: 140px;
  padding-bottom: 6px;
}

.drawer-hero-strip__line {
  display: block;
  width: 112px;
  height: 3px;
  border-radius: 999px;
  background: rgba(var(--proc-violet-rgb), 0.9);
  box-shadow: none;
}

.drawer-hero-strip__line--soft {
  width: 72px;
  opacity: 0.58;
}

.purchase-request-composer-layout {
  display: grid;
  gap: 20px;
}

#purchaseRequestCreateForm {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  max-height: none;
  overflow: hidden;
  padding-bottom: 0;
}

.purchase-request-composer-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
  padding-bottom: 18px;
}

.purchase-request-composer-card {
  padding: 22px 20px 20px;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.2);
  border-radius: 26px;
  background: #0a1020;
  box-shadow: none;
}

.purchase-request-composer-card--primary {
  border-color: rgba(var(--proc-violet-rgb), 0.18);
  background: #0a1020;
}

.purchase-request-composer-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
}

.purchase-request-composer-card__header h5 {
  margin: 8px 0 0;
  color: #f8fafc;
  font-size: 1.18rem;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.purchase-request-composer-card__eyebrow {
  display: inline-block;
  color: rgba(191, 219, 254, 0.72);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.purchase-request-composer-card__hint {
  max-width: 260px;
  color: rgba(191, 219, 254, 0.64);
  font-size: 0.84rem;
  line-height: 1.55;
}

.purchase-request-composer-grid {
  gap: 20px 16px;
}

.purchase-request-field-span-2 {
  grid-column: 1 / -1;
}

.purchase-request-composer-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  margin-top: 24px;
  margin-inline: 0;
  padding: 18px 8px calc(18px + env(safe-area-inset-bottom, 0px)) 0;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
  background: transparent;
  overflow: visible !important;
}

.purchase-request-composer-actions .dashboard-btn.primary {
  min-width: 192px;
  min-height: 54px;
  max-width: 100%;
  border-radius: 20px;
  box-shadow: none;
}

.po-new-form .ubatch-field--floating {
  gap: 8px;
}

.po-new-form .ubatch-field--floating label {
  margin: 0;
  line-height: 1.1;
}

.po-new-shell .po-new-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.po-new-shell .tasks-field--description {
  grid-column: 1 / -1;
}

.po-new-shell .form-actions {
  justify-content: flex-end;
}

#purchase-requests-page .tasks-composer__grid--sidebar {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
}

#purchase-requests-page .tasks-field--title,
#purchase-requests-page .tasks-field--description {
  grid-column: 1 / -1;
}

#purchase-requests-page .tasks-field {
  min-width: 0;
}

#purchase-requests-page .custom-select {
  width: 100%;
  min-width: 0;
  display: block;
}

#purchase-requests-page .custom-select-trigger {
  width: 100%;
  min-width: 0;
}

#purchase-requests-page .custom-select-trigger span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#purchase-requests-page .custom-options {
  width: 100%;
  max-width: 100%;
  left: 0;
  right: auto;
}

#purchase-requests-page .custom-option {
  white-space: normal;
  word-break: break-word;
}

.purchase-request-filter-debug {
  margin-top: 8px;
  font-size: 0.76rem;
  line-height: 1.4;
  color: rgba(191, 219, 254, 0.82);
}

@media (max-width: 900px) {
  .drawer-hero-strip {
    grid-template-columns: 1fr;
  }

  .drawer-hero-strip__accent {
    align-items: flex-start;
  }

  .purchase-request-composer-card__hint {
    max-width: none;
  }

  .purchase-request-composer-card {
    padding: 16px;
  }

  #purchaseRequestDetailDrawer #purchaseRequestDetailSaveWrap {
    flex-wrap: wrap;
  }

  #purchaseRequestDetailDrawer .purchase-request-detail-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  #purchaseRequestDetailDrawer .request-detail-actions {
    justify-content: flex-start;
  }

  #purchaseRequestDetailDrawer .request-detail-actions .dashboard-btn {
    width: 100%;
    justify-content: center;
  }

  #purchaseRequestDetailDrawer #purchaseRequestDetailSaveWrap .request-detail-actions,
  #purchaseRequestDetailDrawer #purchaseRequestDetailSaveWrap > .dashboard-btn.primary {
    width: 100%;
  }
}

#purchaseRequestDetailDrawer .tasks-detail-meta-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#purchaseRequestDetailDrawer .app-drawer__header {
  align-items: flex-start;
  padding-bottom: 14px;
}

#purchaseRequestDetailDrawer .app-drawer__header h4 {
  margin: 0;
  font-size: clamp(1.65rem, 2.1vw, 2.4rem);
  line-height: 1.04;
}

#purchaseRequestDetailDrawer .app-drawer__hero.purchase-request-detail-hero {
  margin-bottom: 16px;
  padding: 20px 22px 18px;
  border-radius: 24px;
}

#purchaseRequestDetailDrawer .purchase-request-detail-toolbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 0 2px;
  margin-bottom: 14px;
}

#purchaseRequestDetailDrawer .purchase-request-detail-toolbar__copy {
  display: grid;
  gap: 4px;
}

#purchaseRequestDetailDrawer .purchase-request-detail-toolbar__copy strong {
  color: #f8fafc;
  font-size: 1rem;
  font-weight: 800;
}

#purchaseRequestDetailDrawer .request-detail-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

#purchaseRequestDetailDrawer .tasks-composer-section,
#purchaseRequestDetailDrawer .app-drawer__surface {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}

#purchaseRequestDetailDrawer .tasks-detail-stack {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
  padding-bottom: 28px;
}

#purchaseRequestDetailDrawer #purchaseRequestDetailForm {
  max-height: none;
  overflow: visible;
  padding-right: 0;
  padding-bottom: 0;
}

#purchaseRequestDetailDrawer #purchaseRequestDetailSaveWrap,
#purchaseRequestDetailDrawer .request-detail-actions {
  padding-bottom: 8px;
}

#purchaseRequestDetailDrawer #purchaseRequestDetailSaveWrap {
  justify-content: flex-end;
}

#purchaseRequestDetailDrawer #purchaseRequestDetailSaveWrap .dashboard-btn.primary {
  min-width: 180px;
}

body:has(#purchaseRequestDetailDrawer.is-open) .app-drawer-overlay.is-open,
body:has(#purchaseRequestDetailDrawer.is-open) .tasks-drawer-overlay.is-open {
  background: transparent !important;
  opacity: 0 !important;
}

.purchase-request-delete-btn {
  color: rgba(248, 113, 113, 0.82);
  font-size: 1rem;
  font-weight: 800;
}

#reports-page .tasks-table-delete-col,
#reports-page .tasks-table-delete-cell {
  width: 46px;
  min-width: 46px;
  text-align: center;
}

#purchaseRequestCreateForm select,
#purchaseRequestDetailForm select {
  width: 100%;
}

#premiumPanelContent #order-shortages-page .shortage-actions-stack {
  display: grid;
  gap: 8px;
  width: min(180px, 100%);
}

#premiumPanelContent #order-shortages-page .shortage-actions-stack .inline-form {
  margin: 0;
}

#premiumPanelContent #order-shortages-page .shortage-actions-stack .table-action-btn {
  width: 100%;
  justify-content: center;
}

#premiumPanelContent #order-shortages-page .product-cell,
#premiumPanelContent #order-shortages-page .status-badge {
  max-width: 100%;
  min-width: 0;
}

#premiumPanelContent #order-shortages-page .status-badge {
  width: fit-content;
  max-width: 100%;
}

#premiumPanelContent #order-shortages-page .product-cell strong {
  font-size: 1.05rem;
  line-height: 1.3;
}

#premiumPanelContent #order-shortages-page .shortage-qty {
  font-size: 1.2rem;
  font-weight: 800;
}

#premiumPanelContent #order-materials-page .orders-table,
#premiumPanelContent #order-materials-page .orders-table thead,
#premiumPanelContent #order-materials-page .orders-table tbody {
  display: block;
  width: 100%;
}

#premiumPanelContent #order-materials-page .orders-table thead {
  display: none;
}

#premiumPanelContent #order-materials-page .orders-table tbody {
  display: grid;
  gap: 14px;
}

#premiumPanelContent #order-materials-page .orders-table tr {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(96px, 0.72fr)) minmax(120px, 0.8fr) minmax(130px, 0.9fr);
  padding: 16px 18px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(148, 163, 184, 0.12);
}

#premiumPanelContent #order-materials-page .orders-table td {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 0;
  border: 0;
  white-space: normal;
}

#premiumPanelContent #order-materials-page .orders-table td::before {
  content: attr(data-label);
  font-size: 0.7rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(184, 194, 220, 0.76);
}

#premiumPanelContent #order-materials-page .orders-table td:nth-child(5):not([data-label])::before {
  content: "Unit Price";
}

#premiumPanelContent #order-materials-page .orders-table td:nth-child(6):not([data-label])::before {
  content: "Total Cost";
}

#premiumPanelContent #order-materials-page .product-cell {
  max-width: 100%;
  min-width: 0;
}

#premiumPanelContent .dashboard-form-card,
#premiumPanelContent .product-form-card {
  background:
    radial-gradient(circle at top left, rgba(99, 102, 241, 0.14), transparent 38%),
    linear-gradient(180deg, rgba(9, 18, 38, 0.96), rgba(7, 14, 30, 0.98));
  border: 1px solid rgba(99, 102, 241, 0.18);
  box-shadow: 0 18px 48px rgba(2, 6, 23, 0.34);
}

#premiumPanelContent .card-header h4,
#premiumPanelContent label,
#premiumPanelContent .form-group label {
  color: #e2e8f0;
}

#premiumPanelContent input,
#premiumPanelContent select,
#premiumPanelContent textarea {
  background: rgba(15, 23, 42, 0.88);
  color: #f8fafc;
  border: 1px solid rgba(148, 163, 184, 0.2);
}

#premiumPanelContent input::placeholder,
#premiumPanelContent textarea::placeholder {
  color: rgba(148, 163, 184, 0.68);
}

.premium-panel-loading {
  min-height: 240px;
  display: grid;
  place-items: center;
  color: #475569;
  gap: 14px;
}

.premium-panel-spinner {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 3px solid rgba(99, 102, 241, 0.18);
  border-top-color: #4f46e5;
  animation: premium-spin 0.8s linear infinite;
}

#premiumPanelContent .content,
#premiumPanelContent .flash-wrapper {
  display: none;
}

body.premium-panel-open {
  overflow: hidden;
}

@keyframes premium-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes premium-shimmer {
  from {
    background-position: 200% 0, 0 0;
  }

  to {
    background-position: -20% 0, 0 0;
  }
}

@media (max-width: 720px) {
  .premium-panel {
    width: 100vw;
  }

  #premiumPanelContent {
    padding: 18px;
  }

  .premium-panel[data-drawer-preset="unified"] {
    top: 0;
    left: 0;
    width: 100vw;
    max-width: 100vw;
    height: 100vh;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
  }

  .premium-panel-overlay[data-panel-variant="unified"] {
    top: 0;
    left: 0;
  }
}

@media (max-width: 1180px) {
  #premiumPanelContent #order-shortages-page .orders-table tr {
    grid-template-columns: minmax(0, 1.35fr) repeat(2, minmax(0, 0.9fr));
  }

  #premiumPanelContent #order-shortages-page .orders-table td:nth-child(1) {
    grid-column: 1;
    grid-row: 1 / span 2;
    align-content: start;
  }

  #premiumPanelContent #order-shortages-page .orders-table td:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
  }

  #premiumPanelContent #order-shortages-page .orders-table td:nth-child(3) {
    grid-column: 3;
    grid-row: 1;
  }

  #premiumPanelContent #order-shortages-page .orders-table td:nth-child(4) {
    grid-column: 2;
    grid-row: 2;
  }

  #premiumPanelContent #order-shortages-page .orders-table td:nth-child(5) {
    grid-column: 3;
    grid-row: 2;
  }

  #premiumPanelContent #order-shortages-page .orders-table td:nth-child(6) {
    grid-column: 1 / -1;
    grid-row: 3;
    justify-items: start;
    margin-top: 2px;
  }

  #premiumPanelContent #order-materials-page .orders-table tr {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  #premiumPanelContent #order-shortages-page .orders-table tr {
    grid-template-columns: 1fr;
  }

  #premiumPanelContent #order-shortages-page .orders-table td:nth-child(1),
  #premiumPanelContent #order-shortages-page .orders-table td:nth-child(2),
  #premiumPanelContent #order-shortages-page .orders-table td:nth-child(3),
  #premiumPanelContent #order-shortages-page .orders-table td:nth-child(4),
  #premiumPanelContent #order-shortages-page .orders-table td:nth-child(5),
  #premiumPanelContent #order-shortages-page .orders-table td:nth-child(6) {
    grid-column: auto;
    grid-row: auto;
  }

  #premiumPanelContent #order-materials-page .orders-table tr {
    grid-template-columns: 1fr;
  }
}

.planner-page.planner-is-saving {
  pointer-events: none;
}

body.planner-drag-scroll-lock {
  position: fixed;
  overflow-y: hidden;
}

body.planner-drag-active,
body.planner-drag-active * {
  user-select: none !important;
  -webkit-user-select: none !important;
  cursor: grabbing !important;
}

.planner-scroll-grab {
  position: relative;
  cursor: grab;
}

.planner-scroll-grab.is-grabbing,
body.planner-pan-active .planner-scroll-grab {
  cursor: grabbing;
}

.planner-scroll-grab[data-pan-hint]:not([data-pan-hint=""])::after {
  content: attr(data-pan-hint);
  position: sticky;
  left: calc(100% - 260px);
  bottom: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 220px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.88);
  color: #f8fafc;
  box-shadow: 0 14px 30px rgba(2, 6, 23, 0.34);
  border: 1px solid rgba(129, 140, 248, 0.34);
  pointer-events: none;
  z-index: 20;
}

.planner-day-slot {
  overflow: visible;
}

.planner-day-slot::before {
  content: attr(data-capacity-label);
  position: absolute;
  left: 50%;
  bottom: 8px;
  transform: translateX(-50%) translateY(6px);
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.92);
  color: #e2e8f0;
  font-size: 0.63rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  box-shadow: 0 12px 22px rgba(2, 6, 23, 0.24);
  transition:
    opacity 0.18s ease,
    transform 0.18s ease,
    background 0.18s ease,
    color 0.18s ease;
  z-index: 3;
}

.planner-day-slot:hover::before,
.planner-day-slot.drag-over::before {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.planner-day-slot.drag-over::before {
  background: rgba(79, 70, 229, 0.92);
  color: #ffffff;
}

.planner-day-slot.drag-over.is-over-capacity::before {
  background: rgba(190, 24, 93, 0.92);
  color: #ffffff;
}

.planner-day-slot.drag-over.is-over-capacity::after {
  border-color: rgba(244, 63, 94, 0.8);
  background: rgba(244, 63, 94, 0.18);
  box-shadow: inset 0 0 0 1px rgba(244, 63, 94, 0.28);
}

[data-planner-backlog-drop] {
  transition:
    box-shadow 0.18s ease,
    border-color 0.18s ease,
    background 0.18s ease;
}

.planner-backlog-card.drag-over,
.planner-unscheduled-wrap.drag-over {
  box-shadow:
    0 0 0 1px rgba(129, 140, 248, 0.35),
    0 24px 48px rgba(79, 70, 229, 0.12);
}

.planner-backlog-card.drag-over {
  border-color: rgba(129, 140, 248, 0.34);
  background:
    radial-gradient(circle at top left, rgba(99, 102, 241, 0.18), transparent 38%),
    linear-gradient(180deg, rgba(9, 18, 38, 0.98), rgba(7, 14, 30, 1));
}

.planner-unscheduled-wrap.drag-over {
  border-radius: 20px;
  background: rgba(79, 70, 229, 0.08);
}

.planner-drag-ghost {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5000;
  pointer-events: none;
  opacity: 1;
  transform: translate3d(-9999px, -9999px, 0);
  filter: drop-shadow(0 22px 44px rgba(15, 23, 42, 0.42));
  border-radius: 16px;
  will-change: transform;
  backface-visibility: hidden;
}

.planner-drag-floating {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 5000 !important;
  pointer-events: none !important;
  transform: translate3d(-9999px, -9999px, 0);
  will-change: transform;
  backface-visibility: hidden;
}

.planner-drag-floating.planner-job-wrap {
  overflow: visible !important;
}

.planner-drag-floating .planner-job-bar,
.planner-drag-floating.planner-unscheduled-card {
  box-shadow:
    0 28px 56px rgba(2, 6, 23, 0.52),
    0 0 0 2px rgba(129, 140, 248, 0.78),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
  outline: 1px solid rgba(255, 255, 255, 0.18);
  transform: scale(1.02);
}

.planner-drag-placeholder {
  pointer-events: none !important;
}

.planner-drag-placeholder .planner-job-bar,
.planner-drag-placeholder.planner-unscheduled-card {
  opacity: 0.18 !important;
  filter: grayscale(0.18);
  box-shadow: none !important;
}

.planner-drag-ghost.planner-job-bar,
.planner-drag-ghost.planner-unscheduled-card {
  scale: 1.04;
  box-shadow:
    0 30px 60px rgba(2, 6, 23, 0.5),
    0 0 0 2px rgba(129, 140, 248, 0.72),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
  outline: 1px solid rgba(255, 255, 255, 0.18);
}

.planner-drag-origin .planner-job-bar,
.planner-job-bar.planner-drag-origin,
.planner-unscheduled-card.planner-drag-origin {
  opacity: 0.1 !important;
  outline: 2px dashed rgba(129, 140, 248, 0.55);
  outline-offset: 3px;
  filter: grayscale(0.2);
}

.planner-saving-hud {
  position: fixed;
  top: 18px;
  right: 24px;
  z-index: 120;
  margin-bottom: 0;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-radius: 16px;
  background: rgba(15, 23, 42, 0.92);
  color: #f8fafc;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.24);
  pointer-events: none;
}

.planner-saving-spinner {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  border: 2px solid rgba(255, 255, 255, 0.22);
  border-top-color: #f8fafc;
  animation: premium-spin 0.8s linear infinite;
}

body.page-tasks .main,
body.page-tasks .content {
  background: inherit;
}

#inventory-page .tasks-pill-option,
#products-page .tasks-pill-option {
  text-decoration: none;
}

.inventory-pill-metric {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.14);
  background: rgba(255, 255, 255, 0.04);
  color: #f8fafc;
  font-weight: 700;
}

.inventory-stats-row {
  margin-top: 4px;
}

.inventory-tab-panel {
  display: none;
}

.inventory-tab-panel.active {
  display: block;
}

.inventory-tab-strip {
  margin-top: -2px;
}

.inventory-tab-shell {
  display: inline-flex;
  align-items: center;
  gap: 16px;
}

.inventory-tab-shell__label {
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(148, 163, 184, 0.92);
}

.inventory-tab-switch {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.inventory-tab-chip {
  border: 1px solid rgba(var(--proc-violet-rgb), 0.12);
  min-height: 42px;
  padding: 0 18px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(33, 40, 67, 0.92), rgba(22, 28, 49, 0.94));
  color: #cfd8ea;
  font-weight: 800;
  font-size: 0.98rem;
  cursor: pointer;
  transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.inventory-tab-chip:hover {
  transform: translateY(-1px);
  border-color: rgba(var(--proc-violet-rgb), 0.2);
}

.inventory-tab-chip.is-active {
  color: #ffffff;
  border-color: rgba(var(--proc-violet-rgb), 0.32);
  background: var(--sidebar-active-violet);
  box-shadow: 0 14px 28px rgba(91, 33, 182, 0.24);
}

.inventory-filter-card .tasks-pill-option.active,
.inventory-filter-card .tasks-pill-option.is-active {
  border-color: rgba(var(--proc-violet-rgb), 0.34);
  background: rgba(var(--proc-violet-rgb), 0.2);
  color: #ffffff;
}

.inventory-pill-row {
  margin-bottom: 16px;
}

.inventory-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.inventory-stat-card {
  padding: 16px 18px;
  border-radius: 24px;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.14);
  background:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, 0.025), transparent 18%),
    radial-gradient(circle at 84% 18%, rgba(var(--proc-violet-rgb), 0.045), transparent 18%),
    linear-gradient(180deg, rgba(19, 24, 48, 0.9), rgba(11, 18, 36, 0.82));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 18px 34px rgba(2, 6, 23, 0.14);
  backdrop-filter: blur(14px);
}

.inventory-stat-card span {
  display: block;
  margin-bottom: 8px;
  color: rgba(181, 192, 220, 0.78);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.inventory-stat-card strong {
  display: block;
  color: #f8fafc;
  font-size: 1.35rem;
  letter-spacing: -0.03em;
}

.inventory-stat-card small {
  display: block;
  margin-top: 6px;
  color: rgba(191, 201, 229, 0.72);
  line-height: 1.5;
}

.inventory-stat-card--accent {
  border-color: rgba(var(--proc-violet-rgb), 0.2);
  background:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, 0.03), transparent 20%),
    radial-gradient(circle at 84% 18%, rgba(var(--proc-violet-rgb), 0.07), transparent 20%),
    linear-gradient(180deg, rgba(38, 28, 84, 0.46), rgba(18, 22, 44, 0.86));
}

.inventory-products-filter-card {
  margin-bottom: 16px;
  position: relative;
  z-index: 18;
}

.inventory-subfilter-card {
  position: relative;
  z-index: 18;
  border-color: rgba(var(--proc-violet-rgb), 0.13);
  background:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, 0.025), transparent 18%),
    radial-gradient(circle at 84% 18%, rgba(var(--proc-violet-rgb), 0.05), transparent 18%),
    linear-gradient(180deg, rgba(20, 26, 49, 0.92), rgba(11, 18, 36, 0.84));
}

.inventory-products-toolbar {
  grid-template-columns: minmax(0, 1.2fr) minmax(240px, 0.8fr) auto;
  align-items: end;
}

.inventory-products-toolbar .tasks-filter-actions {
  align-self: end;
  justify-content: flex-end;
}

.inventory-group-filter-field .custom-select {
  width: 100%;
  position: relative;
  z-index: 22;
}

.inventory-group-filter-field .custom-select-trigger {
  width: 100%;
  min-height: 52px;
}

.inventory-group-select .custom-options {
  z-index: 60;
  min-width: 100%;
  max-width: min(360px, calc(100vw - 64px));
}

.inventory-group-option {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  box-sizing: border-box;
  white-space: nowrap;
}

.inventory-group-option__label {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inventory-group-option__favorite {
  flex: 0 0 auto;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.14);
  background: rgba(255, 255, 255, 0.04);
  color: rgba(226, 232, 240, 0.9);
  width: 30px;
  height: 30px;
  min-height: 30px;
  padding: 0;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 1rem;
  font-weight: 800;
  cursor: pointer;
}

.inventory-group-option__favorite:hover,
.inventory-group-option__favorite.is-favorite {
  background: rgba(var(--proc-violet-rgb), 0.2);
  border-color: rgba(var(--proc-violet-rgb), 0.26);
  color: #ffffff;
}

.stock-delta-form {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
  min-width: 0;
  width: 100%;
  justify-content: flex-end;
}

.stock-delta-form input {
  width: 64px;
  flex: 0 1 64px;
  min-height: 36px;
  padding: 8px 8px;
  border-radius: 12px;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.18);
  background:
    linear-gradient(180deg, rgba(23, 28, 54, 0.88), rgba(15, 19, 40, 0.94));
  color: #eef2ff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.03),
    0 0 0 1px rgba(var(--proc-violet-rgb), 0.03);
}

.stock-delta-form input:focus {
  outline: none;
  border-color: rgba(var(--proc-violet-rgb), 0.34);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 0 0 3px rgba(var(--proc-violet-rgb), 0.14);
}

.stock-delta-form .table-action-btn {
  flex: 0 0 auto;
  min-width: 48px;
  min-height: 36px;
  padding-inline: 10px;
  border-radius: 12px;
  font-size: 0.76rem;
  white-space: nowrap;
}

.inventory-actions-cell,
.product-actions-cell {
  white-space: normal !important;
  text-align: right;
}

#inventory-page .table-wrapper,
#inventory-page .inventory-table,
#inventory-page .inventory-table tbody,
#inventory-page .inventory-table tr {
  position: relative;
  z-index: 1;
}

#inventory-page .inventory-table .product-cell {
  min-width: 0;
  max-width: 100%;
}

#inventory-page .inventory-table .product-cell strong {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#inventory-page .inventory-table td[data-label="Item"],
#inventory-page .inventory-table td[data-label="Product"] {
  min-width: 0;
}

.inventory-table th:last-child,
.inventory-table td:last-child {
  min-width: 118px;
}

.inventory-table th:last-child {
  text-align: right;
}

.inventory-actions-cell {
  padding-right: 0 !important;
}

.inventory-reservation-hover {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: help;
}

.inventory-reservation-hover__value {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.inventory-reservation-hover__value::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgba(132, 214, 255, 0.85);
  box-shadow: 0 0 0 4px rgba(132, 214, 255, 0.12);
}

.inventory-reservation-hover__tooltip {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 14px);
  z-index: 30;
  width: max-content;
  min-width: 220px;
  max-width: min(320px, 70vw);
  padding: 14px 16px;
  border: 1px solid rgba(132, 214, 255, 0.16);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(15, 23, 42, 0.96), rgba(9, 14, 28, 0.98));
  box-shadow:
    0 18px 40px rgba(3, 8, 20, 0.42),
    0 0 0 1px rgba(255, 255, 255, 0.03) inset;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 160ms ease,
    transform 160ms ease,
    visibility 160ms ease;
}

.inventory-reservation-hover:hover .inventory-reservation-hover__tooltip,
.inventory-reservation-hover:focus-visible .inventory-reservation-hover__tooltip,
.inventory-reservation-hover:focus-within .inventory-reservation-hover__tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

.inventory-reservation-hover__tooltip::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  width: 12px;
  height: 12px;
  background: rgba(9, 14, 28, 0.98);
  border-right: 1px solid rgba(132, 214, 255, 0.16);
  border-bottom: 1px solid rgba(132, 214, 255, 0.16);
  transform: translateX(-50%) rotate(45deg);
}

.po-supplier-table {
  min-width: 980px;
}

.po-supplier-table td,
.po-supplier-table th {
  vertical-align: middle;
}

.po-supplier-table input.ubatch-qty-input {
  min-width: 110px;
}

.po-difference {
  color: #77b6ff;
}

.po-difference--neutral {
  color: #77b6ff;
}

.po-difference--positive {
  color: #42d392;
}

.po-difference--negative {
  color: #ff7b7b;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table td[data-label="Difference"] .po-difference {
  color: #77b6ff !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table td[data-label="Difference"] .po-difference.po-difference--neutral {
  color: #77b6ff !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table td[data-label="Difference"] .po-difference.po-difference--positive {
  color: #42d392 !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table td[data-label="Difference"] .po-difference.po-difference--negative {
  color: #ff7b7b !important;
}

.products-table.products-cost-table {
  min-width: 1420px;
}

.products-table.products-cost-table th,
.products-table.products-cost-table td {
  vertical-align: top;
}

.products-table.products-cost-table .product-actions-cell {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
  max-width: none !important;
}

.products-stock-delta-form {
  margin-right: 4px;
}

.products-table.products-cost-table .group-badge,
.inventory-table .group-badge {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.14);
  background: rgba(255, 255, 255, 0.04);
  color: #dbe7ff;
  white-space: nowrap;
}

@media (max-width: 992px) {
  .inventory-tab-shell {
    display: grid;
    gap: 12px;
  }

  .inventory-tab-switch {
    display: grid;
    grid-template-columns: 1fr;
  }

  .inventory-tab-chip {
    width: 100%;
  }

  .inventory-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .inventory-products-toolbar {
    grid-template-columns: 1fr;
  }

  .inventory-products-toolbar .tasks-filter-actions {
    justify-content: flex-start;
  }

  .inventory-group-option__favorite {
    width: 30px;
  }

  .stock-delta-form {
    width: 100%;
    flex-wrap: wrap;
  }

  .stock-delta-form input,
  .stock-delta-form .table-action-btn {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .inventory-stats-grid {
    grid-template-columns: 1fr;
  }
}

.tasks-shell {
  display: grid;
  gap: 28px;
  padding: 28px;
  border-radius: 34px;
  background:
    radial-gradient(circle at top left, rgba(124, 58, 237, 0.08), transparent 26%),
    radial-gradient(circle at top right, rgba(139, 92, 246, 0.08), transparent 28%),
    linear-gradient(180deg, rgba(10, 18, 33, 0.98), rgba(9, 15, 28, 0.98));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.tasks-hero {
  position: relative;
  overflow: hidden;
  border-radius: 34px;
  padding: 30px;
  background: rgba(var(--premium-violet-surface-rgb), 0.96);
  box-shadow: 0 28px 60px rgba(15, 23, 42, 0.22);
  color: #f8fafc;
}

.tasks-hero__backdrop {
  position: absolute;
  inset: 0;
  background: none;
  pointer-events: none;
}

.tasks-hero__header,
.tasks-workspace,
.tasks-board,
.tasks-composer-section {
  position: relative;
  z-index: 1;
}

.tasks-hero .jobs-header-left p {
  max-width: 760px;
  color: rgba(226, 232, 240, 0.82);
}

.tasks-workspace {
  display: block;
}

.tasks-main-column {
  display: grid;
  gap: 22px;
}

.tasks-sidebar,
.app-drawer {
  position: fixed;
  top: 78px;
  right: 0;
  --drawer-width: min(460px, calc(100vw - 24px));
  width: var(--drawer-width);
  height: calc(100vh - 78px);
  padding: 16px 20px 20px;
  z-index: 3400;
  transform: translateX(100%);
  transition: transform 0.28s ease;
  pointer-events: none;
}

.tasks-sidebar.is-open,
.app-drawer.is-open {
  transform: translateX(0);
  pointer-events: auto;
}

.app-drawer--lg {
  --drawer-width: min(560px, calc(100vw - 24px));
}

.app-drawer--xl {
  --drawer-width: min(680px, calc(100vw - 24px));
}

.app-drawer--2xl {
  --drawer-width: min(1080px, calc(100vw - 24px));
}

@media (min-width: 641px) {
  .tasks-sidebar,
  .app-drawer {
    top: 0;
    left: var(--sidebar-w);
    right: 0;
    --drawer-width: calc(100vw - var(--sidebar-w));
    width: calc(100vw - var(--sidebar-w));
    max-width: calc(100vw - var(--sidebar-w));
    height: 100vh;
    padding: 0;
  }

  .app-drawer--lg,
  .app-drawer--xl,
  .app-drawer--2xl {
    --drawer-width: calc(100vw - var(--sidebar-w));
  }

  .app-drawer__surface {
    min-height: 100vh;
    border-radius: 0 !important;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
  }

  .premium-panel,
  .premium-panel[data-drawer-preset="unified"],
  .premium-panel:has(.ubatch-shell--entry) {
    top: 0;
    left: var(--sidebar-w);
    right: 0;
    width: calc(100vw - var(--sidebar-w));
    max-width: calc(100vw - var(--sidebar-w));
    height: 100vh;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-left: 0;
  }

  .premium-panel[data-drawer-preset="unified"]:has(.new-drawer-shell) {
    left: auto;
    right: 0;
    width: min(980px, calc(100vw - var(--sidebar-w)));
    max-width: calc(100vw - var(--sidebar-w));
  }

  .premium-panel[data-drawer-preset="unified"]:has(.product-create-shell),
  .premium-panel[data-drawer-preset="unified"]:has(.item-create-shell),
  .premium-panel[data-drawer-preset="unified"]:has(.item-group-shell),
  .premium-panel[data-drawer-preset="unified"]:has(.product-group-shell),
  .premium-panel[data-drawer-preset="unified"]:has(.workstation-create-shell),
  .premium-panel[data-drawer-preset="unified"]:has(.workstation-groups-shell) {
    left: auto;
    right: 0;
    width: min(840px, calc(100vw - var(--sidebar-w)));
    max-width: calc(100vw - var(--sidebar-w));
  }

  .tasks-drawer-overlay,
  .app-drawer-overlay,
  .premium-panel-overlay[data-panel-variant="unified"] {
    top: 0;
    left: var(--sidebar-w);
  }

  .tasks-sidebar:has(.new-drawer-shell),
  .app-drawer:has(.new-drawer-shell) {
    left: auto;
    right: 0;
    --drawer-width: min(980px, calc(100vw - var(--sidebar-w)));
    width: min(980px, calc(100vw - var(--sidebar-w)));
    max-width: calc(100vw - var(--sidebar-w));
  }

  .tasks-sidebar:has(.product-create-shell),
  .tasks-sidebar:has(.item-create-shell),
  .app-drawer:has(.product-create-shell),
  .app-drawer:has(.item-create-shell),
  .tasks-sidebar:has(.item-group-shell),
  .tasks-sidebar:has(.product-group-shell),
  .app-drawer:has(.item-group-shell),
  .app-drawer:has(.product-group-shell),
  .tasks-sidebar:has(.workstation-create-shell),
  .app-drawer:has(.workstation-create-shell),
  .tasks-sidebar:has(.workstation-groups-shell),
  .app-drawer:has(.workstation-groups-shell) {
    left: auto;
    right: 0;
    --drawer-width: min(840px, calc(100vw - var(--sidebar-w)));
    width: min(840px, calc(100vw - var(--sidebar-w)));
    max-width: calc(100vw - var(--sidebar-w));
  }

  #taskDetailDrawer,
  #reportDetailDrawer,
  #supplierDetailDrawer,
  #purchaseRequestDetailDrawer,
  #jobDetailDrawer {
    left: auto;
    right: 0;
    --drawer-width: calc((100vw - var(--sidebar-w)) / 2);
    width: calc((100vw - var(--sidebar-w)) / 2);
    max-width: calc(100vw - var(--sidebar-w));
  }

  .premium-panel[data-drawer-preset="unified"]:has(#batchPurchasePackPanel),
  .premium-panel[data-drawer-preset="unified"]:has(#purchaseOrderWorkspaceRoot) {
    left: auto;
    right: 0;
    width: calc(100vw - var(--sidebar-w));
    max-width: calc(100vw - var(--sidebar-w));
  }

  .premium-panel[data-drawer-preset="unified"]:has(#product-overview-page),
  .premium-panel[data-drawer-preset="unified"]:has(#product-edit-page),
  .premium-panel[data-drawer-preset="unified"]:has(#product-jobs-page),
  .premium-panel[data-drawer-preset="unified"]:has(#product-bom-page),
  .premium-panel[data-drawer-preset="unified"]:has(.product-panel-shell) {
    left: auto;
    right: 0;
    width: calc((100vw - var(--sidebar-w)) * 0.7);
    max-width: calc(100vw - var(--sidebar-w));
  }

  .premium-panel[data-drawer-preset="unified"] #premiumPanelContent,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer,
  .tasks-sidebar .dashboard-table-card,
  .tasks-sidebar .dashboard-form-card,
  .app-drawer .dashboard-table-card,
  .app-drawer .dashboard-form-card,
  .app-drawer .product-form-card,
  .tasks-composer-section {
    border-radius: 0 !important;
  }
}

.tasks-drawer-overlay,
.app-drawer-overlay {
  position: fixed;
  top: 78px;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(3, 7, 18, 0.72);
  z-index: 3390;
  opacity: 0;
  transition: opacity 0.22s ease;
}

.tasks-drawer-overlay.is-open,
.app-drawer-overlay.is-open {
  opacity: 1;
}

body.tasks-drawer-open {
  overflow: hidden;
}

.tasks-filter-card,
.tasks-composer-section,
.tasks-board {
  border-radius: 30px;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.2);
  background:
    linear-gradient(180deg, rgba(15, 23, 42, 0.95), rgba(22, 31, 51, 0.92)),
    linear-gradient(135deg, rgba(var(--proc-violet-rgb), 0.12), rgba(var(--proc-violet-deep-rgb), 0.06));
  box-shadow: 0 20px 48px rgba(15, 23, 42, 0.16);
  backdrop-filter: blur(14px);
}

.tasks-composer-section,
.app-drawer__surface,
.tasks-sidebar .dashboard-table-card,
.tasks-sidebar .dashboard-form-card,
.tasks-sidebar .product-form-card,
.app-drawer .dashboard-table-card,
.app-drawer .dashboard-form-card,
.app-drawer .product-form-card {
  background:
    linear-gradient(180deg, rgb(67, 41, 132) 0%, rgb(29, 22, 58) 24%, rgb(10, 15, 28) 58%, rgb(3, 7, 18) 100%);
  box-shadow: none;
  backdrop-filter: none;
}

.app-drawer__scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
  padding-bottom: 18px;
}

.app-drawer__footer {
  position: relative;
  z-index: 2;
  margin-top: 24px;
}

.tasks-filter-form,
.tasks-composer {
  display: grid;
  gap: 20px;
}

.tasks-filter-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: end;
}

.tasks-filter-card {
  width: 100%;
  max-width: none;
}

.tasks-filter-actions {
  display: flex;
  justify-content: flex-end;
  align-items: end;
}

.tasks-filter-actions .dashboard-btn {
  min-width: 0;
  padding: 10px 14px;
}

.tasks-filter-grid,
.tasks-composer__grid {
  display: grid;
  gap: 16px;
}

.tasks-composer__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tasks-composer__grid--sidebar {
  grid-template-columns: 1fr;
}

.tasks-composer--sidebar {
  display: block;
  height: auto;
  max-height: calc(100vh - 210px);
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
}

.tasks-composer-section {
    height: 100%;
    padding: 20px 20px 18px;
    overflow: hidden;
    background:
      radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.05), transparent 22%),
      radial-gradient(circle at 84% 18%, rgba(var(--proc-violet-rgb), 0.1), transparent 20%),
      linear-gradient(180deg, rgba(55, 36, 116, 0.72), rgba(19, 16, 40, 0.95) 24%, rgba(9, 14, 30, 0.988) 58%, rgba(4, 8, 20, 0.998)),
      linear-gradient(135deg, rgba(48, 30, 102, 0.64), rgba(10, 14, 28, 0.95));
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-color: rgba(var(--proc-violet-rgb), 0.18);
    box-shadow:
      0 34px 78px rgba(2, 6, 23, 0.54),
      0 0 0 1px rgba(var(--proc-violet-rgb), 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.08);
  }

.tasks-composer-section.new-drawer-shell {
  display: flex !important;
  flex-direction: column !important;
  gap: 22px !important;
  min-height: 100vh !important;
  padding: 24px !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.tasks-composer-section.new-drawer-shell .card-header {
  margin-bottom: 18px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.tasks-composer-section.new-drawer-shell .card-header h4 {
  margin: 0;
  color: #f8fbff !important;
  font-size: clamp(2rem, 2.5vw, 2.8rem) !important;
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1.08;
}

.tasks-composer-section.new-drawer-shell .drawer-hero-strip {
  margin-bottom: 24px !important;
  padding: 24px 24px 22px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.18) !important;
  background: linear-gradient(180deg, rgb(72, 47, 138), rgb(49, 31, 95)) !important;
  box-shadow: none !important;
}

.app-drawer .tasks-composer-section.new-drawer-shell > form.tasks-composer,
.tasks-sidebar .tasks-composer-section.new-drawer-shell > form.tasks-composer {
  flex: 1 1 auto;
  padding: 24px;
  border-radius: 28px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  background: #0a1020 !important;
  box-shadow:
    0 20px 44px rgba(2, 6, 23, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.app-drawer:has(.new-drawer-shell),
.tasks-sidebar:has(.new-drawer-shell) {
  background:
    linear-gradient(180deg, rgb(67, 41, 132) 0%, rgb(29, 22, 58) 24%, rgb(10, 15, 28) 58%, rgb(3, 7, 18) 100%) !important;
  box-shadow: -18px 18px 48px rgba(2, 6, 23, 0.34);
}

body:has(.app-drawer.is-open .new-drawer-shell) .app-drawer-overlay.is-open,
body:has(.tasks-sidebar.is-open .new-drawer-shell) .tasks-drawer-overlay.is-open {
  background: transparent !important;
  opacity: 0 !important;
}

.tasks-composer-section .card-header {
    align-items: flex-start;
    margin-bottom: 10px;
}

.tasks-composer--sidebar .form-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 18px;
  padding-top: 12px;
  overflow: hidden;
}

.tasks-composer--sidebar .dashboard-btn.primary {
  width: auto;
  min-width: 148px;
  padding: 12px 18px;
  border-radius: 16px;
  flex: 0 0 auto;
  box-shadow: 0 14px 28px rgba(99, 102, 241, 0.22);
}

#taskComposer .tasks-composer-section {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

#taskCreateForm {
  display: grid;
  gap: 18px;
  min-height: auto;
  overflow: visible;
}

#taskComposer .new-drawer-shell,
#reportComposer .new-drawer-shell {
  display: grid;
  gap: 22px;
}

#taskCreateForm .tasks-composer__grid--sidebar {
  min-height: auto;
  overflow: visible;
  padding-right: 0;
  padding-bottom: 0;
}

#taskCreateForm .form-actions {
  overflow: visible;
  padding-right: 0;
}

.tasks-field,
.tasks-filter-card .form-group {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.tasks-field label,
.tasks-filter-card label {
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(191, 219, 254, 0.8);
}

.tasks-field input,
.tasks-field select,
.tasks-field textarea,
.tasks-filter-card input,
.tasks-filter-card select,
.tasks-field .custom-select-trigger,
.tasks-filter-card .custom-select-trigger,
.tasks-status-form select {
  width: 100%;
  border-radius: 16px;
  border: 1px solid rgba(167, 139, 250, 0.14);
  background:
    linear-gradient(180deg, rgba(15, 23, 42, 0.72), rgba(15, 23, 42, 0.58)),
    linear-gradient(135deg, rgba(124, 58, 237, 0.12), rgba(255, 255, 255, 0.03));
  padding: 12px 14px;
  color: #e2e8f0;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset 0 -12px 24px rgba(2, 6, 23, 0.16),
    0 10px 24px rgba(2, 6, 23, 0.14);
}

.tasks-field .custom-select,
.tasks-filter-card .custom-select {
  width: 100%;
}

.tasks-field .custom-select-trigger,
.tasks-filter-card .custom-select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 52px;
}

.tasks-field .custom-select-trigger span,
.tasks-filter-card .custom-select-trigger span {
  color: #e2e8f0;
}

.item-suppliers-field,
.item-default-supplier-field {
  grid-column: span 2;
}

.item-supplier-checklist {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid rgba(129, 140, 248, 0.18);
  background: rgba(15, 23, 42, 0.6);
}

.item-supplier-check {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  background: rgba(255, 255, 255, 0.03);
  color: #e2e8f0;
  font-weight: 600;
}

.item-supplier-check input {
  width: 16px;
  height: 16px;
  accent-color: #7c3aed;
}

.item-default-supplier-select {
  min-height: 52px;
  border-radius: 16px;
  border: 1px solid rgba(129, 140, 248, 0.18);
  background: rgba(15, 23, 42, 0.8);
  color: #edf2ff;
}

.tasks-field-hint {
  display: block;
  margin-top: 8px;
  color: rgba(184, 194, 220, 0.72);
  font-size: 0.82rem;
}

.tasks-field input:focus,
.tasks-field textarea:focus,
.tasks-field .custom-select.open .custom-select-trigger {
  border-color: rgba(167, 139, 250, 0.34);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -12px 24px rgba(2, 6, 23, 0.18),
    0 0 0 3px rgba(124, 58, 237, 0.12),
    0 14px 30px rgba(2, 6, 23, 0.18);
  outline: none;
}

.tasks-field .custom-select-trigger.is-disabled span {
  color: #94a3b8;
}

.tasks-field .custom-options,
.tasks-filter-card .custom-options {
  background:
    linear-gradient(180deg, rgba(15, 23, 42, 0.96), rgba(17, 24, 39, 0.94)),
    linear-gradient(135deg, rgba(124, 58, 237, 0.1), rgba(255, 255, 255, 0.02));
  border: 1px solid rgba(167, 139, 250, 0.14);
  border-radius: 16px;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 260px;
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.28);
}

.tasks-field .custom-option,
.tasks-filter-card .custom-option {
  color: #e2e8f0;
  background: transparent;
}

.tasks-field .custom-option:hover,
.tasks-field .custom-option.option-hovered,
.tasks-filter-card .custom-option:hover,
.tasks-filter-card .custom-option.option-hovered {
  background: rgba(124, 58, 237, 0.22);
}

.tasks-field .custom-option.selected,
.tasks-filter-card .custom-option.selected {
  background: rgba(124, 58, 237, 0.28);
}

.tasks-field textarea {
  min-height: 104px;
  resize: vertical;
}

.users-permissions-panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.users-permissions-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.16);
  background: rgba(255, 255, 255, 0.04);
  color: #e9ddff;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.users-permissions-toggle:hover {
  transform: translateY(-1px);
  background: rgba(var(--proc-violet-rgb), 0.16);
  border-color: rgba(var(--proc-violet-rgb), 0.24);
}

.users-permissions-panel:not(.is-expanded) .users-permission-actions {
  display: none;
}

#account-page .account-profile-card,
#account-page .account-card {
  padding: 18px 20px;
}

#account-page .account-profile-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  align-items: stretch;
}

#account-page .account-profile-main {
  display: grid;
  gap: 6px;
  align-content: center;
}

#account-page .account-profile-kicker,
#account-page .account-meta-label {
  color: rgba(191, 219, 254, 0.72);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

#account-page .account-profile-kicker,
#account-page .account-card-kicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.22);
  background: linear-gradient(180deg, rgba(124, 58, 237, 0.2), rgba(91, 33, 182, 0.12));
  color: rgba(233, 236, 248, 0.96);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

#account-page .account-card-kicker {
  margin-bottom: 10px;
}

#account-page .account-profile-main h2 {
  margin: 0;
  font-size: 1.65rem;
  line-height: 1.05;
  color: #f8fafc;
}

#account-page .account-profile-main p {
  margin: 0;
  color: rgba(226, 232, 240, 0.8);
}

#account-page .account-profile-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

#account-page .account-profile-meta-card {
  display: grid;
  gap: 6px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.14);
  background: rgba(8, 12, 24, 0.42);
}

#account-page .account-profile-meta-card strong {
  color: #f8fafc;
  font-size: 1rem;
  line-height: 1.1;
}

#account-page .account-meta-sub {
  color: rgba(191, 201, 229, 0.68);
  font-size: 0.78rem;
  line-height: 1.35;
}

#account-page .account-content-grid {
  grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1.1fr);
  gap: 18px;
  align-items: start;
}

#account-page .account-card .card-header {
  margin-bottom: 14px;
}

#account-page .account-card .card-header h4 {
  margin: 0;
}

#account-page .account-form-grid {
  gap: 12px;
}

#account-page .account-card .form-actions {
  margin-top: 14px;
}

#account-page .account-permission-groups {
  gap: 12px;
}

#account-page .account-permission-groups .permission-group-card {
  padding: 14px 16px;
  border-radius: 18px;
}

#account-page .account-permission-groups .permission-badge-grid {
  gap: 8px;
}

#account-page .account-inline-action {
  margin-top: 14px !important;
}

#account-page .account-summary-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  padding: 22px 24px;
}

#account-page .account-summary-header {
  display: grid;
  gap: 8px;
  align-content: start;
}

#account-page .account-summary-header h2 {
  margin: 0;
  font-size: clamp(1.95rem, 3vw, 2.7rem);
  line-height: 1.02;
  color: #f8fafc;
}

#account-page .account-summary-header p {
  margin: 0;
  font-size: 0.98rem;
  line-height: 1.5;
  color: rgba(226, 232, 240, 0.8);
  overflow-wrap: anywhere;
}

#account-page .account-summary-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

#account-page .account-summary-stat {
  display: grid;
  gap: 6px;
  min-height: 0;
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.14);
  background: rgba(8, 12, 24, 0.42);
}

#account-page .account-summary-stat strong {
  color: #f8fafc;
  font-size: 1.15rem;
  line-height: 1.08;
}

#account-page .account-access-details {
  display: grid;
  gap: 0;
}

#account-page .account-access-summary {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  cursor: pointer;
}

#account-page .account-access-summary::-webkit-details-marker {
  display: none;
}

#account-page .account-access-summary__copy {
  display: grid;
  gap: 6px;
}

#account-page .account-access-summary__copy strong {
  color: #f8fafc;
  font-size: 1.3rem;
  line-height: 1.1;
}

#account-page .account-access-summary__copy .account-card-kicker {
  margin-bottom: 0;
  width: fit-content;
}

#account-page .account-access-summary__chevron {
  width: 14px;
  height: 14px;
  border-right: 2px solid rgba(226, 232, 240, 0.8);
  border-bottom: 2px solid rgba(226, 232, 240, 0.8);
  transform: rotate(45deg);
  transition: transform 0.18s ease;
  flex: 0 0 auto;
  margin-right: 4px;
}

#account-page .account-access-details[open] .account-access-summary__chevron {
  transform: rotate(-135deg);
}

#account-page .account-access-panel {
  display: grid;
  gap: 14px;
  padding-top: 16px;
}

@media (max-width: 980px) {
  #account-page .account-content-grid {
    grid-template-columns: 1fr;
  }

  #account-page .account-summary-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  #account-page .account-summary-card {
    padding: 18px;
  }

  #account-page .account-summary-stats {
    grid-template-columns: 1fr;
  }

  #account-page .account-access-summary {
    align-items: flex-start;
  }
}

.tasks-field--title,
.tasks-field--description {
  grid-column: span 2;
}

.tasks-pill-row {
  display: grid;
  gap: 14px;
}

.tasks-pill-group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.tasks-pill-group__label {
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(148, 163, 184, 0.92);
  margin-right: 2px;
}

.tasks-pill-option {
    position: relative;
    border: 0;
    padding: 0;
    background: transparent;
    font: inherit;
    color: inherit;
    cursor: pointer;
  }

.tasks-pill-option span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.22);
  color: #cbd5e1;
  font-weight: 700;
  transition: transform 0.18s ease, background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
  cursor: pointer;
}

.tasks-pill-option.is-active span {
    background: var(--sidebar-active-violet);
    color: #ffffff;
    box-shadow: 0 12px 28px rgba(91, 33, 182, 0.24);
  }

.tasks-pill-option span:hover {
  transform: translateY(-1px);
}

.tasks-composer-subcopy,
.tasks-board__subcopy {
    margin: 0;
    color: rgba(148, 163, 184, 0.78);
  }

.tasks-composer-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.015) 10%, rgba(255, 255, 255, 0) 22%);
    pointer-events: none;
    z-index: 0;
  }

.tasks-composer-section::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 180px;
    background:
      linear-gradient(180deg, rgba(var(--proc-violet-rgb), 0.18), rgba(var(--proc-violet-rgb), 0.08) 38%, rgba(var(--proc-violet-rgb), 0) 100%);
    pointer-events: none;
    z-index: 0;
  }

.tasks-composer-section .card-header h4 {
    color: #ffffff !important;
    text-shadow: 0 6px 18px rgba(15, 23, 42, 0.22);
  }

.tasks-composer-section > * {
    position: relative;
    z-index: 1;
  }

.tasks-drawer-close {
  border: 0;
  width: 40px;
  height: 40px;
  border-radius: 14px;
  background: rgba(148, 163, 184, 0.12);
  color: #f8fafc;
  font-size: 1.6rem;
  line-height: 1;
}

.tasks-board {
    padding: 26px;
    padding-bottom: 92px;
    overflow: visible;
    margin-top: 28px;
  }

.tasks-board__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
}

.tasks-table {
    min-width: 0;
    width: 100%;
    table-layout: auto;
    font-size: 0.93rem;
  }

.tasks-board .table-wrapper {
    overflow: visible !important;
    width: 100%;
  }

.tasks-table,
.tasks-table thead,
.tasks-table tbody,
.tasks-table tr {
    overflow: visible !important;
  }

.tasks-table td,
.tasks-table th {
    vertical-align: middle;
    position: relative;
    overflow: visible !important;
  }

.tasks-table th {
    font-size: 0.73rem;
    letter-spacing: 0.12em;
  }

.tasks-table td {
    font-size: 0.9rem;
    padding: 14px 10px;
  }

.tasks-table td[data-label="Linked"],
.tasks-table td[data-label="Created By"] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 154px;
  }

.tasks-table-delete-col,
.tasks-table-delete-cell {
    width: 40px;
    max-width: 40px;
    text-align: right;
  }

.tasks-table-primary {
  display: grid;
  gap: 6px;
}

.tasks-table-primary strong {
    color: #f8fafc;
    font-size: 0.98rem;
  }

.tasks-table-primary span {
    color: #94a3b8;
    font-size: 0.86rem;
  }

.tasks-table-title {
  color: #f8fafc;
}

.tasks-table-row {
  cursor: pointer;
  transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.tasks-table-row:hover td {
  background: rgba(124, 58, 237, 0.06);
}

.tasks-table-row-overdue td {
  border-top-color: rgba(220, 38, 38, 0.18);
}

.tasks-danger-copy {
  color: #dc2626 !important;
}

.tasks-status-select {
    width: 126px;
    min-width: 126px;
    max-width: 126px;
    position: relative;
    z-index: 3;
  }

.tasks-status-select.open {
    z-index: 50;
  }

.tasks-status-select .custom-options {
    top: calc(100% + 8px);
    left: auto;
    right: 0;
    min-width: 100%;
    z-index: 60;
  }

.tasks-table tbody tr:last-child td {
    padding-bottom: 28px;
  }

.tasks-status-form .custom-select-trigger {
  min-height: 46px;
  padding-inline: 14px 10px;
  font-size: 0.88rem;
}

.tasks-delete-form {
    display: flex;
    align-items: center;
  }

.tasks-delete-btn {
    width: 34px;
    min-width: 34px;
    height: 34px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.08);
    color: rgba(226, 232, 240, 0.9);
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition:
      background 0.18s ease,
      border-color 0.18s ease,
      color 0.18s ease,
      transform 0.18s ease;
  }

.tasks-delete-btn:hover {
    background: rgba(220, 38, 38, 0.16);
    border-color: rgba(248, 113, 113, 0.32);
    color: #fecaca;
    transform: translateY(-1px);
  }

.tasks-delete-btn--subtle {
  width: 30px;
  min-width: 30px;
  height: 30px;
  background: rgba(239, 68, 68, 0.08);
  border-color: rgba(248, 113, 113, 0.14);
  color: #fca5a5;
}

.tasks-delete-btn--row {
  width: 24px;
  min-width: 24px;
  height: 24px;
  border: 0;
  background: transparent;
  color: rgba(248, 113, 113, 0.72);
  font-size: 1rem;
  box-shadow: none;
}

.tasks-delete-btn--row:hover {
  background: rgba(220, 38, 38, 0.1);
  color: #fca5a5;
  transform: none;
}

.tasks-row-delete-form {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.tasks-detail-stack {
  display: grid;
  gap: 18px;
}

.tasks-detail-status-form {
  display: grid;
}

.tasks-status-select--detail {
  width: 100%;
  min-width: 0;
  max-width: none;
}

.tasks-detail-meta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.tasks-detail-meta-card {
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(167, 139, 250, 0.12);
  background:
    linear-gradient(180deg, rgba(15, 23, 42, 0.56), rgba(15, 23, 42, 0.42)),
    linear-gradient(135deg, rgba(124, 58, 237, 0.08), rgba(255, 255, 255, 0.02));
}

.tasks-detail-meta-card span {
  display: block;
  margin-bottom: 6px;
  color: rgba(191, 219, 254, 0.74);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.tasks-detail-meta-card strong {
  color: #f8fafc;
  font-size: 0.96rem;
}

.tasks-detail-link {
  color: #c4b5fd;
  text-decoration: none;
  border-bottom: 1px solid rgba(167, 139, 250, 0.35);
}

.tasks-detail-link:hover {
  color: #ddd6fe;
  border-bottom-color: rgba(196, 181, 253, 0.8);
}

#reports-page .reports-composer-section {
  padding: 32px 20px 20px;
}

#reports-page .reports-composer-form {
  display: grid;
  gap: 18px;
  min-height: auto;
  overflow: visible;
}

#reports-page .reports-composer-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
  min-height: auto;
  overflow: visible;
  padding-right: 0;
  padding-bottom: 0;
}

#reports-page .reports-field-wide {
  grid-column: 1 / -1;
}

#reports-page .reports-composer-form .tasks-field {
  gap: 8px;
}

#reports-page .reports-composer-form .tasks-field label,
#reports-page .reports-composer-form .custom-select-label {
  margin-bottom: 0;
}

#reports-page .reports-job-select {
  min-width: 0;
}

#reports-page .reports-job-select .custom-select-trigger,
#reports-page .reports-composer-form .tasks-field input,
#reports-page .reports-composer-form .tasks-field textarea {
  min-height: 50px;
}

#reports-page .reports-job-select .custom-select-trigger span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#reports-page .reports-job-select .custom-options {
  width: 100%;
  max-width: 100%;
}

#reports-page .reports-job-select .custom-option {
  white-space: normal;
  word-break: break-word;
  line-height: 1.35;
  padding-top: 12px;
  padding-bottom: 12px;
}

#reports-page .reports-composer-form .tasks-field textarea {
  min-height: 104px;
}

#reports-page .reports-composer-form .form-actions {
  flex: 0 0 auto;
  margin-top: 2px;
  overflow: visible;
  padding-right: 4px;
}

#suppliers-page .suppliers-board .table-wrapper {
  overflow: visible;
}

#suppliers-page .suppliers-table .suppliers-delete-column {
  width: 34px;
}

#suppliers-page .suppliers-table-row {
  cursor: pointer;
}

#suppliers-page .suppliers-delete-cell {
  width: 34px;
  text-align: right;
}

#suppliers-page .suppliers-composer-form {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  gap: 16px;
  padding-right: 8px;
}

#suppliers-page .suppliers-composer-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
  padding-bottom: 18px;
}

#suppliers-page .suppliers-field-wide {
  grid-column: 1 / -1;
}

#suppliers-page .suppliers-detail-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#suppliers-page .suppliers-composer-form .form-actions {
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  padding-right: 8px;
  overflow: visible !important;
}

#suppliers-page .suppliers-composer-section {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

#suppliers-page .suppliers-composer-form .form-actions .dashboard-btn {
  max-width: 100%;
}

.tasks-detail-description,
.tasks-detail-readonly {
  min-height: 56px;
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid rgba(167, 139, 250, 0.12);
  background:
    linear-gradient(180deg, rgba(15, 23, 42, 0.56), rgba(15, 23, 42, 0.42)),
    linear-gradient(135deg, rgba(124, 58, 237, 0.08), rgba(255, 255, 255, 0.02));
  color: #e2e8f0;
  line-height: 1.65;
  white-space: pre-wrap;
}

.jobs-table-upgraded .tasks-table-row {
  cursor: pointer;
  transition: background 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.jobs-table-upgraded .tasks-table-row:hover td {
  background: rgba(99, 102, 241, 0.08) !important;
}

.jobs-table-upgraded .tasks-table-row:hover {
  box-shadow: inset 0 1px 0 rgba(129, 140, 248, 0.12), inset 0 -1px 0 rgba(129, 140, 248, 0.12);
}

.jobs-table-upgraded .tasks-table-row:hover .tasks-table-primary strong,
.jobs-table-upgraded .tasks-table-row:hover td {
  color: #f8fafc;
}

.jobs-table-progress {
  display: grid;
  gap: 8px;
  min-width: 120px;
}

.jobs-table-progress .progress-track {
  width: 100%;
  height: 10px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.08);
}

.jobs-table-progress .progress-fill {
  display: block;
  height: 100%;
  min-width: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #5b7cff 0%, #7c3aed 55%, #9f67ff 100%);
  box-shadow: 0 0 16px rgba(124, 58, 237, 0.28);
}

.jobs-table-progress span {
  font-size: 0.82rem;
  color: rgba(191, 219, 254, 0.76);
}

.jobs-table-progress__meta {
  color: rgba(148, 163, 184, 0.92);
  font-size: 0.76rem;
  line-height: 1.35;
}

.job-detail-actions-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

#jobDetailDrawer {
  left: auto;
  right: 0;
  --drawer-width: calc((100vw - var(--sidebar-w)) * 0.72);
  width: calc((100vw - var(--sidebar-w)) * 0.72);
  max-width: calc(100vw - var(--sidebar-w));
  overflow-y: auto;
  overflow-x: hidden;
}

#jobDetailDrawer .app-drawer__surface,
#jobDetailDrawer .tasks-composer-section {
  min-height: 100%;
  height: 100%;
  overflow: visible;
}

body:has(#jobDetailDrawer.is-open) .tasks-drawer-overlay.is-open,
body:has(#jobDetailDrawer.is-open) .app-drawer-overlay.is-open {
  background: rgba(4, 9, 20, 0.18) !important;
  opacity: 1 !important;
  backdrop-filter: blur(2px);
}

#jobDetailDrawer .job-detail-workspace-shell {
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-height: 0;
  height: auto;
  max-height: none;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 6px;
  padding-bottom: 80px;
  overscroll-behavior: contain;
}

#jobDetailDrawer .app-drawer__header {
  margin-bottom: 0;
  padding: 2px 2px 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 10px;
}

#jobDetailDrawer .app-drawer__header h4 {
  font-size: clamp(2rem, 2.2vw, 2.85rem);
  line-height: 0.98;
  letter-spacing: -0.05em;
  color: #ffffff;
}

#jobDetailDrawer .app-drawer__hero {
  border-radius: 28px;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.18);
  background:
    radial-gradient(circle at top right, rgba(146, 106, 255, 0.16), transparent 28%),
    linear-gradient(180deg, rgba(67, 42, 132, 0.96), rgba(34, 24, 70, 0.98));
  padding: 18px 20px 16px;
}

#jobDetailDrawer .app-drawer__hero .tasks-composer-subcopy {
  color: rgba(236, 240, 255, 0.8);
  font-size: 0.98rem;
  line-height: 1.58;
}

#jobDetailDrawer .job-detail-stack-upgraded {
  display: grid;
  gap: 18px;
  min-height: 0;
}

#jobDetailDrawer .job-detail-highlights {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
}

#jobDetailDrawer .job-detail-highlights .tasks-detail-meta-card {
  min-height: 86px;
  aspect-ratio: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 10px;
  padding: 14px 16px;
  border-radius: 22px;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.18);
  background:
    radial-gradient(circle at top right, rgba(var(--proc-violet-rgb), 0.08), transparent 34%),
    linear-gradient(180deg, rgba(24, 30, 48, 0.98), rgba(16, 21, 37, 0.98));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

#jobDetailDrawer .job-detail-highlights .tasks-detail-meta-card span {
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#jobDetailDrawer .job-detail-highlights .tasks-detail-meta-card strong {
  color: #ffffff;
  font-size: 1.05rem;
  line-height: 1.25;
}

#jobDetailDrawer .job-detail-context-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
}

#jobDetailDrawer .job-detail-context-card {
  min-height: 72px;
  padding: 14px 16px;
  border-radius: 22px;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.14);
  background:
    radial-gradient(circle at top right, rgba(var(--proc-violet-rgb), 0.06), transparent 34%),
    linear-gradient(180deg, rgba(24, 30, 48, 0.98), rgba(16, 21, 37, 0.98));
}

#jobDetailDrawer .job-detail-context-card span {
  display: block;
  margin-bottom: 6px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#jobDetailDrawer .job-detail-context-card strong {
  color: #ffffff;
  font-size: 0.98rem;
  line-height: 1.35;
}

#jobDetailDrawer #jobDetailSummary {
  min-height: 0;
  padding: 8px 10px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.92);
  max-width: 520px;
}

#jobDetailDrawer .job-detail-summary-bar {
  display: block;
  padding: 0;
}

#jobDetailDrawer .job-detail-summary-bar__track {
  --job-summary-progress: 0;
  position: relative;
  width: 100%;
  height: 8px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.07);
}

#jobDetailDrawer .job-detail-summary-bar__track::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, #5b7cff 0%, #7c3aed 55%, #9f67ff 100%);
  box-shadow: 0 0 16px rgba(124, 58, 237, 0.28);
  transform: scaleX(var(--job-summary-progress));
  transform-origin: left center;
  transition: transform 0.24s ease;
}

#jobDetailDrawer .job-detail-card {
  min-height: 100%;
  overflow: visible !important;
  position: relative;
  z-index: 1;
}

#jobDetailDrawer .job-detail-card--progress {
  max-width: 520px;
}

#jobDetailDrawer .job-detail-card--progress .tasks-composer__grid--sidebar {
  grid-template-columns: minmax(0, 1fr);
}

#jobDetailDrawer .job-detail-card .tasks-board__header {
  margin-bottom: 14px;
}

#jobDetailDrawer .job-detail-card .tasks-board__header h4 {
  font-size: 1.05rem;
}

#jobDetailDrawer .job-detail-status-actions {
  gap: 10px;
}

#jobDetailDrawer .job-detail-status-actions .inline-form {
  margin: 0;
}

#jobDetailDrawer .job-detail-status-actions .dashboard-btn {
  min-width: 120px;
}

#jobDetailDrawer .job-detail-report-link {
  margin-top: 18px;
}

#jobDetailDrawer .tasks-composer--sidebar .form-actions {
  position: static;
  bottom: auto;
  margin: 14px 0 0;
  padding: 0;
  background: none;
}

#jobDetailDrawer .tasks-composer--sidebar .dashboard-btn.primary {
  width: 100%;
}

#jobDetailDrawer .jobs-inline-select,
#jobs-page .jobs-inline-select {
  width: 100%;
  position: relative;
  z-index: 30;
}

#jobDetailDrawer .tasks-field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
#jobDetailDrawer .custom-select-trigger,
#jobDetailDrawer .split-row input[type="number"],
#jobDetailDrawer .custom-select-search-input {
  min-height: 58px;
  padding: 0 18px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.16) !important;
  background:
    linear-gradient(180deg, rgba(19, 17, 34, 0.84), rgba(12, 11, 23, 0.92)) !important;
  color: #f8f7ff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    inset 0 10px 24px rgba(255, 255, 255, 0.01),
    0 10px 24px rgba(7, 4, 20, 0.12) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

#jobDetailDrawer .custom-select-trigger,
#jobDetailDrawer .custom-select-search-input {
  display: flex;
  align-items: center;
}

#jobDetailDrawer .tasks-field input::placeholder,
#jobDetailDrawer .custom-select-trigger span,
#jobDetailDrawer .split-row input[type="number"]::placeholder,
#jobDetailDrawer .custom-select-search-input::placeholder {
  color: rgba(236, 232, 255, 0.88) !important;
}

#jobDetailDrawer .tasks-field input:focus,
#jobDetailDrawer .split-row input[type="number"]:focus,
#jobDetailDrawer .custom-select.open .custom-select-trigger,
#jobDetailDrawer .custom-select-trigger:focus-visible,
#jobDetailDrawer .custom-select-search-input:focus {
  border-color: rgba(var(--proc-violet-rgb), 0.28) !important;
  background:
    linear-gradient(180deg, rgba(24, 20, 42, 0.9), rgba(15, 12, 27, 0.96)) !important;
  box-shadow:
    0 0 0 4px rgba(var(--proc-violet-rgb), 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 12px 28px rgba(10, 5, 25, 0.16) !important;
  outline: none;
}

#jobs-page .tasks-filter-card input:not([type="checkbox"]):not([type="radio"]),
#jobs-page .tasks-filter-card .custom-select-trigger {
  min-height: 58px;
  padding: 0 18px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.16) !important;
  background:
    linear-gradient(180deg, rgba(19, 17, 34, 0.84), rgba(12, 11, 23, 0.92)) !important;
  color: #f8f7ff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    inset 0 10px 24px rgba(255, 255, 255, 0.01),
    0 10px 24px rgba(7, 4, 20, 0.12) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

#jobs-page .tasks-filter-card input::placeholder,
#jobs-page .tasks-filter-card .custom-select-trigger span {
  color: rgba(236, 232, 255, 0.88) !important;
}

#jobs-page .tasks-filter-card input:focus,
#jobs-page .tasks-filter-card .custom-select.open .custom-select-trigger,
#jobs-page .tasks-filter-card .custom-select-trigger:focus-visible {
  border-color: rgba(var(--proc-violet-rgb), 0.28) !important;
  background:
    linear-gradient(180deg, rgba(24, 20, 42, 0.9), rgba(15, 12, 27, 0.96)) !important;
  box-shadow:
    0 0 0 4px rgba(var(--proc-violet-rgb), 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 12px 28px rgba(10, 5, 25, 0.16) !important;
}

#jobDetailDrawer .jobs-inline-select.open,
#jobs-page .jobs-inline-select.open {
  z-index: 400;
}

#jobDetailDrawer .jobs-inline-select .custom-options,
#jobs-page .jobs-inline-select .custom-options {
  z-index: 500;
  max-width: none;
}

#jobDetailDrawer .jobs-inline-select .custom-options {
  top: auto;
  bottom: calc(100% + 8px);
}

#jobDetailDrawer .split-row,
#jobs-page .jobs-filter-select-field {
  align-items: start;
}

#jobs-page .jobs-mobile-list {
  display: none;
}

#jobs-page .jobs-mobile-row {
  display: grid;
  grid-template-columns: minmax(82px, 0.9fr) minmax(0, 1.2fr) minmax(84px, auto);
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.025);
  cursor: pointer;
}

#jobs-page .jobs-mobile-cell {
  display: grid;
  gap: 3px;
  min-width: 0;
}

#jobs-page .jobs-mobile-cell strong {
  font-size: 0.84rem;
  line-height: 1.2;
}

#jobs-page .jobs-mobile-cell--status {
  justify-items: end;
}

#jobs-page .jobs-mobile-label {
  color: rgba(186, 197, 228, 0.72);
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#jobDetailDrawer .split-row {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(120px, 0.65fr) auto;
  gap: 16px;
  margin-bottom: 12px;
}

#jobDetailDrawer .planner-row-remove {
  align-self: stretch;
}

#jobDetailDrawer .split-rows {
  display: grid;
  gap: 12px;
  overflow: visible;
}

#jobDetailDrawer .tasks-composer,
#jobDetailDrawer .tasks-composer__grid,
#jobDetailDrawer .tasks-field {
  overflow: visible;
}

#jobDetailDrawer .job-detail-card:has(.jobs-inline-select.open) {
  z-index: 200;
}

#jobs-page .jobs-more-filters-grid {
  align-items: end;
}

#jobs-page .jobs-filter-select-field .custom-select-trigger {
  min-height: 48px;
}

.job-detail-status-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.job-detail-report-link {
  display: flex;
  justify-content: flex-start;
  margin-top: 16px;
}

#jobDetailDrawer .product-tab-card {
  border-radius: 26px !important;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.18) !important;
  background: rgb(23, 30, 48) !important;
  box-shadow: none !important;
}

#jobDetailDrawer .job-detail-highlights .tasks-detail-meta-card,
#jobDetailDrawer .job-detail-context-card {
  background: rgb(23, 30, 48) !important;
}

.tasks-empty-state {
    padding: 18px 0 4px;
    text-align: left;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

.tasks-empty-state h3 {
    margin: 14px 0 8px;
    color: #f8fafc;
}

.tasks-empty-state p {
    margin: 0;
    max-width: none;
    color: #94a3b8;
    font-size: 0.98rem;
  }

.tasks-empty-state[hidden] {
    display: none !important;
  }

.tasks-empty-state--filtered {
    margin-top: 18px;
  }

@media (max-width: 1200px) {
}

@media (max-width: 900px) {
  .tasks-composer__grid,
  .tasks-filter-toolbar {
    grid-template-columns: 1fr;
  }

  .tasks-field--title,
  .tasks-field--description {
    grid-column: span 1;
  }

  .tasks-board__header {
      align-items: flex-start;
      flex-direction: column;
    }

  .tasks-shell {
    gap: 18px;
    padding: 18px;
    border-radius: 26px;
  }

  #jobDetailDrawer {
    --drawer-width: calc(100vw - var(--sidebar-w));
    width: calc(100vw - var(--sidebar-w));
  }

  #jobDetailDrawer .job-detail-highlights,
  #jobDetailDrawer .job-detail-context-grid,
  #jobDetailDrawer .job-detail-actions-grid,
  #jobDetailDrawer .split-row {
    grid-template-columns: 1fr;
  }

  #jobDetailDrawer .job-detail-highlights .tasks-detail-meta-card {
    min-height: 0;
  }

  .tasks-hero {
    padding: 22px 20px;
    border-radius: 26px;
  }

  .tasks-hero__header {
    gap: 18px;
  }

  .tasks-hero .jobs-header {
    flex-direction: column;
    align-items: stretch;
  }

  .tasks-hero .jobs-header-right {
    width: 100%;
  }

  .tasks-hero .jobs-header-right .dashboard-btn {
    width: 100%;
    justify-content: center;
  }

  .tasks-filter-card,
  .tasks-board {
    padding: 20px;
    border-radius: 24px;
  }

  .tasks-filter-toolbar {
    gap: 10px;
  }

  .tasks-filter-actions {
    justify-content: stretch;
  }

  .tasks-filter-actions .dashboard-btn {
    width: 100%;
    justify-content: center;
  }

  .tasks-pill-group {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-width: none;
  }

  .tasks-pill-group::-webkit-scrollbar {
    display: none;
  }

  .tasks-pill-group__label {
    flex: 0 0 auto;
    min-width: max-content;
  }

  .tasks-pill-option {
    flex: 0 0 auto;
  }

  .tasks-board {
    padding-bottom: 20px;
    margin-top: 18px;
  }

  .tasks-board .table-wrapper {
    overflow: visible !important;
  }

  .tasks-table,
  .tasks-table thead,
  .tasks-table tbody {
    display: block;
    width: 100%;
  }

  .tasks-table thead {
    display: none;
  }

  .tasks-table tbody {
    display: grid;
    gap: 14px;
  }

  .tasks-table tr {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 14px;
    padding: 16px;
    border-radius: 22px;
    border: 1px solid rgba(148, 163, 184, 0.12);
    background:
      linear-gradient(180deg, rgba(15, 23, 42, 0.94), rgba(22, 31, 51, 0.88)),
      linear-gradient(135deg, rgba(124, 58, 237, 0.08), rgba(255, 255, 255, 0.01));
    box-shadow: 0 18px 38px rgba(2, 6, 23, 0.22);
  }

  .tasks-table td {
    display: grid;
    gap: 4px;
    padding: 0;
    border: 0;
    min-width: 0;
  }

  .tasks-table td::before {
    content: attr(data-label);
    color: rgba(191, 219, 254, 0.6);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .tasks-table td[data-label="Task"] {
    grid-column: 1 / -1;
    padding-right: 24px;
  }

  .tasks-table td[data-label="Task"]::before {
    margin-bottom: 2px;
  }

  .tasks-table td[data-label="Linked"],
  .tasks-table td[data-label="Created By"],
  .tasks-table td[data-label="Assigned"] {
    white-space: normal;
    max-width: none;
  }

  .tasks-table-delete-cell {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    align-self: start;
    width: auto;
    max-width: none;
  }

  .tasks-table-delete-cell::before {
    display: none;
  }

  .tasks-delete-btn--row {
    width: 28px;
    min-width: 28px;
    height: 28px;
    font-size: 1.05rem;
  }

  .tasks-table-row:hover td {
    background: transparent;
  }

  .tasks-detail-meta-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  #jobs-page .tasks-filter-actions,
  #jobs-page .tasks-pill-row,
  #jobs-page .jobs-more-filters {
    display: none !important;
  }

  #jobs-page .tasks-filter-form {
    gap: 10px !important;
  }

  #jobs-page .tasks-filter-card .form-group label {
    display: none !important;
  }

  #jobs-page .tasks-filter-card .form-group {
    margin: 0 !important;
    min-height: 0 !important;
  }

  #jobs-page .jobs-filter-grid,
  #jobs-page .tasks-filter-toolbar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    align-items: start !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
  }

  #jobs-page .tasks-filter-toolbar > *,
  #jobs-page .jobs-filter-grid > * {
    margin: 0 !important;
    min-height: 0 !important;
  }

  #jobs-page .tasks-filter-toolbar > .tasks-filter-actions {
    display: none !important;
  }

  #jobs-page .jobs-filter-grid {
    margin-top: 0 !important;
  }

  #jobs-page .table-wrapper > .orders-table.jobs-table-upgraded {
    display: none !important;
  }

  #jobs-page .jobs-mobile-list {
    display: grid;
    gap: 8px;
  }

  #jobs-page .jobs-mobile-row {
    grid-template-columns: minmax(78px, 0.85fr) minmax(0, 1.15fr) minmax(78px, auto);
    padding: 8px 10px;
    gap: 6px;
  }

  #jobs-page .jobs-mobile-cell--status .status-badge {
    justify-self: end;
    max-width: 100%;
  }

  #jobDetailDrawer .job-detail-highlights {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
  }

  #jobDetailDrawer .job-detail-highlights .tasks-detail-meta-card {
    min-height: 94px;
    aspect-ratio: 1 / 1;
    padding: 10px 8px;
    border-radius: 14px;
    gap: 6px;
  }

  #jobDetailDrawer .job-detail-highlights .tasks-detail-meta-card span {
    font-size: 0.58rem;
    letter-spacing: 0.06em;
  }

  #jobDetailDrawer .job-detail-highlights .tasks-detail-meta-card strong {
    font-size: 0.9rem;
    line-height: 1.15;
  }

  #jobDetailDrawer .job-detail-context-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
  }

  #jobDetailDrawer .job-detail-context-card {
    min-height: 92px;
    aspect-ratio: 1 / 1;
    padding: 10px 8px;
    border-radius: 14px;
    display: grid;
    align-content: space-between;
    gap: 6px;
  }

  #jobDetailDrawer .job-detail-context-card span {
    margin-bottom: 0;
    font-size: 0.58rem;
    letter-spacing: 0.06em;
  }

  #jobDetailDrawer .job-detail-context-card strong {
    font-size: 0.82rem;
    line-height: 1.18;
    overflow-wrap: anywhere;
  }

  #jobDetailDrawer #jobDetailSummary,
  #jobDetailDrawer .job-detail-card--progress {
    max-width: none;
  }

  #jobDetailDrawer .job-detail-actions-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  #jobDetailDrawer .app-drawer__header {
    padding: 0 0 4px;
  }

  #jobDetailDrawer .app-drawer__header h4 {
    font-size: 1.4rem;
    line-height: 1;
  }

  #jobDetailDrawer .tasks-drawer-close {
    justify-self: end;
    align-self: start;
  }

  #jobDetailDrawer .job-detail-status-actions .dashboard-btn,
  #jobDetailDrawer .job-detail-report-link .dashboard-btn,
  #jobDetailDrawer .planner-split-actions .dashboard-btn,
  #jobDetailDrawer .form-actions .dashboard-btn {
    width: 100%;
    min-width: 0;
  }

  #jobDetailDrawer .job-detail-report-link {
    margin-top: 12px;
  }

  #jobDetailDrawer .jobs-inline-select .custom-options {
    top: auto;
    bottom: calc(100% + 8px);
    max-height: 220px;
    overflow-y: auto;
  }
}

@media (max-width: 640px) {
  #tasks-page .tasks-table.orders-table {
    min-width: 0 !important;
  }

  #reports-page .reports-table.orders-table {
    min-width: 0 !important;
    width: 100%;
    table-layout: fixed;
  }

  #tasks-page .table-wrapper {
    overflow-x: visible !important;
  }

  #reports-page .table-wrapper {
    overflow-x: visible !important;
  }

  .tasks-shell {
    padding: 12px 14px;
    gap: 14px;
    border-radius: 0;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }

  .tasks-workspace,
  .tasks-board .table-wrapper,
  .tasks-table,
  .tasks-table tbody,
  .tasks-table tr {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .tasks-hero,
  .tasks-filter-card,
  .tasks-board {
    padding: 18px 16px;
    border-radius: 22px;
    width: 100%;
    box-sizing: border-box;
  }

  .tasks-hero .jobs-header-left h1 {
    font-size: 2rem;
  }

  .tasks-hero .jobs-header-left p,
  .tasks-board__subcopy {
    font-size: 0.94rem;
  }

  .tasks-pill-option span {
    min-height: 38px;
    padding: 0 14px;
    font-size: 0.88rem;
  }

  .tasks-filter-toolbar {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 10px;
  }

  .tasks-filter-card .form-group {
    gap: 6px;
  }

  .tasks-filter-card .form-group input {
    min-height: 46px;
    padding: 12px 14px;
    font-size: 0.96rem;
  }

  .tasks-filter-actions {
    justify-content: flex-end;
    align-items: end;
  }

  .tasks-filter-actions .dashboard-btn {
    width: auto;
    min-width: 88px;
    min-height: 46px;
    padding: 0 16px;
    justify-content: center;
  }

  .tasks-pill-row {
    gap: 10px;
  }

  #reports-page .tasks-filter-toolbar {
    grid-template-columns: 1fr;
  }

  #reports-page .tasks-filter-actions .dashboard-btn {
    width: 100%;
  }

  #reports-page .tasks-board__header {
    align-items: flex-start;
    flex-direction: column;
  }

  #reports-page .tasks-board__subcopy {
    max-width: none;
  }

  #reports-page .reports-table thead {
    display: none;
  }

  #reports-page .reports-table tbody {
    display: grid;
    gap: 12px;
  }

  #reports-page .reports-table tr {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 12px;
    padding: 14px;
    border-radius: 20px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(148, 163, 184, 0.1);
    background:
      linear-gradient(180deg, rgba(15, 23, 42, 0.78), rgba(15, 23, 42, 0.64)),
      linear-gradient(135deg, rgba(124, 58, 237, 0.07), rgba(255, 255, 255, 0.02));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

  #reports-page .reports-table td {
    display: grid;
    gap: 4px;
    min-width: 0;
    padding: 10px 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.1);
    font-size: 0.92rem;
    line-height: 1.35;
    align-content: start;
  }

  #reports-page .reports-table td::before {
    content: attr(data-label);
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #94a3b8;
  }

  #reports-page .reports-table td strong {
    font-size: 0.96rem;
  }

  #reports-page .reports-table td[data-label="Type"] {
    grid-column: 1;
    grid-row: 1;
  }

  #reports-page .reports-table td[data-label="Order"] {
    grid-column: 2;
    grid-row: 1;
  }

  #reports-page .reports-table td[data-label="Product"] {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  #reports-page .reports-table td[data-label="Job"] {
    grid-column: 1;
    grid-row: 3;
  }

  #reports-page .reports-table td[data-label="Workstation"] {
    grid-column: 2;
    grid-row: 3;
  }

  #reports-page .reports-table td[data-label="Quantity"] {
    grid-column: 1;
    grid-row: 4;
  }

  #reports-page .reports-table td[data-label="Reported By"] {
    grid-column: 2;
    grid-row: 4;
  }

  #reports-page .reports-table td[data-label="Created"] {
    grid-column: 1;
    grid-row: 5;
  }

  #reports-page .reports-table td[data-label="Notes"] {
    grid-column: 1 / -1;
    grid-row: 6;
    border-bottom: 0;
  }

  #reports-page .reports-table .status-badge {
    width: fit-content;
    max-width: 100%;
  }

  #reports-page .reports-table .product-description-cell {
    white-space: normal;
    overflow: visible;
    text-overflow: initial;
    word-break: break-word;
  }

  #suppliers-page .tasks-filter-toolbar {
    grid-template-columns: 1fr;
  }

  #suppliers-page .tasks-filter-actions .dashboard-btn {
    width: 100%;
  }

  #suppliers-page .tasks-board__header {
    align-items: flex-start;
    flex-direction: column;
  }

  #suppliers-page .tasks-board__subcopy {
    max-width: none;
  }

  #suppliers-page .suppliers-table.orders-table {
    min-width: 0 !important;
    width: 100%;
    table-layout: fixed;
  }

  #suppliers-page .suppliers-table thead {
    display: none;
  }

  #suppliers-page .suppliers-table tbody {
    display: grid;
    gap: 12px;
  }

  #suppliers-page .suppliers-table tr {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 12px;
    padding: 14px;
    border-radius: 20px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(148, 163, 184, 0.1);
    background:
      linear-gradient(180deg, rgba(15, 23, 42, 0.78), rgba(15, 23, 42, 0.64)),
      linear-gradient(135deg, rgba(124, 58, 237, 0.07), rgba(255, 255, 255, 0.02));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    position: relative;
  }

  #suppliers-page .suppliers-table td {
    display: grid;
    gap: 4px;
    min-width: 0;
    padding: 10px 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.1);
    font-size: 0.92rem;
    line-height: 1.35;
    align-content: start;
  }

  #suppliers-page .suppliers-table td::before {
    content: attr(data-label);
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #94a3b8;
  }

  #suppliers-page .suppliers-table td[data-label="Supplier"] {
    grid-column: 1 / -1;
    padding-right: 34px;
  }

  #suppliers-page .suppliers-delete-cell {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 28px;
    min-width: 28px;
    padding: 0;
    border: 0;
  }

  #suppliers-page .suppliers-table td[data-label="Code"] {
    grid-column: 1;
    grid-row: 2;
  }

  #suppliers-page .suppliers-table td[data-label="Contact"] {
    grid-column: 2;
    grid-row: 2;
  }

  #suppliers-page .suppliers-table td[data-label="Email"] {
    grid-column: 1;
    grid-row: 3;
  }

  #suppliers-page .suppliers-table td[data-label="Phone"] {
    grid-column: 2;
    grid-row: 3;
  }

  #suppliers-page .suppliers-table td[data-label="Status"] {
    grid-column: 1 / -1;
    grid-row: 4;
    border-bottom: 0;
  }

  #suppliers-page .suppliers-table .status-badge {
    width: fit-content;
    max-width: 100%;
  }

  #suppliers-page .suppliers-composer-grid,
  #suppliers-page .suppliers-detail-grid {
    grid-template-columns: 1fr;
  }

  .tasks-pill-group {
    gap: 8px;
    padding-bottom: 2px;
  }

  .tasks-board__header {
    gap: 10px;
  }

  .tasks-board__subcopy {
    line-height: 1.45;
    max-width: none;
  }

  .tasks-table tr {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 12px;
    padding: 14px;
    border-radius: 20px;
    width: 100%;
    box-sizing: border-box;
  }

  .tasks-table td[data-label="Task"] {
    grid-column: 1 / -1;
    padding-right: 34px;
  }

  .tasks-table td {
    align-content: start;
  }

  .tasks-table td::before {
    font-size: 0.64rem;
    letter-spacing: 0.07em;
  }

  .tasks-table td[data-label="Status"] .status-badge,
  .tasks-table td[data-label="Priority"] .priority-pill {
    width: auto;
    min-width: 0;
    max-width: max-content;
    justify-self: start;
  }

  .tasks-table td[data-label="Assigned"],
  .tasks-table td[data-label="Linked"],
  .tasks-table td[data-label="Created By"] {
    font-size: 0.92rem;
    line-height: 1.35;
    min-width: 0;
  }

  .tasks-table td[data-label="Linked"],
  .tasks-table td[data-label="Created By"] {
    word-break: break-word;
  }

  .tasks-table-delete-cell {
    grid-column: 2;
    grid-row: 1;
    position: absolute;
    top: 14px;
    right: 14px;
  }

  .tasks-sidebar {
    top: 0;
    width: 100vw;
    height: 100dvh;
    padding: 0;
    border-left: 0;
    border-radius: 0;
  }

  .tasks-drawer-overlay {
    top: 0;
  }

  .tasks-composer-section {
    min-height: 100dvh;
    border-radius: 0;
    padding: 84px 16px 24px;
  }

  .tasks-composer--sidebar {
    max-height: none;
    overflow: visible;
  }

  .tasks-composer--sidebar .form-actions {
    position: sticky;
    bottom: 0;
    margin: 16px -16px -24px;
    padding: 14px 16px calc(14px + env(safe-area-inset-bottom, 0px));
    background: linear-gradient(180deg, rgba(8, 12, 26, 0), rgba(8, 12, 26, 0.92) 32%, rgba(8, 12, 26, 0.98));
  }

  .tasks-composer--sidebar .dashboard-btn.primary {
    width: 100%;
    min-width: 0;
  }

  .tasks-drawer-close {
    width: 42px;
    height: 42px;
  }

  #reports-page .reports-composer-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .app-drawer--lg {
    --drawer-width: 100vw;
  }

  #reports-page .reports-field-wide {
    grid-column: span 1;
  }
}

@media (max-width: 560px) {
  #reports-page .reports-table tr {
    gap: 6px 10px;
    padding: 12px;
  }

  #reports-page .reports-table td {
    padding: 9px 0;
    font-size: 0.88rem;
    line-height: 1.28;
  }

  #reports-page .reports-table td::before {
    font-size: 0.58rem;
    letter-spacing: 0.06em;
  }

  #reports-page .reports-table td strong {
    font-size: 0.92rem;
  }

  #suppliers-page .suppliers-table tr {
    gap: 6px 10px;
    padding: 12px;
  }

  #suppliers-page .suppliers-table td {
    padding: 9px 0;
    font-size: 0.88rem;
    line-height: 1.28;
  }

  #suppliers-page .suppliers-table td::before {
    font-size: 0.58rem;
    letter-spacing: 0.06em;
  }

  #suppliers-page .suppliers-table .product-cell strong {
    font-size: 0.96rem;
  }

  .tasks-board__header {
    align-items: flex-start;
    flex-direction: column;
  }

  .tasks-table tr {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto auto auto auto;
    gap: 6px 10px;
    padding: 10px;
    position: relative;
  }

  .tasks-table td[data-label="Task"] {
    grid-column: 1;
    grid-row: 1;
    padding-right: 0;
    min-height: 40px;
    align-content: center;
    padding-left: 0;
  }

  .tasks-table-delete-cell {
    position: absolute !important;
    top: 12px;
    left: calc(50% + 18px);
    width: 30px !important;
    height: 30px;
    min-height: 30px;
    display: block !important;
    max-width: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    z-index: 4;
  }

  .tasks-table-delete-cell::before {
    display: none !important;
    content: none !important;
  }

  .tasks-row-delete-form {
    display: flex !important;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
  }

  .tasks-table td[data-label="Priority"],
  .tasks-table td[data-label="Due Date"],
  .tasks-table td[data-label="Created By"] {
    padding-left: 0;
  }

  .tasks-table td[data-label="Priority"] .priority-pill,
  .tasks-table td[data-label="Due Date"],
  .tasks-table td[data-label="Created By"] {
    justify-self: start;
  }

  .tasks-table td[data-label="Status"] {
    grid-column: 1;
    grid-row: 2;
  }

  .tasks-table td[data-label="Priority"] {
    grid-column: 2;
    grid-row: 2;
  }

  .tasks-table td[data-label="Assigned"] {
    grid-column: 1;
    grid-row: 3;
  }

  .tasks-table td[data-label="Due Date"] {
    grid-column: 2;
    grid-row: 3;
  }

  .tasks-table td[data-label="Linked"] {
    grid-column: 1;
    grid-row: 4;
  }

  .tasks-table td[data-label="Created By"] {
    grid-column: 2;
    grid-row: 4;
  }

  .tasks-table td[data-label="Status"] .status-badge,
  .tasks-table td[data-label="Priority"] .priority-pill {
    max-width: none;
  }

  .tasks-table td {
    gap: 2px;
  }

  .tasks-table td::before {
    font-size: 0.58rem;
    letter-spacing: 0.06em;
  }

  .tasks-table-title {
    font-size: 0.96rem;
    line-height: 1.2;
  }

  .tasks-table td[data-label="Assigned"],
  .tasks-table td[data-label="Due Date"],
  .tasks-table td[data-label="Linked"],
  .tasks-table td[data-label="Created By"] {
    font-size: 0.86rem;
    line-height: 1.22;
  }

  .tasks-delete-btn--row {
    width: 28px;
    min-width: 28px;
    height: 28px;
    border: 1px solid rgba(248, 113, 113, 0.26);
    background: rgba(127, 29, 29, 0.34);
    color: #fca5a5;
    box-shadow: 0 8px 18px rgba(127, 29, 29, 0.18);
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .tasks-delete-btn--row:hover {
    background: rgba(220, 38, 38, 0.2);
    border-color: rgba(248, 113, 113, 0.38);
    color: #fecaca;
  }
}

@media (max-width: 420px) {
  #reports-page .reports-table tr {
    grid-template-columns: 1fr;
  }

  #reports-page .reports-table td[data-label="Type"],
  #reports-page .reports-table td[data-label="Order"],
  #reports-page .reports-table td[data-label="Product"],
  #reports-page .reports-table td[data-label="Job"],
  #reports-page .reports-table td[data-label="Workstation"],
  #reports-page .reports-table td[data-label="Quantity"],
  #reports-page .reports-table td[data-label="Reported By"],
  #reports-page .reports-table td[data-label="Created"],
  #reports-page .reports-table td[data-label="Notes"] {
    grid-column: 1;
    grid-row: auto;
  }

  #suppliers-page .suppliers-table tr {
    grid-template-columns: 1fr;
  }

  #suppliers-page .suppliers-table td[data-label="Supplier"],
  #suppliers-page .suppliers-table td[data-label="Code"],
  #suppliers-page .suppliers-table td[data-label="Contact"],
  #suppliers-page .suppliers-table td[data-label="Email"],
  #suppliers-page .suppliers-table td[data-label="Phone"],
  #suppliers-page .suppliers-table td[data-label="Status"] {
    grid-column: 1;
    grid-row: auto;
  }

  #tasks-page .tasks-table.orders-table {
    min-width: 0 !important;
  }

  .tasks-shell {
    padding: 10px 12px;
    overflow-x: clip;
  }

  .tasks-hero,
  .tasks-filter-card,
  .tasks-board {
    padding: 16px 14px;
    border-radius: 20px;
    width: 100%;
    box-sizing: border-box;
  }

  .tasks-filter-toolbar {
    grid-template-columns: 1fr;
  }

  .tasks-filter-actions .dashboard-btn {
    width: 100%;
  }

}

/* Purchase Orders refresh */
#purchase-orders-page .tasks-hero__backdrop {
  background: none;
}

.po-workspace-hero .tasks-hero__backdrop {
  display: none;
}

#purchase-orders-page .tasks-workspace {
  gap: 24px;
}

#purchase-orders-page,
#purchase-orders-page .tasks-workspace,
#purchase-orders-page .tasks-workspace > *,
#purchase-orders-page .tasks-hero,
#purchase-orders-page .tasks-filter-card,
#purchase-orders-page .tasks-board,
#purchase-orders-page .table-wrapper,
#purchase-orders-page .purchase-orders-table,
#purchase-orders-page .purchase-orders-table tbody,
#purchase-orders-page .purchase-orders-table tr {
  min-width: 0;
  max-width: 100%;
}

#purchase-orders-page .tasks-board {
  overflow: hidden;
}

#purchase-orders-page .tasks-table tbody tr {
  cursor: pointer;
}

.purchase-orders-table td,
.purchase-orders-table th {
  vertical-align: middle;
}

.purchase-orders-table .tasks-table-stack {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.purchase-orders-table .tasks-table-meta {
  color: rgba(195, 204, 228, 0.78);
  font-size: 0.82rem;
}

.purchase-orders-action-column,
.purchase-orders-action-cell {
  width: 170px;
  min-width: 170px;
}

.purchase-orders-action-cell .table-actions-inline {
  justify-content: flex-start;
  gap: 8px;
}

#purchase-orders-page .purchase-orders-composer-form {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  gap: 16px;
}

#purchase-orders-page .purchase-orders-composer-grid {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
  padding-bottom: 18px;
  gap: 16px;
}

#purchase-orders-page .purchase-orders-field-wide {
  grid-column: span 2;
}

#purchase-orders-page .purchase-orders-composer-section {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

#purchase-orders-page .purchase-orders-composer-form .form-actions {
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding-right: 4px;
  overflow: visible;
}

#purchase-orders-page .purchase-orders-composer-form .form-actions .dashboard-btn {
  max-width: 100%;
}

.po-builder-shell {
  padding-bottom: 24px;
}

.po-workspace-summary-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}


.po-workspace-summary-chip {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 14px 16px;
  border-radius: 22px;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.12);
  background: rgba(15, 20, 40, 0.34);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 10px 22px rgba(2, 6, 23, 0.08);
  backdrop-filter: blur(12px);
}

.po-workspace-summary-chip span {
  font-size: 0.76rem;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: rgba(171, 189, 223, 0.78);
}

.po-workspace-summary-chip strong {
  font-size: 1.06rem;
  color: #f4f7ff;
}

.po-workspace-summary-chip small {
  font-size: 0.82rem;
  line-height: 1.5;
  color: rgba(191, 201, 229, 0.78);
}

.po-workspace-summary-chip--status {
  background: rgba(18, 21, 44, 0.38);
  border-color: rgba(var(--proc-violet-rgb), 0.18);
}

.po-planner-surface,
.po-catalog-surface {
  border: 1px solid rgba(var(--proc-violet-rgb), 0.18);
  border-radius: 30px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.018), rgba(255, 255, 255, 0)),
    linear-gradient(180deg, #070c18 0%, #091122 100%);
  box-shadow:
    0 24px 60px rgba(4, 8, 20, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.025),
    0 0 0 1px rgba(var(--proc-violet-rgb), 0.04);
  backdrop-filter: blur(14px);
}

.po-region-refreshing {
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.po-planner-surface .ubatch-card__header,
.po-catalog-surface .card-header {
  margin-bottom: 16px;
}

.po-section-header {
  margin-bottom: 18px;
  padding: 4px 2px 0;
}

.po-section-header h4 {
  letter-spacing: -0.03em;
  font-size: clamp(1.45rem, 1.8vw, 2rem);
  line-height: 1;
}

.po-section-header .tasks-board__subcopy {
  max-width: 34ch;
  color: rgba(208, 216, 238, 0.7);
  line-height: 1.55;
}

.po-supplier-group-form {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 12px;
  padding: 18px;
  border-radius: 24px;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.18);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.016), rgba(255, 255, 255, 0)),
    linear-gradient(180deg, #070c18 0%, #091122 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.018),
    0 18px 46px rgba(2, 6, 23, 0.18);
  backdrop-filter: blur(12px);
}

.po-supplier-group-form__actions {
  display: flex;
}

.po-supplier-groups {
  display: flex;
  flex-direction: column;
  gap: 14px;
  border-top: 0;
}

.po-supplier-box {
  border-bottom: 0;
  background: transparent;
  overflow: hidden;
}

.po-supplier-box {
  border: 3px solid rgba(var(--proc-violet-rgb), 0.38);
  border-radius: 24px;
  margin-top: 0;
  padding: 14px 16px 16px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)),
    linear-gradient(180deg, #121b2d 0%, #17233a 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 22px 48px rgba(2, 6, 23, 0.2);
  backdrop-filter: blur(12px);
}

.po-supplier-box__header {
  width: 100%;
  padding: 2px 2px 8px;
  background: transparent;
  border: 0;
}

.po-supplier-box.is-active {
  border-color: rgba(167, 139, 250, 0.58);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 0 2px rgba(167, 139, 250, 0.16),
    0 24px 52px rgba(2, 6, 23, 0.22);
}

.po-supplier-box.is-active .po-supplier-lane-row {
  border-color: rgba(var(--proc-violet-rgb), 0.26);
  box-shadow:
    0 0 0 1px rgba(167, 139, 250, 0.08),
    0 18px 30px rgba(2, 6, 23, 0.16);
}

.po-supplier-box.is-active .po-supplier-lane-row__state {
  background: rgba(91, 33, 182, 0.22);
  border-color: rgba(167, 139, 250, 0.24);
}

.po-supplier-lane-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: stretch;
  min-height: 72px;
  padding: 12px 14px;
  border-radius: 20px;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.14);
  background:
    linear-gradient(180deg, rgba(10, 15, 29, 0.96), rgba(8, 12, 24, 0.98));
  transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.po-supplier-lane-row__trigger {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: stretch;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: left;
}

.po-supplier-lane-row__main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
  justify-content: center;
}

.po-supplier-lane-row__code {
  font-size: 0.66rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(168, 184, 221, 0.7);
}

.po-supplier-lane-row__main strong {
  font-size: 1.02rem;
  line-height: 1.2;
  color: #f3f6ff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.po-supplier-lane-row__hint {
  margin: 0;
  color: rgba(191, 201, 229, 0.7);
  font-size: 0.77rem;
  line-height: 1.35;
  max-width: 42ch;
}

.po-supplier-lane-row__meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(82px, auto));
  gap: 8px;
  align-items: stretch;
  justify-content: end;
  padding: 0;
  border: 0;
  background: transparent;
}

.po-supplier-lane-row__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: center;
}

.po-supplier-lane-row__metric {
  display: grid;
  gap: 4px;
  min-width: 0;
  min-height: 74px;
  padding: 8px 10px;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.1);
  background: linear-gradient(180deg, rgba(100, 116, 139, 0.14), rgba(51, 65, 85, 0.18));
  box-shadow: none;
}

.po-supplier-lane-row__metric small {
  color: rgba(186, 198, 228, 0.62);
  font-size: 0.64rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  white-space: nowrap;
}

.po-supplier-lane-row__metric strong {
  color: #edf2ff;
  font-size: 0.82rem;
  white-space: nowrap;
}

.po-supplier-lane-row__state {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.16);
  background: rgba(91, 33, 182, 0.14);
  color: rgba(234, 223, 255, 0.92);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.po-supplier-box.is-collapsed .po-supplier-box__dropzone,
.po-supplier-box.is-collapsed .po-line-list,
.po-supplier-box.is-collapsed .table-wrapper,
.po-supplier-box.is-collapsed .po-supplier-box__footer {
  display: none;
}

.po-supplier-box__dropzone {
  display: flex;
  align-items: center;
  margin: 10px 0 10px;
  padding: 12px 14px;
  border: 1px dashed rgba(var(--proc-violet-rgb), 0.22);
  border-radius: 16px;
  background: rgba(91, 33, 182, 0.06);
  color: rgba(211, 220, 244, 0.76);
  font-size: 0.8rem;
  line-height: 1.35;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
  justify-content: flex-start;
}

.po-supplier-box.is-drop-target .po-supplier-lane-row,
.po-supplier-lane-row.is-drop-target {
  border-color: rgba(167, 139, 250, 0.42);
  background:
    linear-gradient(180deg, rgba(40, 26, 86, 0.92), rgba(17, 19, 38, 0.98)),
    linear-gradient(135deg, rgba(167, 139, 250, 0.12), rgba(255, 255, 255, 0.02));
  box-shadow: 0 0 0 1px rgba(167, 139, 250, 0.14);
}

.po-line-list {
  display: flex;
  flex-direction: column;
  margin: 8px 0 0;
  border-top: 1px solid rgba(var(--proc-violet-rgb), 0.12);
}

.po-line-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 11px 2px;
  border-bottom: 1px solid rgba(var(--proc-violet-rgb), 0.1);
  transition: opacity 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.po-line-row--optimistic,
.po-line-row--pending {
  opacity: 0.74;
  background: rgba(92, 67, 182, 0.08);
  border-color: rgba(132, 110, 227, 0.22);
}

.po-line-row__main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.po-line-row__code {
  font-size: 0.64rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(168, 184, 221, 0.7);
}

.po-line-row__copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.po-line-row__copy strong {
  font-size: 0.88rem;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.po-line-row__copy span {
  font-size: 0.72rem;
  line-height: 1.25;
  color: rgba(186, 196, 223, 0.68);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.po-line-row__meta {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: flex-end;
}

.po-line-row__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 82px;
}

.po-line-row__field--unit {
  min-width: 58px;
}

.po-line-row__field--price {
  min-width: 116px;
}

.po-line-row__label {
  font-size: 0.62rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(166, 182, 218, 0.62);
}

.po-line-row .ubatch-qty-input {
  min-height: 34px;
  padding: 5px 10px;
  border-radius: 14px;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.16);
  background:
    linear-gradient(180deg, rgba(31, 36, 66, 0.92), rgba(18, 23, 44, 0.92));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 0 0 1px rgba(var(--proc-violet-rgb), 0.03);
}

.po-line-row__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 34px;
}

.po-line-lock {
  font-size: 0.78rem;
  color: rgba(184, 196, 226, 0.72);
}

.po-supplier-box__footer {
  padding: 10px 0 16px;
  display: flex;
  justify-content: flex-end;
}

.po-catalog-strip {
  margin-bottom: 16px;
}

.po-catalog-active-group {
  margin-bottom: 12px;
  padding: 14px 16px;
  border-radius: 20px;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.16);
  background:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, 0.035), transparent 20%),
    linear-gradient(180deg, rgba(28, 30, 61, 0.72), rgba(12, 19, 37, 0.62));
  color: rgba(205, 214, 238, 0.84);
  font-size: 0.84rem;
}

.po-item-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  border-top: 1px solid rgba(var(--proc-violet-rgb), 0.12);
}

.po-catalog-row {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr) 76px;
  gap: 12px;
  align-items: center;
  padding: 9px 2px;
  border: 0;
  border-bottom: 1px solid rgba(var(--proc-violet-rgb), 0.12);
  border-radius: 0;
  background: transparent;
  cursor: grab;
  box-shadow: none;
  transition: opacity 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.po-catalog-row__main {
  display: contents;
}

.po-catalog-row:hover {
  transform: none;
  border-color: rgba(var(--proc-violet-rgb), 0.18);
  background: rgba(var(--proc-violet-rgb), 0.04);
  box-shadow: none;
}

.po-catalog-row__code {
  font-size: 0.88rem;
  font-weight: 800;
  color: #f4f7ff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.po-catalog-row strong {
  min-width: 0;
  font-size: 0.82rem;
  font-weight: 700;
  color: rgba(233, 238, 255, 0.94);
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  word-break: break-word;
}

.po-catalog-row__desc {
  display: none;
}

.po-catalog-surface .ubatch-catalog-search,
.po-catalog-surface #poCatalogActiveGroup,
.po-catalog-surface .po-item-list {
  border-color: rgba(var(--proc-violet-rgb), 0.16);
}

.po-supplier-select .custom-select-trigger,
.po-catalog-surface .ubatch-catalog-search {
  min-height: 48px;
  border-radius: 20px;
  padding-inline: 16px;
  background:
    linear-gradient(180deg, rgba(24, 29, 56, 0.9), rgba(15, 20, 42, 0.94));
  border: 1px solid rgba(var(--proc-violet-rgb), 0.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.03),
    0 0 0 1px rgba(var(--proc-violet-rgb), 0.03) !important;
}

.po-supplier-select.open .custom-select-trigger,
.po-supplier-select .custom-select-trigger:focus-within {
  border: 1px solid rgba(var(--proc-violet-rgb), 0.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 0 0 3px rgba(var(--proc-violet-rgb), 0.14) !important,
    0 14px 30px rgba(2, 6, 23, 0.18) !important;
}

.po-supplier-group-form {
  position: relative;
  overflow: visible;
  z-index: 40;
}

.po-supplier-select {
  position: relative;
  z-index: 80;
}

.po-supplier-select.open {
  z-index: 5000;
}

.po-supplier-select .custom-options {
  z-index: 5001;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.22) !important;
  border-radius: 18px;
  background:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, 0.03), transparent 18%),
    radial-gradient(circle at top right, rgba(var(--proc-violet-rgb), 0.08), transparent 24%),
    linear-gradient(180deg, rgba(20, 24, 48, 0.98), rgba(13, 18, 38, 0.96));
  box-shadow:
    0 20px 44px rgba(2, 6, 23, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 0 0 1px rgba(var(--proc-violet-rgb), 0.06) !important;
  backdrop-filter: blur(14px);
}

.po-supplier-select .custom-option {
  color: rgba(232, 237, 255, 0.9) !important;
}

.po-supplier-select .custom-option:hover,
.po-supplier-select .custom-option.option-hovered {
  background: rgba(var(--proc-violet-rgb), 0.12) !important;
  color: #f8faff !important;
}

.po-supplier-select .custom-option.selected {
  background:
    linear-gradient(90deg, rgba(var(--proc-violet-rgb), 0.18), rgba(var(--proc-violet-rgb), 0.06)) !important;
  color: #ffffff !important;
}

.po-catalog-row:active {
  cursor: grabbing;
}

.po-catalog-row__meta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.po-catalog-row__meta span {
  display: none;
}

.po-catalog-row .po-item-add-btn {
  min-height: 30px;
  padding-inline: 9px;
  font-size: 0.72rem;
}

.po-catalog-row.is-busy,
.po-supplier-delete-form.is-busy {
  opacity: 0.72;
}

.po-catalog-row__main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.po-catalog-row__code {
  font-size: 0.7rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(168, 184, 221, 0.7);
}

.po-catalog-row__main strong {
  font-size: 0.95rem;
  line-height: 1.35;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  word-break: break-word;
}

.po-catalog-row__desc {
  font-size: 0.76rem;
  line-height: 1.45;
  color: rgba(186, 196, 223, 0.68);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.po-catalog-row__meta {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: flex-end;
  padding-left: 0;
}

.po-catalog-row__meta > span {
  font-size: 0.76rem;
  color: rgba(193, 203, 230, 0.74);
  white-space: nowrap;
}

.po-catalog-row__main {
  min-width: 0;
}

.po-catalog-row.is-busy {
  opacity: 0.74;
  border-color: rgba(var(--proc-violet-rgb), 0.28);
  box-shadow:
    inset 0 0 0 1px rgba(var(--proc-violet-rgb), 0.12),
    0 12px 26px rgba(8, 11, 24, 0.18);
}

.po-line-row {
  position: relative;
}

.po-line-row.is-busy {
  opacity: 0.8;
  background:
    linear-gradient(90deg, rgba(124, 58, 237, 0.08), rgba(124, 58, 237, 0.03));
}

.po-line-row.is-busy td {
  transition: opacity 0.18s ease, background 0.18s ease;
}

.po-line-row.is-busy td:last-child {
  position: relative;
}

.po-line-row.is-busy td:last-child::after {
  content: "Saving...";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 76px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(76, 29, 149, 0.92);
  border: 1px solid rgba(167, 139, 250, 0.24);
  color: #f8fafc;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

@media (max-width: 1180px) {
  .po-workspace-summary-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .purchase-orders-action-column,
  .purchase-orders-action-cell {
    width: auto;
    min-width: 0;
  }

  .po-supplier-group-form {
    grid-template-columns: 1fr;
  }

  .po-supplier-lane-row,
  .po-supplier-lane-row__trigger,
  .po-catalog-row {
    grid-template-columns: 1fr;
    display: grid;
  }

  .po-supplier-lane-row__meta,
  .po-catalog-row__meta {
    justify-content: flex-start;
  }

  .po-supplier-lane-row__meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .po-line-row {
    grid-template-columns: 1fr;
  }

  .po-line-row__meta {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

@media (max-width: 720px) {
  .po-workspace-summary-strip {
    grid-template-columns: 1fr;
  }

  .po-supplier-lane-row__meta {
    grid-template-columns: 1fr;
  }
}

#orders-page .tasks-filter-card {
  margin-bottom: 20px;
}

#orders-page .tasks-filter-form {
  gap: 0;
}

#orders-page .tasks-pill-group {
  flex-wrap: wrap;
}

#orders-page .tasks-pill-row {
  margin-top: -18px;
}

#orders-page .tasks-pill-option {
  min-width: 0;
}

#orders-page .tasks-filter-card input:not([type="checkbox"]):not([type="radio"]),
#orders-page .tasks-filter-card .custom-select-trigger {
  min-height: 58px;
  padding: 0 18px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.16) !important;
  background:
    linear-gradient(180deg, rgba(19, 17, 34, 0.84), rgba(12, 11, 23, 0.92)) !important;
  color: #f8f7ff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    inset 0 10px 24px rgba(255, 255, 255, 0.01),
    0 10px 24px rgba(7, 4, 20, 0.12) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

#orders-page .tasks-filter-card input::placeholder,
#orders-page .tasks-filter-card .custom-select-trigger span {
  color: rgba(236, 232, 255, 0.88) !important;
}

#orders-page .tasks-filter-card input:focus,
#orders-page .tasks-filter-card .custom-select.open .custom-select-trigger,
#orders-page .tasks-filter-card .custom-select-trigger:focus-visible {
  border-color: rgba(var(--proc-violet-rgb), 0.28) !important;
  background:
    linear-gradient(180deg, rgba(24, 20, 42, 0.9), rgba(15, 12, 27, 0.96)) !important;
  box-shadow:
    0 0 0 4px rgba(var(--proc-violet-rgb), 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 12px 28px rgba(10, 5, 25, 0.16) !important;
}

#orders-page .orders-premium-table td,
#orders-page .orders-premium-table th {
  white-space: nowrap;
}

#orders-page .tasks-filter-actions {
  margin-left: auto;
  align-self: end;
  margin-bottom: -6px;
}

#orders-page .orders-premium-primary {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

#orders-page .orders-premium-primary span {
  color: rgba(189, 199, 226, 0.68);
  font-size: 0.78rem;
}

#orders-page .orders-premium-row {
  cursor: pointer;
}

#orders-page .orders-premium-row td:first-child {
  min-width: 190px;
}

#orders-page .tasks-table-delete-col {
  width: 54px;
}

#orders-page .tasks-table-delete-cell {
  width: 54px;
  text-align: right;
}

#orders-page .orders-mobile-list {
  display: none;
}

#orders-page .orders-stat-desktop-only {
  display: grid;
}

@media (max-width: 900px) {
  #orders-page .tasks-hero {
    padding: 24px 22px;
  }

  #orders-page .jobs-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  #orders-page .jobs-header-right {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  #orders-page .jobs-header-right .dashboard-btn {
    width: 100%;
    justify-content: center;
  }

  #orders-page .tasks-filter-toolbar {
    grid-template-columns: 1fr;
    gap: 12px;
    align-items: stretch;
  }

  #orders-page .tasks-filter-actions {
    width: 100%;
    margin-left: 0;
    justify-content: flex-start;
  }

  #orders-page .tasks-filter-actions .dashboard-btn {
    width: 100%;
    justify-content: center;
  }

  #orders-page .tasks-pill-row {
    gap: 10px;
  }

  #orders-page .tasks-pill-group {
    width: 100%;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 2px;
    scrollbar-width: none;
  }

  #orders-page .tasks-pill-group::-webkit-scrollbar {
    display: none;
  }

  #orders-page .tasks-pill-group__label {
    flex: 0 0 auto;
    min-width: max-content;
    margin-right: 6px;
  }

  #orders-page .tasks-pill-option {
    flex: 0 0 auto;
  }
}

@media (max-width: 760px) {
  #orders-page .orders-stat-desktop-only {
    display: none !important;
  }

  #orders-page .tasks-filter-card {
    padding: 10px !important;
    margin-bottom: 10px;
  }

  #orders-page .tasks-filter-toolbar {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
    display: grid !important;
    align-items: stretch !important;
  }

  #orders-page .tasks-filter-card .form-group label,
  #orders-page .tasks-filter-actions,
  #orders-page .tasks-pill-row {
    display: none !important;
  }

  #orders-page .tasks-filter-form {
    gap: 0 !important;
  }

  #orders-page .tasks-filter-toolbar > .form-group {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
  }

  #orders-page .tasks-filter-card .form-group input {
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
  }

  #orders-page .inventory-stats-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  #orders-page .inventory-stat-card {
    min-height: 92px;
    aspect-ratio: 1 / 1;
    padding: 10px 8px !important;
    display: grid;
    align-content: space-between;
    gap: 4px;
    text-align: center;
  }

  #orders-page .inventory-stat-card span {
    font-size: 0.62rem !important;
    letter-spacing: 0.08em;
    line-height: 1.2;
  }

  #orders-page .inventory-stat-card strong {
    font-size: 0.96rem !important;
    line-height: 1.1;
    overflow-wrap: anywhere;
  }

  #orders-page .inventory-stat-card small {
    display: none !important;
  }

  #orders-page .orders-desktop-table {
    display: none !important;
  }

  #orders-page .orders-mobile-list {
    display: grid;
    gap: 8px;
  }

  #orders-page .orders-mobile-row {
    display: grid;
    grid-template-columns: minmax(68px, 0.8fr) minmax(0, 1.45fr) minmax(72px, auto);
    gap: 6px;
    padding: 8px 10px;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.025);
    cursor: pointer;
  }

  #orders-page .orders-mobile-cell {
    display: grid;
    gap: 3px;
    min-width: 0;
  }

  #orders-page .orders-mobile-cell--status {
    justify-items: end;
    text-align: right;
  }

  #orders-page .orders-mobile-label {
    display: block;
    font-size: 0.56rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: rgba(184, 194, 220, 0.76);
  }

  #orders-page .orders-mobile-cell strong,
  #orders-page .orders-mobile-cell > span:not(.orders-mobile-label):not(.status-badge) {
    font-size: 0.8rem;
    line-height: 1.2;
    overflow-wrap: anywhere;
  }

  #orders-page .orders-mobile-cell .status-badge {
    width: fit-content;
    min-height: 22px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 0.64rem;
    line-height: 1;
    font-weight: 700;
    white-space: nowrap;
    justify-self: end;
  }
}

@media (max-width: 640px) {
  body.page-orders .content {
    padding: 12px !important;
    box-sizing: border-box;
  }

  #orders-page.tasks-shell {
    gap: 18px;
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
    padding-inline: 0;
    border-radius: 22px;
    box-sizing: border-box;
    overflow-x: hidden;
  }

  #orders-page .tasks-hero {
    padding: 20px 16px;
    border-radius: 24px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  #orders-page .jobs-header-left h1 {
    font-size: clamp(2rem, 9vw, 2.6rem);
  }

  #orders-page .jobs-header-left p {
    font-size: 0.98rem;
    max-width: none;
  }

  #orders-page .jobs-header-right {
    grid-template-columns: 1fr;
  }

  #orders-page .tasks-filter-card,
  #orders-page .tasks-board {
    padding: 16px 14px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  #orders-page .tasks-filter-form {
    gap: 10px;
  }

  #orders-page .tasks-filter-actions {
    margin-bottom: 0;
  }

  #orders-page .tasks-pill-row {
    margin-top: 0;
  }

  #orders-page .tasks-workspace,
  #orders-page .inventory-stats-grid {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  #orders-page .inventory-stats-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  #orders-page .inventory-stat-card {
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
  }

  #orders-page .orders-premium-table td[data-label="Order"] {
    grid-column: 1 / -1;
  }

  #orders-page .orders-premium-table td[data-label="Total"] {
    grid-column: 1 / 2;
  }

  #orders-page .tasks-table-delete-cell {
    grid-column: 2 / 3;
    justify-self: end;
    align-self: start;
    padding-top: 0;
  }

  .order-drawer-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    overflow: visible;
  }

  .order-drawer-tabs .tasks-pill-option {
    width: 100%;
    min-width: 0;
  }

  .order-drawer-tabs .tasks-pill-option span {
    width: 100%;
    min-width: 0;
    padding-inline: 10px;
    font-size: 0.88rem;
  }
}

@media (max-width: 480px) {
  #orders-page .tasks-filter-card {
    padding: 8px !important;
  }

  #orders-page .tasks-filter-toolbar {
    gap: 5px !important;
  }

  #orders-page .tasks-filter-card .form-group input {
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 12px !important;
    font-size: 0.9rem !important;
  }

  #orders-page .inventory-stat-card {
    min-height: 84px;
    padding: 8px 6px !important;
  }

  #orders-page .inventory-stat-card span {
    font-size: 0.56rem !important;
  }

  #orders-page .inventory-stat-card strong {
    font-size: 0.88rem !important;
  }

  #orders-page .orders-mobile-row {
    grid-template-columns: minmax(64px, 0.78fr) minmax(0, 1.42fr) minmax(68px, auto);
    gap: 6px;
    padding: 7px 8px;
  }

  #orders-page .orders-mobile-label {
    font-size: 0.52rem;
  }

  #orders-page .orders-mobile-cell strong,
  #orders-page .orders-mobile-cell > span:not(.orders-mobile-label):not(.status-badge) {
    font-size: 0.74rem;
  }

  #orders-page .orders-mobile-cell .status-badge {
    min-height: 20px;
    padding: 2px 7px;
    font-size: 0.58rem;
  }
}

.order-composer-shell {
  min-height: 100%;
}

.order-composer-shell .card-header {
  margin-bottom: 14px;
}

.order-composer-shell .drawer-hero-strip {
  margin-bottom: 18px;
}

.order-composer-form .form-actions {
  margin-top: 10px;
}

.order-composer-shell #new-order-form {
  max-height: none;
  overflow: visible;
  padding-right: 0;
}

.order-composer-shell #new-order-form .tasks-composer__grid {
  gap: 18px;
  min-height: auto;
  overflow: visible;
  padding-right: 0;
  padding-bottom: 0;
}

.order-composer-shell #new-order-form .tasks-field {
  overflow: visible;
}

.order-composer-shell #new-order-form .tasks-field input:not([type="checkbox"]):not([type="radio"]),
.order-composer-shell #new-order-form .custom-select-trigger {
  min-height: 58px;
  height: 58px;
  padding: 0 18px !important;
  appearance: none;
  -webkit-appearance: none;
  border-radius: 14px !important;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.16) !important;
  background:
    linear-gradient(180deg, rgba(19, 17, 34, 0.84), rgba(12, 11, 23, 0.92)) !important;
  color: #f8f7ff !important;
  font: inherit;
  text-align: left;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    inset 0 10px 24px rgba(255, 255, 255, 0.01),
    0 10px 24px rgba(7, 4, 20, 0.12) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.order-composer-shell #new-order-form .custom-select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1.2 !important;
}

.order-composer-shell #new-order-form .custom-select-trigger span {
  display: flex;
  align-items: center;
  min-height: 100%;
  flex: 1 1 auto;
}

.order-composer-shell #new-order-form .tasks-field input:not([type="checkbox"]):not([type="radio"]) {
  line-height: 56px !important;
  padding-block: 0 !important;
}

.order-composer-shell #new-order-form .tasks-field input::placeholder,
.order-composer-shell #new-order-form .custom-select-trigger span {
  color: rgba(236, 232, 255, 0.88) !important;
}

.order-composer-shell #new-order-form .tasks-field input[type="date"] {
  color-scheme: dark;
}

.order-composer-shell #new-order-form .tasks-field input:focus,
.order-composer-shell #new-order-form .custom-select.open .custom-select-trigger,
.order-composer-shell #new-order-form .custom-select-trigger:focus-visible {
  border-color: rgba(var(--proc-violet-rgb), 0.28) !important;
  background:
    linear-gradient(180deg, rgba(24, 20, 42, 0.9), rgba(15, 12, 27, 0.96)) !important;
  box-shadow:
    0 0 0 4px rgba(var(--proc-violet-rgb), 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 12px 28px rgba(10, 5, 25, 0.16) !important;
}

.order-composer-shell #new-order-form .custom-select {
  width: 100%;
  position: relative;
  z-index: 1;
}

.order-composer-shell #new-order-form .custom-select.open {
  z-index: 620;
}

.order-composer-shell #new-order-form .custom-options {
  z-index: 640;
  border-radius: 18px;
  border: 1px solid rgba(129, 140, 248, 0.22) !important;
  background:
    linear-gradient(180deg, rgba(13, 18, 34, 0.985), rgba(9, 14, 28, 0.985)),
    linear-gradient(135deg, rgba(var(--proc-violet-rgb), 0.16), rgba(255, 255, 255, 0.02)) !important;
  box-shadow:
    0 22px 42px rgba(2, 6, 23, 0.42),
    0 0 0 1px rgba(var(--proc-violet-rgb), 0.08) !important;
}

.order-composer-shell #new-order-form .custom-option {
  min-height: 46px;
  display: flex;
  align-items: center;
  padding: 10px 12px !important;
  border-radius: 12px;
  color: #dbe7ff !important;
}

.order-composer-shell #new-order-form .custom-option:hover,
.order-composer-shell #new-order-form .custom-option.option-hovered {
  background: rgba(var(--proc-violet-rgb), 0.2) !important;
}

.order-composer-shell #new-order-form .custom-option.selected {
  background:
    linear-gradient(180deg, rgba(var(--proc-violet-rgb), 0.28), rgba(var(--proc-violet-rgb), 0.18)) !important;
  color: #f8fbff !important;
}

.order-composer-shell #new-order-form .form-actions {
  width: 100%;
  position: static !important;
  bottom: auto !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  justify-content: center;
  overflow: visible;
  background: transparent !important;
  padding-right: 0;
}

.order-composer-shell #new-order-form .form-actions .dashboard-btn {
  justify-content: center;
  margin-inline: auto;
}

.order-composer-shell #new-order-form .form-actions .dashboard-btn.primary {
  width: min(100%, 320px);
  min-height: 58px;
  margin-inline: auto;
  border-radius: 18px;
  box-shadow: none !important;
}

.orders-composer-section,
.order-batches-composer-section {
  min-height: 100%;
}

.orders-composer-section .drawer-hero-strip,
.order-batches-composer-section .drawer-hero-strip {
  margin-bottom: 18px;
}

.orders-composer-flash {
  margin-bottom: 18px;
}

.orders-composer-grid {
  gap: 16px;
}

.orders-composer-field-wide {
  grid-column: span 2;
}

.order-panel-heading {
  display: grid;
  gap: 8px;
}

.order-panel-heading h2 {
  margin: 0;
  color: #f8fafc;
  font-size: clamp(2rem, 2.6vw, 2.9rem);
  line-height: 1.04;
  letter-spacing: -0.04em;
  overflow-wrap: anywhere;
}

.order-panel-heading p {
  margin: 0;
  color: rgba(226, 232, 240, 0.76);
  font-size: 0.94rem;
  line-height: 1.5;
}

.order-panel-hero {
  position: relative;
  display: block;
  overflow: hidden;
  min-height: 212px;
  border-radius: 30px;
  border: 1px solid rgba(192, 132, 252, 0.2);
  background:
    radial-gradient(circle at top left, rgba(255, 255, 255, 0.12), transparent 28%),
    radial-gradient(circle at top right, rgba(168, 85, 247, 0.18), transparent 30%),
    linear-gradient(180deg, rgba(83, 50, 154, 0.96), rgba(51, 31, 98, 0.94));
  padding: 18px 24px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 24px 60px rgba(24, 11, 51, 0.3);
}

.order-panel-hero__header {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
  align-items: end;
  gap: 22px;
}

.order-panel-hero__actions {
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
}

.order-panel-hero__copy {
  min-width: 0;
}

.order-panel-hero__note {
  width: min(100%, 420px);
  padding: 16px 18px;
  border-radius: 22px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.04));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 18px 32px rgba(22, 6, 50, 0.16);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  text-align: left;
}

.order-panel-hero__note span {
  display: block;
  margin-bottom: 8px;
  color: rgba(225, 232, 255, 0.72);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.order-panel-hero__note strong {
  display: block;
  color: #f8fbff;
  font-size: 0.98rem;
  line-height: 1.48;
}

.order-panel-tabs {
  margin: 0;
}

.order-panel-tabs-shell {
  padding: 14px;
  border-radius: 28px;
  border: 1px solid rgba(192, 132, 252, 0.14);
  background:
    linear-gradient(180deg, rgba(17, 21, 40, 0.62), rgba(11, 15, 31, 0.46));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 18px 40px rgba(8, 11, 24, 0.14);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.product-panel-tabs-shell {
  padding: 14px;
  border-radius: 28px;
  border: 1px solid rgba(192, 132, 252, 0.14);
  background:
    linear-gradient(180deg, rgba(17, 21, 40, 0.62), rgba(11, 15, 31, 0.46));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 18px 40px rgba(8, 11, 24, 0.14);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.order-panel-tabbar {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  width: 100%;
  justify-content: flex-start;
}

.order-panel-tab {
  min-width: 118px;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(148, 163, 184, 0.16);
  color: #e5e7eb;
  font-size: 0.96rem;
  font-weight: 700;
  line-height: 40px;
  text-align: center;
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.order-panel-tab:hover {
  transform: translateY(-1px);
  background: rgba(148, 163, 184, 0.24);
  color: #ffffff;
}

.order-panel-tab.is-active {
  border-color: rgba(var(--proc-violet-rgb), 0.4);
  background: linear-gradient(135deg, #7c3aed, #5b34d6);
  color: #ffffff;
  box-shadow: 0 12px 28px rgba(91, 33, 182, 0.24);
}

.order-panel-tabs,
.product-panel-tabs {
  position: relative;
}

.order-panel-tabbar,
.product-panel-tabbar {
  padding: 8px;
  border-radius: 22px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background:
    linear-gradient(180deg, rgba(14, 18, 34, 0.8), rgba(20, 27, 45, 0.62));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.order-panel-tabbar {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.product-panel-tabbar {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.order-panel-tab,
.product-panel-tab {
  position: relative;
  overflow: hidden;
}

.order-panel-tab::after,
.product-panel-tab::after {
  content: "";
  position: absolute;
  inset: auto 16px 8px;
  height: 2px;
  border-radius: 999px;
  background: transparent;
  transition: background 0.18s ease, opacity 0.18s ease;
  opacity: 0;
}

.order-panel-tab.is-active::after,
.product-panel-tab.is-active::after {
  background: rgba(255, 255, 255, 0.78);
  opacity: 1;
}

.order-panel-summary {
  padding: 24px;
  border-radius: 28px;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.18);
  background:
    radial-gradient(circle at top right, rgba(168, 85, 247, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(9, 14, 29, 0.98), rgba(7, 10, 22, 0.99));
}

.order-panel-summary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.order-panel-summary-card {
  min-height: 150px;
  padding: 18px 20px;
  border-radius: 22px;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.14);
  background:
    radial-gradient(circle at top right, rgba(var(--proc-violet-rgb), 0.1), transparent 34%),
    linear-gradient(180deg, rgba(24, 30, 48, 0.98), rgba(16, 21, 37, 0.98));
  display: flex;
  flex-direction: column;
  gap: 8px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.order-panel-summary-card span {
  color: rgba(186, 197, 228, 0.72);
  font-size: 0.78rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.order-panel-summary-card strong {
  color: #f7f8ff;
  font-size: 1.16rem;
}

.order-panel-summary-card small {
  color: rgba(210, 219, 241, 0.72);
}

.order-panel-overview-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 18px;
}

.order-drawer-shell {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 18px;
  padding: 8px 2px 6px;
  position: relative;
}

.order-panel-hero {
  position: relative;
  top: auto;
  z-index: 1;
  height: 228px;
  min-height: 228px;
}

.order-panel-tabs-shell {
  position: relative;
  top: auto;
  z-index: 1;
}

.order-drawer-panel {
  position: relative;
  z-index: 1;
  padding-top: 24px;
}

.order-drawer-panel.is-active {
  display: block;
}

.order-drawer-hero {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.order-drawer-hero__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
}

.order-drawer-hero__copy {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.order-drawer-hero__copy h2 {
  margin: 0;
  color: #f7f8ff;
  font-size: clamp(2rem, 2.8vw, 2.85rem);
  line-height: 1.02;
  letter-spacing: -0.04em;
}

.order-drawer-hero__copy p {
  margin: 0;
  color: rgba(210, 219, 241, 0.82);
  font-size: 1rem;
}

.order-drawer-hero__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.order-drawer-hero__strip {
  margin-bottom: 2px;
}

.order-drawer-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 4px;
}

.order-drawer-tabs {
  margin: 0 0 2px;
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  overflow-x: auto;
  scrollbar-width: none;
}

.order-drawer-tabs .tasks-pill-option {
  flex: 0 0 auto;
  padding: 0;
  min-height: 0;
  background: transparent;
  border: 0;
  appearance: none;
  -webkit-appearance: none;
  box-shadow: none;
  outline: none;
}

.order-drawer-tabs::-webkit-scrollbar {
  display: none;
}

.order-drawer-panel[hidden] {
  display: none !important;
}

.order-drawer-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
  gap: 18px;
}

.order-drawer-surface {
  border-radius: 28px;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.15);
  background:
    radial-gradient(circle at top right, rgba(var(--proc-violet-rgb), 0.06), transparent 26%),
    linear-gradient(180deg, rgba(18, 24, 47, 0.96), rgba(9, 13, 30, 0.98));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 20px 44px rgba(2, 6, 23, 0.24);
}

.order-drawer-surface .tasks-board__header {
  margin-bottom: 16px;
}

.order-panel-section-shell {
  margin-top: 0 !important;
  padding: 24px !important;
  border-radius: 26px !important;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.18) !important;
  background: linear-gradient(180deg, rgba(19, 26, 44, 0.98), rgba(11, 16, 30, 0.99)) !important;
  box-shadow: none !important;
}

.order-panel-summary-shell.order-panel-section-shell {
  background: linear-gradient(180deg, rgba(19, 26, 44, 0.98), rgba(11, 16, 30, 0.99)) !important;
}

.order-panel-summary-shell.order-panel-section-shell .order-panel-summary {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.order-drawer-kpi-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.order-drawer-kpi {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 18px 20px;
  border-radius: 22px;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.14);
  background:
    linear-gradient(180deg, rgba(27, 31, 57, 0.76), rgba(14, 18, 37, 0.88));
}

.order-drawer-kpi span {
  color: rgba(186, 197, 228, 0.72);
  font-size: 0.78rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.order-drawer-kpi strong {
  color: #f7f8ff;
  font-size: 1.16rem;
}

.order-drawer-action-stack {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.order-job-link {
  color: #eef2ff;
  font-weight: 700;
  text-decoration: none;
  transition: color 0.18s ease, opacity 0.18s ease;
}

.order-job-link:hover {
  color: #c4b5fd;
}

.order-job-row {
  cursor: pointer;
}

.order-job-row:hover td {
  background: rgba(255, 255, 255, 0.02);
}

.order-drawer-action-stack .dashboard-btn,
.order-drawer-action-stack form,
.order-drawer-action-stack button {
  width: 100%;
}

.order-drawer-surface .tasks-table tbody tr:last-child td {
  border-bottom: 0;
}

.order-drawer-surface .tasks-table td,
.order-drawer-surface .tasks-table th {
  white-space: normal;
}

.order-drawer-form-shell .tasks-board__subcopy {
  margin: 0;
}

.order-drawer-form {
  gap: 18px;
}

.order-drawer-form .tasks-composer__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.order-drawer-form .tasks-field--title {
  grid-column: span 2;
}

.order-panel-mobile-list {
  display: none;
}

.order-panel-mobile-row {
  display: grid;
  grid-template-columns: minmax(84px, 0.95fr) minmax(0, 1.25fr) minmax(84px, auto);
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.025);
}

.order-panel-mobile-row--clickable {
  cursor: pointer;
}

.order-panel-mobile-cell {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.order-panel-mobile-cell--primary strong {
  font-size: 0.84rem;
  line-height: 1.2;
}

.order-panel-mobile-cell--status {
  justify-items: end;
}

.order-panel-mobile-label {
  color: rgba(186, 197, 228, 0.72);
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 1440px) {
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #orderPanelRoot {
    gap: 14px !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-heading h2 {
    font-size: clamp(1.7rem, 2.2vw, 2.35rem) !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-heading p {
    font-size: 0.9rem !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-hero {
    height: 212px !important;
    min-height: 212px !important;
    padding: 16px 18px 14px !important;
    border-radius: 22px !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-hero__header {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-hero__note {
    width: 100% !important;
    margin-left: 0 !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-tabbar {
    gap: 10px !important;
    flex-wrap: wrap !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-tab {
    min-width: 102px !important;
    min-height: 38px !important;
    padding: 0 14px !important;
    font-size: 0.88rem !important;
    line-height: 38px !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-summary {
    padding: 16px !important;
    border-radius: 24px !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-summary-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-summary-card {
    min-height: 0 !important;
    padding: 14px 16px !important;
    border-radius: 18px !important;
    gap: 6px !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-summary-card strong {
    font-size: 1rem !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-summary-card small {
    font-size: 0.84rem !important;
    line-height: 1.35 !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-drawer-surface {
    border-radius: 22px !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-drawer-form .tasks-composer__grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-drawer-form .tasks-field--title {
    grid-column: span 1 !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-drawer-form-shell,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-summary-shell {
    padding: 14px !important;
  }
}

@media (max-width: 1180px) {
  .order-drawer-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .order-drawer-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 820px) {
  .job-detail-actions-grid {
    grid-template-columns: 1fr;
  }

  .order-drawer-hero__header,
  .order-panel-hero__header {
    grid-template-columns: 1fr;
  }

  .order-panel-hero__actions {
    width: 100%;
    justify-content: flex-start;
  }

  .order-panel-tabbar {
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .order-drawer-stats,
  .order-drawer-kpi-grid,
  .order-drawer-form .tasks-composer__grid {
    grid-template-columns: 1fr;
  }

  .order-drawer-form .tasks-field--title {
    grid-column: span 1;
  }
}

@media (max-width: 980px) {
  #purchase-requests-page .tasks-hero__header,
  #purchase-orders-page .tasks-hero__header,
  #inventory-page .tasks-hero__header,
  #orders-page .tasks-hero__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
  }

  #purchase-requests-page .jobs-header-right,
  #purchase-orders-page .jobs-header-right,
  #inventory-page .jobs-header-right,
  #orders-page .jobs-header-right {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  #purchase-requests-page .jobs-header-right .dashboard-btn,
  #purchase-orders-page .jobs-header-right .dashboard-btn,
  #inventory-page .jobs-header-right .dashboard-btn,
  #orders-page .jobs-header-right .dashboard-btn {
    width: 100%;
    justify-content: center;
  }

  #purchase-requests-page .tasks-filter-toolbar,
  #purchase-orders-page .tasks-filter-toolbar,
  #inventory-page .tasks-filter-toolbar,
  #orders-page .tasks-filter-toolbar {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  #purchase-requests-page .tasks-filter-actions,
  #purchase-orders-page .tasks-filter-actions,
  #inventory-page .tasks-filter-actions,
  #orders-page .tasks-filter-actions {
    width: 100%;
    justify-content: stretch;
    flex-wrap: wrap;
  }

  #purchase-requests-page .tasks-filter-actions .dashboard-btn,
  #purchase-orders-page .tasks-filter-actions .dashboard-btn,
  #inventory-page .tasks-filter-actions .dashboard-btn,
  #orders-page .tasks-filter-actions .dashboard-btn {
    flex: 1 1 100%;
    width: 100%;
    justify-content: center;
  }

  #purchase-requests-page .tasks-pill-row,
  #purchase-orders-page .tasks-pill-row,
  #inventory-page .tasks-pill-row,
  #orders-page .tasks-pill-row {
    gap: 12px;
  }

  #purchase-requests-page .tasks-pill-group,
  #purchase-orders-page .tasks-pill-group,
  #inventory-page .tasks-pill-group,
  #orders-page .tasks-pill-group {
    width: 100%;
    flex-wrap: wrap;
  }

  #purchase-requests-page .tasks-pill-option,
  #purchase-orders-page .tasks-pill-option,
  #inventory-page .tasks-pill-option,
  #orders-page .tasks-pill-option {
    min-height: 42px;
  }

  #purchase-requests-page .tasks-board__header,
  #purchase-orders-page .tasks-board__header,
  #inventory-page .tasks-board__header,
  #orders-page .tasks-board__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  #purchase-requests-page .tasks-board,
  #purchase-orders-page .tasks-board,
  #inventory-page .tasks-board,
  #orders-page .tasks-board {
    padding: 20px 18px;
  }

  #purchase-requests-page .inventory-stats-grid,
  #purchase-orders-page .inventory-stats-grid,
  #inventory-page .inventory-stats-grid,
  #orders-page .inventory-stats-grid,
  #purchase-orders-page .po-workspace-summary-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .app-drawer--2xl,
  .app-drawer--xl {
    --drawer-width: min(100vw, 100%);
  }

  #purchase-requests-page .purchase-request-composer-layout {
    grid-template-columns: 1fr;
  }

  #purchase-requests-page .purchase-request-composer-grid {
    grid-template-columns: 1fr;
  }

  #purchase-requests-page .purchase-request-field-span-2,
  #purchase-requests-page .tasks-field--title,
  #purchase-requests-page .tasks-field--description,
  #purchase-orders-page .purchase-orders-field-wide {
    grid-column: span 1;
  }

  .po-workspace-hero .jobs-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
  }

  .po-workspace-hero .jobs-header-right {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .po-workspace-hero .dashboard-btn {
    width: 100%;
    justify-content: center;
  }

  .po-workspace-band,
  .po-workspace-band__item,
  .po-supplier-group-form,
  .po-workspace-grid,
  .po-supplier-lane-row,
  .po-line-row,
  .order-drawer-grid,
  .order-drawer-kpi-grid,
  .order-drawer-form .tasks-composer__grid,
  .inventory-products-toolbar {
    grid-template-columns: 1fr !important;
  }

  .po-supplier-group-form .dashboard-btn,
  .inventory-inline-form-compact,
  .stock-delta-form,
  .products-stock-delta-form {
    width: 100%;
  }

  .inventory-inline-form-compact input,
  .stock-delta-form input,
  .products-stock-delta-form input {
    min-width: 0;
    width: 100%;
  }

  .inventory-inline-form-compact .table-action-btn,
  .stock-delta-form .table-action-btn,
  .products-stock-delta-form .table-action-btn {
    width: 100%;
    justify-content: center;
  }

  .order-drawer-hero__actions {
    width: 100%;
    justify-content: flex-start;
  }

  .order-drawer-hero__actions .dashboard-btn {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 640px) {
  .order-composer-shell #new-order-form .tasks-composer__grid {
    gap: 16px;
  }

  .order-composer-shell #new-order-form .tasks-field input:not([type="checkbox"]):not([type="radio"]),
  .order-composer-shell #new-order-form .custom-select-trigger {
    min-height: 56px;
    height: 56px;
    padding: 0 16px !important;
    border-radius: 16px !important;
  }

  .order-composer-shell #new-order-form .tasks-field input:not([type="checkbox"]):not([type="radio"]) {
    line-height: 54px !important;
  }

  .order-composer-shell #new-order-form .form-actions .dashboard-btn.primary {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 720px) {
  #purchase-requests-page .tasks-shell,
  #purchase-orders-page .tasks-shell,
  #inventory-page.tasks-shell,
  #orders-page.tasks-shell {
    gap: 18px;
  }

  #purchase-requests-page .tasks-hero,
  #purchase-orders-page .tasks-hero,
  #inventory-page .tasks-hero,
  #orders-page .tasks-hero {
    padding: 22px 18px;
    border-radius: 28px;
  }

  #purchase-requests-page .jobs-header-left h1,
  #purchase-orders-page .jobs-header-left h1,
  #inventory-page .jobs-header-left h1,
  #orders-page .jobs-header-left h1,
  .po-workspace-hero .jobs-header-left h1,
  .order-drawer-hero__copy h2 {
    font-size: clamp(1.8rem, 8vw, 2.5rem);
  }

  #purchase-requests-page .tasks-workspace,
  #purchase-orders-page .tasks-workspace,
  #inventory-page .tasks-workspace,
  #orders-page .tasks-workspace {
    gap: 18px;
  }

  #purchase-requests-page .tasks-board,
  #purchase-orders-page .tasks-board,
  #inventory-page .tasks-board,
  #orders-page .tasks-board,
  .order-drawer-surface,
  .po-supplier-lane-card,
  .po-catalog-surface {
    padding: 18px 16px;
    border-radius: 24px;
  }

  #purchase-requests-page .inventory-stats-grid,
  #purchase-orders-page .inventory-stats-grid,
  #inventory-page .inventory-stats-grid,
  #orders-page .inventory-stats-grid,
  #purchase-orders-page .po-workspace-summary-strip,
  .order-drawer-stats {
    grid-template-columns: 1fr;
  }

  #purchase-requests-page .purchase-request-composer-shell,
  #purchase-orders-page .purchase-orders-composer-section,
  .order-composer-shell {
    padding: 18px 16px;
  }

  #purchase-orders-page .drawer-hero-strip,
  .order-drawer-hero__strip {
    padding: 18px 16px;
    border-radius: 22px;
  }

  #purchase-requests-page .purchase-request-composer-actions,
  #purchase-orders-page .form-actions,
  .order-drawer-form .form-actions {
    width: 100%;
  }

  #purchase-requests-page .purchase-request-composer-actions .dashboard-btn,
  #purchase-orders-page .form-actions .dashboard-btn,
  .order-drawer-form .form-actions .dashboard-btn {
    width: 100%;
    justify-content: center;
  }

  #inventory-page .inventory-pill-row .tasks-pill-group,
  #orders-page .tasks-pill-group,
  #purchase-requests-page .tasks-pill-group,
  #purchase-orders-page .tasks-pill-group {
    gap: 8px;
  }

  .order-drawer-tabs .tasks-pill-option {
    width: auto;
  }

  .po-supplier-lane-row__trigger,
  .po-catalog-row {
    grid-template-columns: 1fr !important;
    gap: 10px;
  }

  .po-supplier-lane-row__meta,
  .po-catalog-row__meta,
  .po-line-row__meta {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .purchase-orders-action-column,
  .purchase-orders-action-cell,
  .purchase-requests-action-column,
  .purchase-requests-action-cell,
  .purchase-requests-delete-column,
  .purchase-requests-delete-cell {
    width: auto;
    min-width: 0;
  }
}

@media (max-width: 560px) {
  #purchase-requests-page .jobs-header-right,
  #purchase-orders-page .jobs-header-right,
  #inventory-page .jobs-header-right,
  #orders-page .jobs-header-right,
  .order-drawer-hero__actions {
    flex-direction: column;
    align-items: stretch;
  }

  #purchase-requests-page .tasks-filter-card,
  #purchase-orders-page .tasks-filter-card,
  #inventory-page .tasks-filter-card,
  #orders-page .tasks-filter-card {
    padding: 16px 14px;
  }

  #purchase-requests-page .tasks-board,
  #purchase-orders-page .tasks-board,
  #inventory-page .tasks-board,
  #orders-page .tasks-board,
  .order-drawer-surface {
    padding: 16px 14px;
  }

  .order-drawer-tabs .tasks-pill-option {
    width: auto;
  }

  .purchase-request-composer-card,
  .purchase-orders-composer-section .tasks-composer,
  .purchase-orders-composer-grid,
  .inventory-products-filter-card .tasks-filter-form {
    gap: 14px;
  }
}

#order-batches-page .batch-queue-board,
#order-batches-page .tasks-filter-card {
  margin-bottom: 0;
}

#order-batches-page .tasks-filter-card {
  margin-bottom: 24px;
}

#order-batches-page .order-batches-stats-grid {
  margin-top: 0;
}

.premium-panel--batch-workspace #batchWorkspaceRoot,
.premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot {
  min-height: 100vh;
  height: auto;
}

.premium-panel--batch-workspace #batchWorkspaceRoot .batch-workspace-band,
.premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .batch-workspace-band,
.premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-mobile-switcher,
.premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-mobile-switcher,
.premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-card__header .ubatch-chip,
.premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-card__header .ubatch-chip,
.premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-group-picker,
.premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-group-picker {
  display: none !important;
}

.premium-panel--batch-workspace #batchWorkspaceRoot .batch-planner-surface,
.premium-panel--batch-workspace #batchWorkspaceRoot .batch-catalog-surface,
.premium-panel--batch-workspace #batchWorkspaceRoot #batchLoadPreviewSection,
.premium-panel--batch-workspace #batchWorkspaceRoot #batchMaterialsSection,
.premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .batch-planner-surface,
.premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .batch-catalog-surface,
.premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot #batchLoadPreviewSection,
.premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot #batchMaterialsSection {
  border: 1px solid rgba(var(--proc-violet-rgb), 0.22) !important;
  background: #0a1020 !important;
}

.premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-workspace,
.premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-workspace {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.95fr);
  align-items: start;
}

.premium-panel--batch-workspace #batchWorkspaceRoot .batch-catalog-surface,
.premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .batch-catalog-surface {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  min-height: 100%;
  overflow: hidden;
}

.premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-catalog-controls,
.premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-catalog-controls {
  margin-bottom: 18px;
}

.premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-group-pills,
.premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-group-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-product-grid,
.premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-product-grid {
  display: flex;
  flex-direction: column;
  gap: 0;
  grid-template-columns: 1fr !important;
}

.premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-product-list-head,
.premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-product-list-head {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr) 170px 96px;
  align-items: center;
  gap: 16px;
  padding: 0 14px 10px;
  color: rgba(214, 219, 240, 0.62);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-product-card,
.premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-product-card {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr) 170px 96px;
  align-items: center;
  gap: 16px;
  padding: 14px 14px;
  border-radius: 0;
  border: 0;
  border-top: 1px solid rgba(var(--proc-violet-rgb), 0.16);
  background: transparent;
}

.premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-product-card__copy,
.premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-product-card__copy {
  display: contents;
}

.premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-product-card__code,
.premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-product-card__code {
  color: rgba(233, 236, 248, 0.96);
  font-size: 0.93rem;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-product-card__copy strong,
.premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-product-card__copy strong {
  color: rgba(245, 247, 255, 0.98);
  font-size: 0.98rem;
  font-weight: 700;
}

.premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-product-card__group,
.premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-product-card__group {
  color: rgba(214, 219, 240, 0.76);
  font-size: 0.9rem;
}

.premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-product-card__meta,
.premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-product-card__meta {
  display: contents;
}

.premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-product-add-btn,
.premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-product-add-btn {
  min-width: 0;
  width: 100%;
  justify-content: center;
}

.premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-product-grid > :first-child,
.premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-product-grid > :first-child {
  border-top: 1px solid rgba(var(--proc-violet-rgb), 0.22);
}

.premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-product-card:hover,
.premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-product-card:hover {
  background: rgba(93, 63, 211, 0.08);
}

.premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-product-grid,
.premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-planner-table-wrap,
.premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-product-grid,
.premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-planner-table-wrap {
  overflow: auto;
  min-height: 0;
}

#order-batches-page .batch-queue-table td,
#order-batches-page .batch-queue-table th {
  white-space: nowrap;
}

#order-batches-page .batch-queue-row {
  cursor: pointer;
}

#order-batches-page .batch-queue-row td:first-child {
  min-width: 220px;
}

.batch-composer-shell .drawer-hero-strip {
  margin-bottom: 18px;
}

.batch-composer-field-wide {
  grid-column: span 2;
}

.batch-composer-form .form-actions {
  margin-top: 8px;
}

.batch-order-drawer-shell {
  gap: 20px;
}

.batch-order-drawer-hero .order-drawer-hero__actions {
  flex-wrap: wrap;
}

.batch-order-drawer-shell .order-drawer-panel {
  display: none;
}

.batch-order-drawer-shell .order-drawer-panel.is-active {
  display: block;
}


@media (max-width: 980px) {
  #order-batches-page .tasks-hero__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
  }

  #order-batches-page .jobs-header-right {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  #order-batches-page .jobs-header-right .dashboard-btn {
    width: 100%;
    justify-content: center;
  }

  .batch-composer-field-wide {
    grid-column: span 1;
  }

}

@media (max-width: 720px) {
  #order-batches-page .batch-queue-table td,
  #order-batches-page .batch-queue-table th {
    white-space: normal;
  }
}

@media (max-width: 980px) {
  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-header,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 18px !important;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-header-actions,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-header-actions {
    width: 100%;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    padding-right: 0 !important;
    gap: 10px !important;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-header-actions .dashboard-btn,
  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-header-actions .inline-form,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-header-actions .dashboard-btn,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-header-actions .inline-form {
    width: 100%;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-header-actions .dashboard-btn,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-header-actions .dashboard-btn {
    justify-content: center;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-stat-grid,
  .premium-panel--batch-workspace #batchWorkspaceRoot .batch-workspace-band,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-stat-grid,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .batch-workspace-band {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .batch-preview-filter-form,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .batch-preview-filter-form {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .batch-preview-filter-form .jobs-pill-option,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .batch-preview-filter-form .jobs-pill-option {
    flex: 1 1 calc(50% - 10px);
    min-width: 150px;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .batch-preview-filter-form .dashboard-btn,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .batch-preview-filter-form .dashboard-btn {
    width: 100%;
    justify-content: center;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .batch-load-grid,
  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-workspace,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .batch-load-grid,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-workspace {
    grid-template-columns: 1fr !important;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .batch-material-actions,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .batch-material-actions {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .batch-material-actions__buttons,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .batch-material-actions__buttons {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .batch-material-actions__buttons .dashboard-btn,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .batch-material-actions__buttons .dashboard-btn {
    width: 100%;
    justify-content: center;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-group-toolbar,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-group-toolbar {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-group-picker,
  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-group-picker__trigger,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-group-picker,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-group-picker__trigger {
    width: 100%;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-product-grid,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  #order-batches-page .tasks-hero {
    padding: 22px 18px;
    border-radius: 28px;
  }

  #order-batches-page .tasks-board,
  .batch-composer-shell {
    padding: 18px 16px;
    border-radius: 24px;
  }

  .batch-composer-shell .drawer-hero-strip {
    padding: 18px 16px;
    border-radius: 22px;
  }

  .batch-composer-form .form-actions,
  .batch-composer-form .form-actions .dashboard-btn {
    width: 100%;
  }

  .batch-composer-form .form-actions .dashboard-btn {
    justify-content: center;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .batch-workspace-hero,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .batch-workspace-hero {
    padding: 16px 0 6px !important;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .jobs-header-left h1,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .jobs-header-left h1 {
    font-size: clamp(1.7rem, 8vw, 2.35rem) !important;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-stat-grid,
  .premium-panel--batch-workspace #batchWorkspaceRoot .batch-workspace-band,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-stat-grid,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .batch-workspace-band {
    grid-template-columns: 1fr !important;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-mobile-switcher,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-mobile-switcher {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 0;
    margin: 0 0 16px;
    background: transparent;
    border: 0;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-mobile-switcher__btn,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-mobile-switcher__btn {
    min-height: 44px;
    justify-content: center;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-workspace > [data-mobile-panel],
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-workspace > [data-mobile-panel] {
    display: none !important;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-workspace > [data-mobile-panel].is-mobile-active,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-workspace > [data-mobile-panel].is-mobile-active {
    display: block !important;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .batch-load-card,
  .premium-panel--batch-workspace #batchWorkspaceRoot .batch-planner-surface,
  .premium-panel--batch-workspace #batchWorkspaceRoot .batch-catalog-surface,
  .premium-panel--batch-workspace #batchWorkspaceRoot #batchMaterialsSection,
  .premium-panel--batch-workspace #batchWorkspaceRoot #batchLoadPreviewSection,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .batch-load-card,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .batch-planner-surface,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .batch-catalog-surface,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot #batchMaterialsSection,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot #batchLoadPreviewSection {
    padding: 18px 16px !important;
    border-radius: 24px !important;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .batch-load-card,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .batch-load-card {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .batch-load-ring,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .batch-load-ring {
    margin-inline: auto;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .batch-load-copy,
  .premium-panel--batch-workspace #batchWorkspaceRoot .batch-load-main,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .batch-load-copy,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .batch-load-main {
    gap: 12px !important;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .batch-load-head,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .batch-load-head {
    flex-wrap: wrap;
    gap: 10px;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .batch-load-metrics,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .batch-load-metrics {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .batch-load-overhead-form.is-open,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .batch-load-overhead-form.is-open {
    grid-template-columns: 1fr !important;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .batch-load-overhead-form input,
  .premium-panel--batch-workspace #batchWorkspaceRoot .batch-load-overhead-form button,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .batch-load-overhead-form input,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .batch-load-overhead-form button {
    width: 100%;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-product-grid,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-product-grid {
    grid-template-columns: 1fr;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-product-card__meta,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-product-card__meta {
    flex-wrap: wrap;
    gap: 8px;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-product-add-btn,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-product-add-btn {
    width: 100%;
    justify-content: center;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-planner-table-wrap,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-planner-table-wrap {
    overflow: visible !important;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-planner-table,
  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-planner-table thead,
  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-planner-table tbody,
  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-planner-table tr,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-planner-table,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-planner-table thead,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-planner-table tbody,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-planner-table tr {
    display: block !important;
    width: 100% !important;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-planner-table thead,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-planner-table thead {
    display: none !important;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-planner-table tr,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-planner-table tr {
    margin-bottom: 14px;
    padding: 14px;
    border-radius: 20px;
    border: 1px solid rgba(var(--proc-violet-rgb), 0.14);
    background: linear-gradient(180deg, rgba(20, 26, 49, 0.94), rgba(10, 15, 31, 0.96));
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-planner-table td,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-planner-table td {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid rgba(var(--proc-violet-rgb), 0.1);
    white-space: normal !important;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-planner-table td:last-child,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-planner-table td:last-child {
    border-bottom: 0;
    padding-bottom: 0 !important;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-planner-table td::before,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-planner-table td::before {
    content: attr(data-label);
    flex: 0 0 96px;
    min-width: 96px;
    color: rgba(170, 183, 216, 0.7);
    font-size: 0.72rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-planner-table td.ubatch-qty-cell .ubatch-inline-pair,
  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-planner-table td.ubatch-priority-cell .ubatch-inline-pair,
  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-planner-table .table-actions-inline,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-planner-table td.ubatch-qty-cell .ubatch-inline-pair,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-planner-table td.ubatch-priority-cell .ubatch-inline-pair,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-planner-table .table-actions-inline {
    width: 100%;
    justify-content: flex-end;
    flex-wrap: wrap;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-qty-input,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-qty-input {
    width: 100%;
    max-width: 140px;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .batch-material-actions__copy,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .batch-material-actions__copy {
    width: 100%;
  }
}

@media (max-width: 560px) {
  #order-batches-page .tasks-filter-card,
  #order-batches-page .tasks-board {
    padding: 16px 14px;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .batch-preview-filter-form .jobs-pill-option,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .batch-preview-filter-form .jobs-pill-option {
    flex: 1 1 100%;
    min-width: 0;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-mobile-switcher,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-mobile-switcher {
    grid-template-columns: 1fr;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-planner-table td,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-planner-table td {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-planner-table td::before,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-planner-table td::before {
    min-width: 0;
    flex: 0 0 auto;
  }

  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-planner-table td.ubatch-qty-cell .ubatch-inline-pair,
  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-planner-table td.ubatch-priority-cell .ubatch-inline-pair,
  .premium-panel--batch-workspace #batchWorkspaceRoot .ubatch-planner-table .table-actions-inline,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-planner-table td.ubatch-qty-cell .ubatch-inline-pair,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-planner-table td.ubatch-priority-cell .ubatch-inline-pair,
  .premium-panel:has(#batchWorkspaceRoot) #batchWorkspaceRoot .ubatch-planner-table .table-actions-inline {
    justify-content: flex-start;
  }
}

.sidebar,
#workspaceSidebar {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0)),
    linear-gradient(180deg, #070c18 0%, #091122 100%) !important;
  overflow-y: auto !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

.sidebar::-webkit-scrollbar,
#workspaceSidebar::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
  background: transparent !important;
}

.topbar {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0)),
    linear-gradient(180deg, #070c18 0%, #091122 100%) !important;
  border-bottom-color: rgba(148, 163, 184, 0.12) !important;
  backdrop-filter: none !important;
}

#items-page .tasks-hero,
#products-page .tasks-hero,
#transfers-page .tasks-hero {
  margin-bottom: 24px;
}

#items-page,
#products-page,
#items-page .tasks-workspace,
#products-page .tasks-workspace,
#items-page .tasks-workspace > *,
#products-page .tasks-workspace > *,
#items-page .tasks-board,
#products-page .tasks-board,
#items-page .tasks-filter-card,
#products-page .tasks-filter-card {
  min-width: 0;
}

#items-page .tasks-board,
#products-page .tasks-board,
#items-page .tasks-filter-card,
#products-page .tasks-filter-card {
  overflow: hidden;
}

#items-page .table-wrapper,
#products-page .table-wrapper {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

#items-page .tasks-filter-card,
#products-page .tasks-filter-card,
#transfers-page .tasks-filter-card {
  padding: 18px 20px 16px;
}

#items-page .tasks-filter-card,
#products-page .tasks-filter-card {
  position: relative;
  z-index: 120;
}

#items-page .tasks-board,
#products-page .tasks-board {
  position: relative;
  z-index: 1;
}

#items-page .tasks-filter-card,
#products-page .tasks-filter-card,
#items-page .tasks-filter-form,
#products-page .tasks-filter-form,
#items-page .inventory-products-toolbar--grouped,
#products-page .inventory-products-toolbar--grouped,
#items-page .inventory-group-filter-field,
#products-page .inventory-group-filter-field {
  overflow: visible !important;
}

#items-page .inventory-products-toolbar--grouped,
#products-page .inventory-products-toolbar--grouped {
  display: grid;
  grid-template-columns: minmax(260px, 520px) minmax(220px, 280px) auto;
  gap: 14px;
  align-items: end;
}

#items-page .inventory-products-toolbar--grouped .form-group--search,
#products-page .inventory-products-toolbar--grouped .form-group--search {
  max-width: 520px;
}

#items-page .inventory-products-toolbar--grouped .inventory-group-filter-field,
#products-page .inventory-products-toolbar--grouped .inventory-group-filter-field {
  min-width: 220px;
}

#items-page .inventory-products-toolbar--grouped .inventory-group-filter-field .custom-select,
#products-page .inventory-products-toolbar--grouped .inventory-group-filter-field .custom-select {
  width: 100%;
  position: relative;
  z-index: 30;
}

#items-page .inventory-products-toolbar--grouped .inventory-group-filter-field .custom-select-trigger,
#products-page .inventory-products-toolbar--grouped .inventory-group-filter-field .custom-select-trigger {
  width: 100%;
  min-height: 52px;
}

#items-page .inventory-products-toolbar--grouped .inventory-group-filter-field .custom-options,
#products-page .inventory-products-toolbar--grouped .inventory-group-filter-field .custom-options {
  z-index: 500;
  min-width: 100%;
  max-width: min(360px, calc(100vw - 64px));
}

#items-page .inventory-products-toolbar--grouped .tasks-filter-actions,
#products-page .inventory-products-toolbar--grouped .tasks-filter-actions {
  justify-content: flex-end;
  align-self: end;
}

#transfers-page .transfers-filter-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

#transfers-page .transfers-filter-actions {
  justify-content: flex-end;
}

#transfers-page .transfers-tabs-shell {
  margin-top: 26px;
  margin-bottom: 18px;
}

#transfers-page .transfers-tabbar {
  gap: 14px;
}

#items-page .tasks-board,
#products-page .tasks-board,
#transfers-page .tasks-board {
  padding-bottom: 40px;
}

#items-page .tasks-table td[data-label="Item"],
#products-page .tasks-table td[data-label="Product"],
#transfers-page .tasks-table td[data-label="Product"],
#transfers-page .tasks-table td[data-label="Destination"] {
  min-width: 0;
}

#transfers-page .tasks-sidebar {
  width: min(480px, calc(100vw - 24px));
}

#transfers-page .tasks-sidebar[hidden],
#transfers-page .tasks-sidebar[aria-hidden="true"] {
  display: none !important;
  transform: translateX(100%) !important;
  pointer-events: none !important;
}

#transfers-page .tasks-sidebar.is-open[aria-hidden="false"] {
  display: block !important;
}

#transfers-page .tasks-composer-section .card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

#transfers-page .tasks-composer-section .card-header p {
  margin: 8px 0 0;
  color: rgba(226, 232, 240, 0.72);
}

#transfers-page .tasks-sidebar .form-actions {
  margin-top: 18px;
}

#transfers-page .tasks-sidebar .tasks-composer__grid--sidebar {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  min-width: 0;
}

#transfers-page .tasks-sidebar .tasks-field,
#transfers-page .tasks-sidebar .custom-select,
#transfers-page .tasks-sidebar .custom-select-trigger,
#transfers-page .tasks-sidebar .custom-select-trigger span,
#transfers-page .tasks-sidebar input,
#transfers-page .tasks-sidebar textarea {
  min-width: 0;
}

#transfers-page .tasks-sidebar .custom-select {
  width: 100%;
}

#transfers-page .tasks-sidebar .custom-select-trigger {
  width: 100%;
  max-width: 100%;
}

#transfers-page .tasks-sidebar .custom-select-trigger span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#transfers-page .tasks-sidebar .custom-options {
  width: 100%;
  max-width: 100%;
}

#transfers-page .tasks-sidebar .tasks-field--description {
  grid-column: 1 / -1;
}

@media (min-width: 980px) {
  #transfers-page .tasks-sidebar .tasks-composer__grid--sidebar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.product-panel-shell {
  display: grid;
  gap: 20px;
}

.product-panel-heading h2 {
  margin: 0;
  color: #f8fafc;
  font-size: clamp(2rem, 2.6vw, 2.9rem);
  line-height: 1.04;
  letter-spacing: -0.04em;
  overflow-wrap: anywhere;
}

.product-panel-tabs {
  margin-bottom: 2px;
}

.product-panel-tabbar {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  width: 100%;
  justify-content: flex-start;
}

.product-panel-tab {
  min-width: 118px;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(148, 163, 184, 0.16);
  color: #e5e7eb;
  font-size: 0.96rem;
  font-weight: 700;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.product-panel-tab:hover {
  transform: translateY(-1px);
  background: rgba(148, 163, 184, 0.24);
  color: #ffffff;
}

.product-panel-tab.is-active {
  border-color: rgba(var(--proc-violet-rgb), 0.4);
  background: linear-gradient(135deg, #7c3aed, #5b34d6);
  color: #ffffff;
  box-shadow: 0 12px 28px rgba(91, 33, 182, 0.24);
}

.product-panel-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 18px;
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  background:
    radial-gradient(circle at top right, rgba(146, 106, 255, 0.16), transparent 30%),
    linear-gradient(180deg, rgba(67, 42, 132, 0.96), rgba(34, 24, 70, 0.98));
  padding: 18px 20px 16px;
  box-shadow: 0 18px 42px rgba(10, 12, 30, 0.22);
}

.product-panel-hero__header {
  position: relative;
  z-index: 1;
  align-items: flex-start;
  gap: 20px;
}

.product-panel-hero__actions {
  justify-content: flex-end;
  max-width: 520px;
}

.product-panel-hero__summary {
  margin: 0;
  max-width: 520px;
  color: rgba(236, 240, 255, 0.78);
  font-size: 0.94rem;
  line-height: 1.6;
  text-align: right;
}

.product-panel-hero__accent {
  position: relative;
  z-index: 0;
  align-self: stretch;
  min-width: 112px;
  opacity: 0.92;
}


.product-panel-stats {
  margin-top: 0;
}

#product-overview-page .product-panel-stats {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.product-overview-summary {
  padding: 24px;
  border-radius: 28px;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.18);
  background:
    radial-gradient(circle at top right, rgba(var(--proc-violet-rgb), 0.08), transparent 36%),
    linear-gradient(180deg, rgba(10, 16, 32, 0.98), rgba(8, 14, 28, 0.98));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

#product-overview-page .inventory-stat-card {
  min-height: 150px;
  background:
    radial-gradient(circle at top right, rgba(var(--proc-violet-rgb), 0.1), transparent 34%),
    linear-gradient(180deg, rgba(24, 30, 48, 0.98), rgba(16, 21, 37, 0.98)) !important;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.14) !important;
  box-shadow: none !important;
}

.product-create-shell,
.item-create-shell,
.workstation-create-shell {
  min-height: 100%;
}

.item-group-shell,
.product-group-shell,
.workstation-groups-shell {
  min-height: 100%;
}

.group-create-shell .drawer-hero-strip {
  margin-bottom: 18px;
}

.group-create-shell .tasks-field--description {
  grid-column: 1 / -1;
}

.group-create-shell .form-actions {
  justify-content: flex-end;
}

.item-group-list-shell,
.product-group-list-shell,
.workstation-group-list-shell {
  padding: 24px 24px 20px !important;
  border-radius: 26px;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.12);
  background: #0a1020 !important;
  box-shadow: none !important;
}

.workstation-group-list-shell {
  background: rgb(23, 30, 48) !important;
}

.product-tab-card {
  padding: 24px !important;
  border-radius: 26px !important;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.22) !important;
  background: rgb(23, 30, 48) !important;
  box-shadow: none !important;
}

.product-create-shell .drawer-hero-strip,
.item-create-shell .drawer-hero-strip,
.workstation-create-shell .drawer-hero-strip {
  margin-bottom: 18px;
}

.report-create-shell .drawer-hero-strip {
  margin-bottom: 18px;
}

.report-create-shell .tasks-field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.report-create-shell .tasks-field textarea,
.report-create-shell .custom-select-trigger,
.report-create-shell .custom-select-search-input {
  min-height: 58px;
  padding: 0 18px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.16) !important;
  background:
    linear-gradient(180deg, rgba(19, 17, 34, 0.84), rgba(12, 11, 23, 0.92)) !important;
  color: #f8f7ff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    inset 0 10px 24px rgba(255, 255, 255, 0.01),
    0 10px 24px rgba(7, 4, 20, 0.12) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.report-create-shell .tasks-field textarea {
  min-height: 120px;
  padding: 16px 18px !important;
  resize: vertical;
}

.report-create-shell .custom-select-trigger,
.report-create-shell .custom-select-search-input {
  display: flex;
  align-items: center;
}

.report-create-shell .tasks-field input::placeholder,
.report-create-shell .tasks-field textarea::placeholder,
.report-create-shell .custom-select-trigger span,
.report-create-shell .custom-select-search-input::placeholder {
  color: rgba(236, 232, 255, 0.88) !important;
}

.report-create-shell .tasks-field input:focus,
.report-create-shell .tasks-field textarea:focus,
.report-create-shell .custom-select.open .custom-select-trigger,
.report-create-shell .custom-select-trigger:focus-visible,
.report-create-shell .custom-select-search-input:focus {
  border-color: rgba(var(--proc-violet-rgb), 0.28) !important;
  background:
    linear-gradient(180deg, rgba(24, 20, 42, 0.9), rgba(15, 12, 27, 0.96)) !important;
  box-shadow:
    0 0 0 4px rgba(var(--proc-violet-rgb), 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 12px 28px rgba(10, 5, 25, 0.16) !important;
  outline: none;
}

.report-create-shell .reports-composer-form .form-actions {
  position: static;
  margin-top: 8px;
  padding: 0;
  background: none;
  justify-content: flex-end;
}

.report-create-shell .reports-composer-form .form-actions .dashboard-btn {
  min-width: 160px;
}

.task-creator-grid,
.report-creator-grid,
.product-creator-grid,
.item-creator-grid,
.workstation-creator-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.product-jobs-grid,
.bom-form-grid-premium {
  grid-template-columns: minmax(160px, 0.9fr) minmax(180px, 1fr) minmax(280px, 1.25fr) minmax(140px, 0.72fr);
  gap: 16px;
}

#product-jobs-page .product-jobs-grid,
#product-bom-page .bom-form-grid-premium {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#product-bom-page #item-select-group,
#product-bom-page #product-select-group {
  grid-column: 1 / -1;
}

#product-jobs-page .tasks-board .table-wrapper,
#product-bom-page .tasks-board .table-wrapper {
  overflow-x: hidden;
}

#product-jobs-page .tasks-board .orders-table,
#product-bom-page .tasks-board .orders-table {
  min-width: 0;
}

#product-jobs-page .orders-table,
#product-bom-page .orders-table,
.product-panel-shell .orders-table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
}

#product-jobs-page .orders-table th,
#product-jobs-page .orders-table td,
#product-bom-page .orders-table th,
#product-bom-page .orders-table td,
.product-panel-shell .orders-table th,
.product-panel-shell .orders-table td {
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: anywhere;
}

.product-panel-shell .table-wrapper,
#product-jobs-page .table-wrapper,
#product-bom-page .table-wrapper {
  overflow-x: auto;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #product-overview-page .product-panel-heading h2,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #product-edit-page .product-panel-heading h2,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #product-jobs-page .product-panel-heading h2,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #product-bom-page .product-panel-heading h2,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-panel-shell .product-panel-heading h2 {
  font-size: clamp(1.8rem, 2vw, 2.4rem) !important;
  line-height: 1.06 !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #product-overview-page,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #product-edit-page,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #product-jobs-page,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #product-bom-page,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-panel-shell {
  gap: 14px !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #product-overview-page .product-panel-hero,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #product-edit-page .product-panel-hero,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #product-jobs-page .product-panel-hero,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #product-bom-page .product-panel-hero,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-panel-shell .product-panel-hero {
  margin-bottom: 12px !important;
  padding: 18px 20px 16px !important;
  gap: 12px !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #product-overview-page .product-panel-hero__copy p,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #product-edit-page .product-panel-hero__copy p,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #product-jobs-page .product-panel-hero__copy p,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #product-bom-page .product-panel-hero__copy p,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-panel-shell .product-panel-hero__copy p {
  max-width: 100%;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #product-overview-page .product-panel-heading,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #product-edit-page .product-panel-heading,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #product-jobs-page .product-panel-heading,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #product-bom-page .product-panel-heading,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-panel-shell .product-panel-heading {
  margin-bottom: 4px !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-panel-tabs {
  margin-bottom: 10px !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-panel-tabs-shell {
  padding: 14px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(192, 132, 252, 0.14) !important;
  background:
    linear-gradient(180deg, rgba(16, 20, 39, 0.64), rgba(11, 15, 31, 0.46)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 18px 34px rgba(8, 11, 24, 0.12) !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-panel-tabbar {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  width: 100% !important;
  justify-content: flex-start !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-panel-tab {
  min-width: 118px !important;
  line-height: 40px !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #product-overview-page .product-tab-card {
  padding: 16px !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #product-overview-page .product-overview-summary {
  padding: 24px;
  border-radius: 28px;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.18);
  background: #0a1020;
}

#product-job-edit-page .product-jobs-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

#product-job-edit-page .tasks-field,
#product-job-edit-page .custom-select,
#product-job-edit-page .custom-select-trigger,
#product-job-edit-page .custom-select-trigger span {
  min-width: 0;
}

#product-bom-page .bom-form-grid-premium > .tasks-field {
  min-width: 0;
}

#product-bom-page .bom-form-grid-premium .custom-select,
#product-bom-page .bom-form-grid-premium .custom-select-trigger,
#product-bom-page .bom-form-grid-premium .custom-select-trigger span,
#product-bom-page .bom-form-grid-premium input {
  min-width: 0;
}

#product-bom-page .bom-form-grid-premium .custom-select-trigger span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-create-shell .tasks-field--description,
.item-create-shell .tasks-field--description,
.workstation-create-shell .tasks-field--description {
  grid-column: 1 / -1;
}

.product-create-shell .form-actions,
.item-create-shell .form-actions,
.workstation-create-shell .form-actions {
  justify-content: flex-end;
}

.workstation-create-shell .workstation-capacity-preview-card {
  grid-column: 1 / -1;
}

.workstation-preview-box {
  display: grid;
  gap: 8px;
  padding: 18px 18px 16px;
  border-radius: 20px;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.18);
  background: #171e30;
  color: rgba(226, 232, 240, 0.82);
}

.workstation-preview-box strong {
  color: #f8fbff;
}

#premiumPanelContent .item-create-shell .tasks-composer--sidebar {
  max-height: none;
  overflow: visible;
  padding-bottom: 18px;
}

#premiumPanelContent .item-create-shell .form-actions {
  position: sticky;
  bottom: -4px;
  z-index: 3;
  display: flex;
  gap: 12px;
  margin: 18px 0 0;
  padding: 0;
  background: transparent;
}

#product-jobs-page .tasks-composer-section,
#product-bom-page .tasks-composer-section {
  background:
    linear-gradient(180deg, rgba(15, 23, 42, 0.95), rgba(22, 31, 51, 0.92)),
    linear-gradient(135deg, rgba(var(--proc-violet-rgb), 0.08), rgba(var(--proc-violet-deep-rgb), 0.04));
  border-color: rgba(148, 163, 184, 0.12);
  box-shadow: 0 20px 48px rgba(15, 23, 42, 0.16);
}

#product-jobs-page .tasks-composer-section::before,
#product-jobs-page .tasks-composer-section::after,
#product-bom-page .tasks-composer-section::before,
#product-bom-page .tasks-composer-section::after {
  display: none;
}

#product-jobs-page .tasks-composer,
#product-bom-page .tasks-composer {
  display: grid;
  gap: 18px;
}

#product-jobs-page .form-actions,
#product-bom-page .form-actions {
  justify-content: flex-end;
  margin-top: 4px;
}

#product-groups-page .tasks-board,
#item-groups-page .tasks-board {
  margin-top: 0;
}

#product-groups-page .item-group-list-shell,
#product-groups-page .product-group-list-shell,
#item-groups-page .item-group-list-shell,
#item-groups-page .product-group-list-shell {
  padding-top: 24px !important;
}

#premiumPanelContent .product-panel-shell .jobs-header,
#premiumPanelContent .product-panel-shell .jobs-header-right {
  display: none;
}

#premiumPanelContent .product-panel-tabs {
  margin-bottom: 18px;
}

#premiumPanelContent .product-panel-shell .inventory-stats-grid {
  margin-top: 0;
}

#premiumPanelContent .product-group-shell::before,
#premiumPanelContent .product-group-shell::after,
#premiumPanelContent .item-group-shell::before,
#premiumPanelContent .item-group-shell::after {
  display: none;
}

@media (max-width: 1024px) {
  #transfers-page .transfers-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .topbar {
    backdrop-filter: none !important;
  }
}

.premium-panel[data-drawer-preset="unified"] #premiumPanelContent {
  padding: 18px 20px 24px !important;
  background: transparent !important;
}

.premium-panel[data-drawer-preset="unified"] #premiumPanelContent .jobs-header {
  display: flex;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer {
  min-height: calc(100vh - 120px);
  display: grid;
  gap: 22px;
  padding: 22px;
  border-radius: 26px;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.18);
  background:
    radial-gradient(circle at top right, rgba(var(--proc-violet-rgb), 0.12), transparent 28%),
    linear-gradient(180deg, rgba(var(--premium-violet-surface-rgb), 0.92) 0%, rgba(17, 17, 29, 0.94) 26%, rgba(5, 8, 18, 0.985) 100%);
  box-shadow:
    0 20px 60px rgba(2, 6, 23, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer *,
.premium-panel[data-drawer-preset="unified"] #premiumPanelContent * {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer > * {
  max-width: 100%;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .drawer-workspace-page {
  display: grid;
  gap: 22px;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .drawer-form-page,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .drawer-form-block {
  display: grid;
  gap: 22px;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .drawer-form-page {
  min-height: calc(100vh - 120px);
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .tasks-composer-section,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .tasks-board,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .premium-drawer-surface,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .premium-drawer-workspace,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-panel-shell,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #item-groups-page,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #product-groups-page,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #product-jobs-page,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #product-bom-page,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #orderPanelRoot,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-drawer-shell,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .ubatch-shell,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .catalog-drawer-page {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #orderPanelRoot,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot {
  min-height: calc(100vh - 120px);
  padding: 0 !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .tasks-composer-section,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .premium-drawer-surface {
  padding: 0 !important;
  overflow: visible !important;
  height: auto !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .tasks-board {
  margin-top: 0 !important;
  padding: 26px 0 0 !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .tasks-composer-section::before,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .tasks-composer-section::after,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .premium-drawer-surface::before,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .premium-drawer-surface::after,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .premium-drawer-workspace::before,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .premium-drawer-workspace::after {
  display: none !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .card-header,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-panel-heading,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .tasks-board__header {
  margin-bottom: 18px !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .card-header h4,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-panel-heading h2,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .tasks-board__header h4 {
  margin: 0;
  color: #f8fbff !important;
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1.08;
  text-shadow: none !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .card-header h4,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-panel-heading h2 {
  font-size: clamp(2rem, 2.5vw, 2.8rem) !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-heading h2 {
  margin: 0;
  color: #f8fbff !important;
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1.06;
  text-shadow: none !important;
  font-size: clamp(1.85rem, 2.1vw, 2.5rem) !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-hero {
  margin-bottom: 8px !important;
  height: 228px !important;
  min-height: 228px !important;
  padding: 18px 22px !important;
  border-radius: 28px;
  border: 1px solid rgba(192, 132, 252, 0.2);
  background:
    radial-gradient(circle at top left, rgba(255, 255, 255, 0.12), transparent 30%),
    radial-gradient(circle at top right, rgba(168, 85, 247, 0.16), transparent 30%),
    linear-gradient(180deg, rgba(79, 50, 149, 0.96), rgba(48, 30, 94, 0.94)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 24px 60px rgba(17, 7, 37, 0.22) !important;
  position: relative !important;
  top: auto !important;
  z-index: 1 !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-hero__header {
  grid-template-columns: minmax(0, 1.12fr) minmax(280px, 0.88fr) !important;
  align-items: stretch !important;
  height: 100% !important;
  gap: 20px !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-hero__note {
  width: min(100%, 420px) !important;
  margin-left: auto !important;
  height: 100% !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-tabs-shell {
  padding: 14px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(192, 132, 252, 0.14) !important;
  background:
    linear-gradient(180deg, rgba(16, 20, 39, 0.64), rgba(11, 15, 31, 0.46)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 18px 34px rgba(8, 11, 24, 0.12) !important;
  position: relative !important;
  top: auto !important;
  z-index: 1 !important;
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  align-self: start !important;
  overflow: visible !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-tabs {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-tabbar {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  align-items: center !important;
  min-height: 0 !important;
  height: auto !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-tab {
  min-width: 118px !important;
  line-height: 40px !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-section-shell {
  margin-top: 0 !important;
  padding: 24px !important;
  border-radius: 26px !important;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.18) !important;
  background: linear-gradient(180deg, rgba(19, 26, 44, 0.98), rgba(11, 16, 30, 0.99)) !important;
  box-shadow: none !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-section-shell .order-panel-summary {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-summary-shell {
  padding: 24px !important;
  margin-top: 0 !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-drawer-form-shell {
  margin-top: 0 !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-summary {
  padding: 24px;
  border-radius: 28px;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.18);
  background: #0a1020;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .drawer-hero-strip,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-panel-hero {
  margin-bottom: 24px;
  padding: 24px 24px 22px;
  border-radius: 24px;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.18);
  background:
    linear-gradient(180deg, rgb(72, 47, 138), rgb(49, 31, 95)) !important;
  box-shadow: none !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .tasks-composer,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .ubatch-form,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .drawer-entry-form {
  gap: 18px;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .drawer-form-page > form.tasks-composer,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .drawer-form-block > form.tasks-composer,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .tasks-composer-section > form.tasks-composer {
  padding: 24px;
  border-radius: 28px;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.2);
  background: #0a1020 !important;
  box-shadow:
    0 20px 44px rgba(2, 6, 23, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .workstation-create-shell > form.tasks-composer,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #workstation-groups-page .workstation-group-form {
  background: rgb(23, 30, 48) !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .tasks-field input:not([type="checkbox"]):not([type="radio"]),
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .tasks-field textarea,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .custom-select-trigger,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .ubatch-field--floating input,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .ubatch-field--floating textarea,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .ubatch-select__trigger {
  width: 100%;
  border-radius: 20px !important;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.14) !important;
  background: rgb(28, 36, 58) !important;
  color: #f8fbff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 8px 20px rgba(2, 6, 23, 0.08) !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .tasks-field input:not([type="checkbox"]):not([type="radio"]),
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .custom-select-trigger,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .ubatch-field--floating input,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .ubatch-select__trigger {
  min-height: 60px;
  padding: 0 18px !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .tasks-field textarea,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .ubatch-field--floating textarea {
  min-height: 136px;
  padding: 16px 18px !important;
  line-height: 1.55;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .item-create-shell .tasks-field input:not([type="checkbox"]):not([type="radio"]),
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .item-create-shell .tasks-field textarea,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .item-create-shell .custom-select-trigger,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-create-shell .tasks-field input:not([type="checkbox"]):not([type="radio"]),
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-create-shell .tasks-field textarea,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-create-shell .custom-select-trigger {
  border: 1px solid rgba(var(--proc-violet-rgb), 0.22) !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer input:focus,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer textarea:focus,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .custom-select.open .custom-select-trigger,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .ubatch-select.open .ubatch-select__trigger {
  border-color: rgba(99, 102, 241, 0.42) !important;
  box-shadow:
    0 0 0 4px rgba(99, 102, 241, 0.12),
    0 10px 22px rgba(2, 6, 23, 0.1) !important;
  background: rgb(31, 40, 66) !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .custom-options,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .ubatch-select__options {
  border-radius: 18px;
  border: 1px solid rgba(129, 140, 248, 0.22) !important;
  background: rgb(11, 19, 37) !important;
  box-shadow: 0 20px 40px rgba(2, 6, 23, 0.42) !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .custom-option,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .ubatch-select__option {
  min-height: 46px;
  display: flex;
  align-items: center;
  padding: 10px 12px !important;
  border-radius: 12px;
  color: #dbe7ff !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .custom-option:hover,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .custom-option.selected,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .ubatch-select__option:hover,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .ubatch-select__option.selected {
  background: rgba(99, 102, 241, 0.16) !important;
  color: #ffffff !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .form-actions,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .ubatch-form__actions {
  margin-top: 18px !important;
  padding-top: 0 !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell .tasks-field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell .tasks-field textarea,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell .custom-select-trigger,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell .custom-select-search-input {
  border-radius: 14px !important;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.16) !important;
  background:
    linear-gradient(180deg, rgba(19, 17, 34, 0.84), rgba(12, 11, 23, 0.92)) !important;
  color: #f8f7ff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    inset 0 10px 24px rgba(255, 255, 255, 0.01),
    0 10px 24px rgba(7, 4, 20, 0.12) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell .tasks-field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell .custom-select-trigger,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell .custom-select-search-input {
  min-height: 58px !important;
  padding: 0 18px !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell .tasks-field textarea {
  min-height: 120px !important;
  padding: 16px 18px !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell .custom-select-trigger span,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell input::placeholder,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell textarea::placeholder,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell .custom-select-search-input::placeholder {
  color: rgba(236, 232, 255, 0.88) !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell input:focus,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell textarea:focus,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell .custom-select.open .custom-select-trigger,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell .custom-select-trigger:focus-visible,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell .custom-select-search-input:focus {
  border-color: rgba(var(--proc-violet-rgb), 0.28) !important;
  background:
    linear-gradient(180deg, rgba(24, 20, 42, 0.9), rgba(15, 12, 27, 0.96)) !important;
  box-shadow:
    0 0 0 4px rgba(var(--proc-violet-rgb), 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 12px 28px rgba(10, 5, 25, 0.16) !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell .custom-options {
  z-index: 600 !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell .reports-composer-form .form-actions {
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell .reports-composer-form .form-actions .dashboard-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-drawer-hero,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .batch-workspace-hero,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .po-workspace-hero,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-panel-heading,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .catalog-drawer-shell .card-header,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .item-group-shell .card-header,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-group-shell .card-header {
  margin-bottom: 18px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-drawer-hero__strip,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .batch-composer-shell .drawer-hero-strip,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-composer-shell .drawer-hero-strip,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .batch-order-drawer-shell .drawer-hero-strip,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .po-workspace-hero .drawer-hero-strip,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .catalog-drawer-shell .drawer-hero-strip,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .catalog-drawer-workspace .product-panel-hero {
  margin-bottom: 24px !important;
  padding: 24px 24px 22px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.18) !important;
  background:
    linear-gradient(180deg, rgb(66, 45, 125), rgb(53, 34, 105)) !important;
  box-shadow: none !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-drawer-surface,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .po-planner-surface,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .po-catalog-surface,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .batch-surface-card,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .ubatch-card,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .purchase-request-composer-card,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .po-supplier-group-form,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .po-supplier-box,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .po-supplier-lane-row__meta,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .po-catalog-active-group,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .po-workspace-summary-chip {
  border: 1px solid rgba(var(--proc-violet-rgb), 0.12) !important;
  background:
    linear-gradient(180deg, rgb(19, 25, 41), rgb(10, 14, 26)) !important;
  box-shadow: none !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-drawer-tabs,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-panel-tabs,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .ubatch-mobile-switcher {
  margin: 0 0 18px !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .tasks-board__header,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .ubatch-card__header,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-panel-heading,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-drawer-hero__header {
  color: inherit !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .tasks-board__header h4,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .ubatch-card__header h3,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-drawer-hero__copy h2,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .batch-workspace-hero h1 {
  color: #f8fbff !important;
  text-shadow: none !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .inventory-stat-card,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .stat-card,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .batch-workspace-band__item,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-drawer-kpi {
  border: 1px solid rgba(var(--proc-violet-rgb), 0.12) !important;
  background: rgb(18, 24, 39) !important;
  box-shadow: none !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .catalog-drawer-page {
  display: grid;
  gap: 26px;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .drawer-board {
  margin-top: 0;
  padding: 26px 0 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .item-group-list-shell,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-group-list-shell {
  padding: 24px 24px 20px !important;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.2) !important;
  border-radius: 26px !important;
  background: #0a1020 !important;
  box-shadow: none !important;
}

.tasks-sidebar .dashboard-table-card,
.tasks-sidebar .dashboard-form-card,
.tasks-sidebar .product-form-card,
.app-drawer .dashboard-table-card,
.app-drawer .dashboard-form-card,
.app-drawer .product-form-card,
#premiumPanelContent .dashboard-form-card,
#premiumPanelContent .dashboard-table-card,
#premiumPanelContent .product-form-card,
.purchase-request-composer-card,
.item-group-list-shell,
.product-group-list-shell,
.table-wrapper {
  border-color: rgba(var(--proc-violet-rgb), 0.2) !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-tab-card {
  padding: 24px !important;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.22) !important;
  border-radius: 26px !important;
  background: rgb(23, 30, 48) !important;
  box-shadow: none !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-drawer-panel {
  padding-top: 24px !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-section-shell {
  margin-top: 0 !important;
  padding: 24px !important;
  border-radius: 26px !important;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.18) !important;
  background: linear-gradient(180deg, rgba(19, 26, 44, 0.98), rgba(11, 16, 30, 0.99)) !important;
  box-shadow: none !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-section-shell.order-drawer-surface,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-section-shell.product-tab-card,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-section-shell.order-drawer-form-shell,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-section-shell.order-panel-summary-shell {
  background: linear-gradient(180deg, rgba(19, 26, 44, 0.98), rgba(11, 16, 30, 0.99)) !important;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.18) !important;
  box-shadow: none !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-section-shell .order-panel-summary,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-section-shell .table-wrapper {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #order-panel-edit-form .tasks-field input:not([type="checkbox"]):not([type="radio"]),
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #order-panel-edit-form .custom-select-trigger {
  min-height: 58px !important;
  padding: 0 18px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.16) !important;
  background:
    linear-gradient(180deg, rgba(19, 17, 34, 0.84), rgba(12, 11, 23, 0.92)) !important;
  color: #f8f7ff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    inset 0 10px 24px rgba(255, 255, 255, 0.01),
    0 10px 24px rgba(7, 4, 20, 0.12) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #order-panel-edit-form .tasks-field input::placeholder,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #order-panel-edit-form .custom-select-trigger span {
  color: rgba(236, 232, 255, 0.88) !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #order-panel-edit-form input:focus,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #order-panel-edit-form .custom-select.open .custom-select-trigger,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #order-panel-edit-form .custom-select-trigger:focus-visible {
  border-color: rgba(var(--proc-violet-rgb), 0.28) !important;
  background:
    linear-gradient(180deg, rgba(24, 20, 42, 0.9), rgba(15, 12, 27, 0.96)) !important;
  box-shadow:
    0 0 0 4px rgba(var(--proc-violet-rgb), 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 12px 28px rgba(10, 5, 25, 0.16) !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-composer-shell > form.tasks-composer,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-section-shell,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-summary-card,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-drawer-kpi {
  background: rgb(23, 30, 48) !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-summary {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #order-panel-edit-form .custom-select-trigger svg,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #order-panel-edit-form .custom-select-trigger i {
  color: rgba(214, 201, 255, 0.86) !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .po-workspace-summary-chip,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .po-planner-surface,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .po-catalog-surface,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .po-supplier-group-form,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .po-supplier-box,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .po-supplier-lane-row__meta,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .po-catalog-active-group,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .po-supplier-select .custom-options,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .batch-load-card,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .batch-planner-surface,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .batch-catalog-surface,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchMaterialsSection,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchLoadPreviewSection,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .ubatch-planner-table tr {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .ubatch-workspace {
  grid-template-columns: minmax(0, 3fr) minmax(320px, 1fr) !important;
  gap: 18px !important;
  align-items: start !important;
  overflow: visible !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-workspace-hero__header {
  display: flex !important;
  justify-content: space-between !important;
  gap: 20px !important;
  align-items: start !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .jobs-header-left,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .jobs-header-left p,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .ubatch-header-actions {
  max-width: 100% !important;
  min-width: 0 !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .jobs-header-left {
  flex: 1 1 auto !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-workspace-hero .jobs-header-left h1 {
  margin-bottom: 10px !important;
  font-size: clamp(2rem, 4.2vw, 3.2rem) !important;
  line-height: 1.02 !important;
  overflow-wrap: anywhere !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-workspace-hero .ubatch-header-actions {
  width: auto !important;
  flex: 0 0 auto !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-workspace-hero .dashboard-btn,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-workspace-hero .inline-form {
  width: auto !important;
  max-width: 100% !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-workspace-hero {
  position: relative;
  z-index: 2;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot #purchaseOrderWorkspacePanels {
  position: relative;
  z-index: 1;
  margin-top: 0 !important;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
  padding-top: 2px;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-planner-surface,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-catalog-surface,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-group-form,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-box,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-catalog-active-group {
  background: rgb(23, 30, 48) !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-lane-row__meta {
  background: rgb(18, 24, 39) !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-group-form {
  z-index: 6;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-select {
  z-index: 8;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-select.open {
  z-index: 10;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-select .custom-options {
  z-index: 11;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot {
  display: grid;
  grid-template-rows: auto;
  gap: 18px;
  min-height: auto;
  height: auto;
  overflow: visible;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .batch-workspace-header-stack {
  display: grid;
  grid-template-rows: auto;
  gap: 18px;
  min-height: auto;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .batch-workspace-hero {
  margin-bottom: 0 !important;
  padding: 20px 22px 18px !important;
  border-radius: 28px !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .batch-workspace-hero__header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 18px !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .batch-workspace-hero .jobs-header-left h1 {
  margin-bottom: 8px !important;
  font-size: clamp(1.8rem, 3vw, 2.6rem) !important;
  line-height: 1.04 !important;
  overflow-wrap: anywhere !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .batch-workspace-hero .jobs-header-left p {
  max-width: 860px;
  margin-bottom: 0 !important;
  font-size: 0.95rem !important;
  line-height: 1.45 !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-header-actions {
  gap: 8px !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .batch-workspace-hero__actions {
  justify-content: flex-start !important;
  align-items: center !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-header-actions .dashboard-btn {
  min-height: 42px !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-stat-grid {
  gap: 10px !important;
  margin: 0 !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .batch-workspace-band {
  display: none !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-stat-grid .stat-card {
  min-height: 0 !important;
  padding: 14px 16px !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-stat-grid .stat-card strong {
  font-size: 1.45rem !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot {
  padding-top: 18px !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .batch-workspace-header-stack {
  display: grid;
  gap: 16px;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .batch-workspace-hero {
  display: block !important;
  margin-top: 0 !important;
  padding: 24px 24px 20px !important;
  border-radius: 26px !important;
  overflow: visible !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .batch-workspace-hero__header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 18px !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot #batchLoadPreviewSection {
  margin-top: 0 !important;
  padding: 16px 18px !important;
  max-height: none !important;
  overflow: visible !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot #batchLoadPreviewSection .card-header,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot #batchMaterialsSection .card-header {
  margin-bottom: 12px !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .batch-preview-filter-form {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .batch-preview-filter-form .jobs-pill-option {
  flex: 0 0 auto;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .batch-preview-filter-form .dashboard-btn {
  margin-left: auto;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .batch-load-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .batch-load-card {
  padding: 14px 16px !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-workspace {
  min-height: 0;
  height: auto;
  gap: 14px !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.9fr) !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .batch-planner-surface,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .batch-catalog-surface {
  min-height: 0;
  height: auto;
  overflow: visible;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-card__header {
  margin-bottom: 12px !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-builder-subcopy {
  font-size: 0.88rem;
  line-height: 1.45;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-planner-table-wrap,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-product-grid {
  min-height: 0;
  height: auto;
  max-height: none;
  overflow: visible;
}

/* Final desktop corrective layer for batch workspace drawer */
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot {
  min-height: auto !important;
  height: auto !important;
  overflow: visible !important;
  padding-top: 22px !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .batch-workspace-header-stack {
  grid-template-rows: none !important;
  gap: 18px !important;
  min-height: auto !important;
  position: relative !important;
  z-index: 2 !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .batch-workspace-hero,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-stat-grid,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot #batchLoadPreviewSection {
  position: relative !important;
  z-index: auto !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .batch-workspace-hero {
  margin: 0 0 2px !important;
  padding: 24px 24px 20px !important;
  overflow: hidden !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .batch-workspace-hero__header {
  align-items: start !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-stat-grid {
  margin: 0 !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot #batchLoadPreviewSection {
  margin-top: 0 !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-workspace {
  grid-template-columns: minmax(0, 1.56fr) minmax(430px, 0.9fr) !important;
  gap: 18px !important;
  align-items: start !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-group-toolbar,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-group-pills,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-group-picker {
  display: none !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .batch-catalog-surface {
  position: static !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-product-list-head {
  display: grid !important;
  grid-template-columns: 148px minmax(0, 1fr) 72px !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 0 14px 10px !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-product-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-product-card {
  display: grid !important;
  grid-template-columns: 148px minmax(0, 1fr) 72px !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 12px 14px !important;
  min-height: 62px !important;
  border: 0 !important;
  border-top: 1px solid rgba(129, 140, 248, 0.16) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-product-card__name {
  min-width: 0 !important;
  display: block !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: rgba(226, 232, 240, 0.9) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-product-card__code {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 0.98rem !important;
  font-weight: 800 !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-product-card__action {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-product-add-btn {
  min-height: 34px !important;
  padding-inline: 10px !important;
  font-size: 0.76rem !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot #batchMaterialsSection {
  margin-top: 0 !important;
  padding: 16px 18px !important;
  max-height: none !important;
  overflow: visible !important;
}

@media (max-width: 1280px) {
  .premium-panel[data-drawer-preset="unified"] {
    width: min(980px, calc(100vw - 16px));
    max-width: calc(100vw - 16px);
  }

  #premiumPanelContent #purchaseOrderWorkspaceRoot {
    padding: 16px 16px 22px;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-workspace-hero {
    padding: 20px 20px 16px !important;
    border-radius: 24px !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-workspace-hero__header {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-workspace-hero .ubatch-header-actions {
    width: 100% !important;
    justify-content: flex-start !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .batch-load-grid {
    grid-template-columns: 1fr !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-product-list-head,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-product-card {
    grid-template-columns: 118px minmax(0, 1fr) 72px !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .batch-workspace-hero__header {
    grid-template-columns: 1fr !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .batch-workspace-hero__actions {
    width: 100% !important;
  }
}

@media (max-width: 1100px) {
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .ubatch-workspace {
    grid-template-columns: 1fr !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot {
    grid-template-rows: auto auto auto auto;
    min-height: 0;
    height: auto;
    overflow: visible;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-workspace {
    grid-template-columns: 1fr !important;
    height: auto;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-product-list-head {
    display: none;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-product-card {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 14px !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-product-card__name,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-product-card__code {
    white-space: normal;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-product-card__action {
    justify-content: flex-start;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot #batchLoadPreviewSection,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot #batchMaterialsSection,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-planner-table-wrap,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-product-grid {
    max-height: none;
    height: auto;
  }
}

@media (max-width: 900px) {
  #purchase-orders-page .tasks-hero__header {
    gap: 14px;
  }

  #purchase-orders-page .jobs-header-right {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
  }

  #purchase-orders-page .jobs-header-right .dashboard-btn {
    width: 100%;
    justify-content: center;
  }

  #purchase-orders-page .tasks-filter-toolbar {
    grid-template-columns: 1fr;
  }

  #purchase-orders-page .tasks-filter-actions,
  #purchase-orders-page .tasks-filter-actions .dashboard-btn {
    width: 100%;
  }

  #purchase-orders-page .purchase-orders-field-wide {
    grid-column: span 1;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot {
    padding: 16px 14px 20px;
    gap: 14px;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-workspace-hero .jobs-header-left h1 {
    font-size: clamp(1.6rem, 7vw, 2.35rem) !important;
    line-height: 1.08 !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-workspace-hero .ubatch-header-actions {
    display: grid !important;
    grid-template-columns: 1fr;
    align-items: stretch !important;
    justify-content: stretch !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-workspace-hero .dashboard-btn,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-workspace-hero .inline-form,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-workspace-hero .inline-form .dashboard-btn {
    width: 100% !important;
    justify-content: center !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-planner-surface,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-catalog-surface {
    padding: 18px 16px !important;
    border-radius: 24px !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-group-form,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-lane-row,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-line-row,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-catalog-row {
    grid-template-columns: 1fr !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-group-form .dashboard-btn {
    width: 100%;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-lane-row__trigger,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-lane-row__meta,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-catalog-row__meta,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-line-row__meta {
    justify-content: flex-start !important;
    width: 100%;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-lane-row__main strong,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-catalog-row strong,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-line-row strong {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-box__footer,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-line-row__actions {
    justify-content: stretch;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-box__footer .dashboard-btn {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 640px) {
  #purchase-orders-page .purchase-orders-composer-section {
    padding: 18px 18px 0;
    box-sizing: border-box;
  }

  #purchase-orders-page .purchase-orders-composer-section .card-header {
    position: relative;
    display: block;
    min-height: 44px;
    margin-bottom: 12px;
    padding-right: 56px;
    padding-left: 2px;
  }

  #purchase-orders-page .purchase-orders-composer-section .card-header h4 {
    margin: 0;
    font-size: clamp(1.05rem, 5.8vw, 1.45rem);
    line-height: 1.08;
    letter-spacing: -0.03em;
  }

  #purchase-orders-page .purchase-orders-composer-section .tasks-drawer-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
  }

  #purchase-orders-page .purchase-orders-composer-section .drawer-hero-strip {
    grid-template-columns: 1fr;
    align-items: start;
    margin-bottom: 14px;
    padding: 16px 16px 14px;
    gap: 12px;
  }

  #purchase-orders-page .purchase-orders-composer-section .tasks-composer-subcopy {
    font-size: 0.92rem;
    line-height: 1.55;
  }

  #purchase-orders-page .purchase-orders-composer-section .drawer-hero-strip__accent {
    min-width: 0;
    align-items: flex-start;
    gap: 8px;
    padding-bottom: 0;
  }

  #purchase-orders-page .purchase-orders-composer-section .drawer-hero-strip__line {
    width: 72px;
  }

  #purchase-orders-page .purchase-orders-composer-section .drawer-hero-strip__line--soft {
    width: 44px;
  }

  #purchase-orders-page .purchase-orders-composer-form {
    gap: 10px;
  }

  #purchase-orders-page .purchase-orders-composer-grid {
    display: flex;
    flex-direction: column;
    padding-right: 0;
    padding-bottom: 20px;
    gap: 10px !important;
  }

  #purchase-orders-page .purchase-orders-composer-form .tasks-field {
    display: flex;
    flex-direction: column;
    gap: 4px !important;
  }

  #purchase-orders-page .purchase-orders-composer-form .tasks-field label {
    margin: 0 !important;
    line-height: 1.1;
  }

  #purchase-orders-page .purchase-orders-composer-form .tasks-field input,
  #purchase-orders-page .purchase-orders-composer-form .tasks-field textarea {
    margin: 0 !important;
    min-height: 48px;
  }

  #purchase-orders-page .purchase-orders-composer-form .tasks-field textarea {
    min-height: 148px;
  }

  #purchase-orders-page.tasks-shell {
    padding: 14px;
    gap: 14px;
    border-radius: 18px;
    overflow-x: hidden;
  }

  #purchase-orders-page .tasks-workspace {
    gap: 14px;
  }

  #purchase-orders-page .tasks-hero,
  #purchase-orders-page .tasks-filter-card,
  #purchase-orders-page .tasks-board {
    width: 100%;
    box-sizing: border-box;
    padding: 18px 14px;
    border-radius: 20px;
  }

  #purchase-orders-page .tasks-board {
    padding-bottom: 28px;
  }

  #purchase-orders-page .table-wrapper {
    overflow-x: hidden !important;
    margin-inline: 0;
  }

  #purchase-orders-page .tasks-board__header {
    align-items: flex-start;
    flex-direction: column;
  }

  #purchase-orders-page .tasks-board__subcopy,
  #purchase-orders-page .tasks-hero .jobs-header-left p {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  #purchase-orders-page .tasks-pill-row {
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 2px;
  }

  #purchase-orders-page .tasks-pill-group {
    flex-wrap: nowrap;
    min-width: max-content;
  }

  #purchase-orders-page .purchase-orders-composer-form .form-actions {
    position: sticky;
    bottom: 0;
    z-index: 3;
    margin: 0;
    padding: 14px 0 calc(22px + env(safe-area-inset-bottom, 0px));
    background: linear-gradient(180deg, rgba(8, 12, 26, 0), rgba(8, 12, 26, 0.86) 28%, rgba(8, 12, 26, 0.98));
  }

  #purchase-orders-page .purchase-orders-composer-form .form-actions .dashboard-btn {
    width: 100%;
    justify-content: center;
    min-height: 52px;
    border-radius: 18px;
  }

  #purchase-orders-page .purchase-orders-table,
  #purchase-orders-page .purchase-orders-table thead,
  #purchase-orders-page .purchase-orders-table tbody {
    display: block;
    width: 100%;
  }

  #purchase-orders-page .purchase-orders-table thead {
    display: none;
  }

  #purchase-orders-page .purchase-orders-table tbody {
    display: grid;
    gap: 12px;
  }

  #purchase-orders-page .purchase-orders-table tr {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 12px;
    padding: 14px;
    border-radius: 22px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(148, 163, 184, 0.1);
    background:
      linear-gradient(180deg, rgba(15, 23, 42, 0.82), rgba(15, 23, 42, 0.68)),
      linear-gradient(135deg, rgba(var(--proc-violet-rgb), 0.08), rgba(var(--proc-violet-deep-rgb), 0.04));
  }

  #purchase-orders-page .purchase-orders-table td {
    display: grid;
    gap: 4px;
    min-width: 0;
    padding: 0;
    border: 0;
    white-space: normal;
  }

  #purchase-orders-page .purchase-orders-table td::before {
    content: attr(data-label);
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: rgba(148, 163, 184, 0.86);
  }

  #purchase-orders-page .purchase-orders-table td[data-label="PO"] {
    grid-column: 1 / -1;
    padding-right: 34px;
  }

  #purchase-orders-page .purchase-orders-table td[data-label="Batch"] {
    grid-column: 1 / -1;
  }

  #purchase-orders-page .purchase-orders-table td[data-label="Action"] {
    grid-column: 1 / -1;
    margin-top: 4px;
  }

  #purchase-orders-page .purchase-orders-action-cell,
  #purchase-orders-page .tasks-table-delete-cell {
    width: auto;
    min-width: 0;
  }

  #purchase-orders-page .purchase-orders-action-cell .table-actions-inline,
  #purchase-orders-page .purchase-orders-action-cell .inline-form,
  #purchase-orders-page .purchase-orders-action-cell .table-action-btn {
    width: 100%;
  }

  #purchase-orders-page .purchase-orders-action-cell .table-action-btn {
    justify-content: center;
  }

  #purchase-orders-page .tasks-table-delete-cell {
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 0;
    width: 28px;
    min-width: 28px;
    border: 0;
    display: flex;
    justify-content: flex-end;
  }

  #purchase-orders-page .purchase-orders-composer-grid {
    grid-template-columns: 1fr;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-workspace-hero {
    padding: 18px 14px 14px !important;
    border-radius: 22px !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-planner-surface,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-catalog-surface,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-box,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-group-form,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-catalog-active-group {
    border-radius: 20px !important;
  }
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer,
.premium-panel[data-drawer-preset="unified"] #premiumPanelContent,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #orderPanelRoot,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .drawer-workspace-page {
  background: transparent !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .tasks-hero__backdrop,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .po-workspace-hero::before,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .po-workspace-hero::after,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-panel-hero::before,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-panel-hero::after,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-drawer-hero::before,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-drawer-hero::after,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .batch-workspace-hero::before,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .batch-workspace-hero::after {
  display: none !important;
}

@media (max-width: 640px) {
  .order-panel-hero {
    min-height: auto;
    height: auto;
  }

  .order-panel-hero {
    top: auto;
  }

  .order-panel-tabs-shell {
    top: auto;
  }

  .order-drawer-panel {
    padding-top: 0;
  }

  .order-panel-hero__header,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-hero__header {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: start !important;
    height: auto !important;
    gap: 12px !important;
  }

  .order-panel-hero__actions,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-hero__actions {
    width: 100%;
    justify-content: flex-start !important;
  }

  .order-panel-hero__copy,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-hero__copy {
    min-width: 0;
  }

  .order-panel-heading h2,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-heading h2 {
    font-size: clamp(1.9rem, 9vw, 2.6rem) !important;
    line-height: 0.96 !important;
    letter-spacing: -0.05em !important;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .order-panel-heading p,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-heading p {
    font-size: 0.9rem !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere;
  }

  .order-panel-hero__note,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .order-panel-hero__note {
    width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
    padding: 14px 16px !important;
  }

  .order-panel-mobile-list {
    display: grid;
    gap: 8px;
  }

  .order-drawer-panel[data-order-panel-section="materials"] .table-wrapper,
  .order-drawer-panel[data-order-panel-section="shortages"] .table-wrapper,
  .order-drawer-panel[data-order-panel-section="jobs"] .table-wrapper {
    display: none !important;
  }

  .order-panel-mobile-row {
    grid-template-columns: minmax(78px, 0.9fr) minmax(0, 1.2fr) minmax(78px, auto);
    gap: 6px;
    padding: 8px 10px;
  }

  .order-panel-mobile-cell--primary strong {
    font-size: 0.8rem;
  }

  .order-panel-mobile-cell--status .status-badge {
    justify-self: end;
    max-width: 100%;
  }

  #items-page .tasks-filter-card,
  #products-page .tasks-filter-card,
  #transfers-page .tasks-filter-card {
    padding: 16px 14px 14px;
  }

  #items-page .tasks-board,
  #products-page .tasks-board,
  #transfers-page .tasks-board {
    padding: 18px 14px 28px;
  }

  #transfers-page .transfers-filter-grid {
    grid-template-columns: 1fr;
  }

  #transfers-page .tasks-board__header,
  #items-page .tasks-board__header,
  #products-page .tasks-board__header {
    align-items: flex-start;
  }

  .task-creator-grid,
  .report-creator-grid,
  .product-creator-grid,
  .item-creator-grid,
  .product-jobs-grid,
  .bom-form-grid-premium {
    grid-template-columns: 1fr;
  }

  #product-job-edit-page .product-jobs-grid {
    grid-template-columns: 1fr;
  }

  .product-panel-tabs .tasks-pill-group {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
  }

  .product-panel-tabs .tasks-pill-option span {
    width: 100%;
    min-width: 0;
    padding-inline: 10px;
    font-size: 0.9rem;
  }

  .product-panel-hero {
    padding: 18px 16px;
    border-radius: 24px;
  }

  .product-panel-heading h2 {
    font-size: 1.75rem;
  }
}

@media (max-width: 900px) {
  #product-job-edit-page .product-jobs-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  #items-page .tasks-hero,
  #products-page .tasks-hero {
    margin-bottom: 18px;
  }

  #items-page .tasks-hero__header,
  #products-page .tasks-hero__header {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }

  #items-page .jobs-header-right,
  #products-page .jobs-header-right {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  #items-page .jobs-header-right .dashboard-btn,
  #products-page .jobs-header-right .dashboard-btn {
    width: 100%;
    justify-content: center;
  }

  #items-page .tasks-workspace,
  #products-page .tasks-workspace {
    gap: 16px;
  }

  #items-page .tasks-shell,
  #products-page .tasks-shell {
    padding: 18px;
    gap: 18px;
  }

  #items-page .tasks-hero,
  #products-page .tasks-hero {
    padding: 22px 18px;
    border-radius: 24px;
  }

  #items-page .inventory-stats-grid,
  #products-page .inventory-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  #items-page .inventory-pill-row,
  #products-page .inventory-pill-row {
    overflow-x: auto;
    padding-bottom: 4px;
  }

  #items-page .inventory-pill-row .tasks-pill-group,
  #products-page .inventory-pill-row .tasks-pill-group {
    display: flex;
    flex-wrap: nowrap;
    min-width: max-content;
  }

  #items-page .tasks-filter-toolbar,
  #products-page .tasks-filter-toolbar {
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 12px;
  }

  #items-page .inventory-group-filter-field,
  #products-page .inventory-group-filter-field,
  #items-page .tasks-filter-actions,
  #products-page .tasks-filter-actions {
    width: 100%;
  }

  #items-page .tasks-filter-actions .dashboard-btn,
  #products-page .tasks-filter-actions .dashboard-btn {
    width: 100%;
    justify-content: center;
  }

  #items-page .tasks-board .table-wrapper,
  #products-page .tasks-board .table-wrapper {
    margin-inline: -2px;
    padding-bottom: 6px;
  }

  #items-page .orders-table,
  #products-page .orders-table {
    min-width: 920px;
  }

  .premium-panel[data-drawer-preset="unified"] {
    width: calc(100vw - 8px);
    max-width: calc(100vw - 8px);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
  }

  .premium-panel[data-drawer-preset="unified"] #premiumPanelContent {
    padding: 14px 14px 18px !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer {
    gap: 16px;
    padding: 14px;
    border-radius: 20px;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .drawer-workspace-page,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .drawer-form-page,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .drawer-form-block {
    gap: 16px;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-panel-heading h2,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .card-header h4 {
    font-size: clamp(1.55rem, 7vw, 2rem) !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-panel-tabs .tasks-pill-group {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-panel-tabs .tasks-pill-option {
    width: 100%;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-panel-tabs .tasks-pill-option span {
    width: 100%;
    min-width: 0;
    justify-content: center;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-panel-hero {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 10px;
    padding: 14px 16px !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-panel-hero__accent {
    justify-self: start;
    min-width: 96px;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-tab-card,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .item-group-list-shell,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-group-list-shell {
    padding: 16px !important;
    border-radius: 20px !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .inventory-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
}

@media (max-width: 640px) {
  .tasks-sidebar,
  .app-drawer {
    top: 0;
    width: 100vw;
    max-width: 100vw;
    height: 100vh;
    padding: 0;
  }

  .tasks-drawer-overlay,
  .app-drawer-overlay,
  .premium-panel-overlay[data-panel-variant="unified"] {
    top: 0;
  }

  .app-drawer__surface {
    min-height: 100vh;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    border-top: 0;
  }

  #items-page .jobs-header-right,
  #products-page .jobs-header-right {
    grid-template-columns: 1fr;
  }

  #inventory-page .tasks-hero__header {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }

  #inventory-page .jobs-header-right {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  #inventory-page .jobs-header-right .dashboard-btn {
    width: 100%;
    justify-content: center;
  }

  #inventory-page.tasks-shell {
    padding: 14px;
    gap: 14px;
    border-radius: 18px;
  }

  #inventory-page .tasks-hero {
    padding: 18px 14px;
    border-radius: 18px;
  }

  #inventory-page .tasks-workspace {
    gap: 14px;
  }

  #inventory-page .inventory-tab-strip {
    padding: 0;
  }

  #inventory-page .inventory-tab-shell {
    gap: 10px;
    padding: 14px;
    border-radius: 18px;
  }

  #inventory-page .inventory-tab-shell__label {
    font-size: 0.72rem;
  }

  #inventory-page .inventory-tab-switch {
    gap: 8px;
  }

  #inventory-page .inventory-tab-chip {
    min-height: 44px;
  }

  #items-page .inventory-stats-grid,
  #products-page .inventory-stats-grid,
  #inventory-page .inventory-stats-grid {
    grid-template-columns: 1fr;
  }

  #inventory-page .inventory-pill-row {
    overflow-x: auto;
    padding-bottom: 4px;
  }

  #inventory-page .inventory-pill-row .tasks-pill-group {
    display: flex;
    flex-wrap: nowrap;
    min-width: max-content;
  }

  #inventory-page .tasks-filter-toolbar {
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 12px;
  }

  #inventory-page .inventory-group-filter-field,
  #inventory-page .tasks-filter-actions {
    width: 100%;
  }

  #inventory-page .tasks-filter-actions .dashboard-btn {
    width: 100%;
    justify-content: center;
  }

  #items-page .tasks-board .table-wrapper,
  #products-page .tasks-board .table-wrapper,
  #inventory-page .table-wrapper {
    overflow-x: visible;
    -webkit-overflow-scrolling: auto;
  }

  #items-page .tasks-shell,
  #products-page .tasks-shell {
    padding: 14px;
    gap: 14px;
    border-radius: 18px;
  }

  #items-page .tasks-hero,
  #products-page .tasks-hero {
    padding: 18px 14px;
    border-radius: 18px;
  }

  #items-page .tasks-hero .jobs-header-left h1,
  #products-page .tasks-hero .jobs-header-left h1 {
    font-size: 2rem;
  }

  #items-page .tasks-hero .jobs-header-left p,
  #products-page .tasks-hero .jobs-header-left p {
    font-size: 0.98rem;
  }

  #items-page .orders-table,
  #products-page .orders-table,
  #inventory-page .inventory-table {
    min-width: 0;
  }

  #items-page .items-table-premium,
  #inventory-page .inventory-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
  }

  #items-page .items-table-premium thead,
  #inventory-page .inventory-table thead {
    display: none;
  }

  #items-page .items-table-premium tbody,
  #inventory-page .inventory-table tbody,
  #items-page .items-table-premium tr,
  #inventory-page .inventory-table tr {
    display: block;
    width: 100%;
  }

  #items-page .items-table-premium tr,
  #inventory-page .inventory-table tr {
    margin-bottom: 12px;
    padding: 14px;
    border-radius: 18px;
    border: 1px solid rgba(var(--proc-violet-rgb), 0.14);
    background: rgb(23, 30, 48);
  }

  #items-page .items-table-premium td,
  #inventory-page .inventory-table td {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    width: 100%;
    min-width: 0;
    padding: 7px 0;
    border: 0;
    text-align: left;
    white-space: normal;
  }

  #items-page .items-table-premium td::before,
  #inventory-page .inventory-table td::before {
    content: attr(data-label);
    color: rgba(198, 208, 236, 0.68);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  #items-page .items-table-premium td[data-label="Item"],
  #inventory-page .inventory-table td[data-label="Item"],
  #inventory-page .inventory-table td[data-label="Product"] {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  #items-page .items-table-premium td[data-label="Item"]::before,
  #inventory-page .inventory-table td[data-label="Item"]::before,
  #inventory-page .inventory-table td[data-label="Product"]::before {
    margin-bottom: 2px;
  }

  #items-page .items-table-premium .tasks-table-delete-cell,
  #inventory-page .inventory-actions-cell {
    grid-template-columns: 1fr;
  }

  #items-page .items-table-premium .tasks-table-delete-cell form,
  #inventory-page .inventory-actions-cell .stock-delta-form {
    width: 100%;
  }

  #items-page .items-table-premium .tasks-delete-btn,
  #inventory-page .inventory-actions-cell .stock-delta-form input,
  #inventory-page .inventory-actions-cell .stock-delta-form .table-action-btn {
    width: 100%;
  }

  #inventory-page .inventory-actions-cell {
    padding-right: 0 !important;
    text-align: left;
  }

  #inventory-page .inventory-actions-cell .stock-delta-form {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .premium-panel[data-drawer-preset="unified"] {
    top: 0;
    width: 100vw;
    max-width: 100vw;
    height: 100vh;
    border-radius: 0;
    border-left: 0;
  }

  .premium-panel[data-drawer-preset="unified"] #premiumPanelContent {
    padding: calc(12px + env(safe-area-inset-top, 0px)) 12px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer {
    gap: 14px;
    padding: 12px;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .product-panel-tabs .tasks-pill-group {
    grid-template-columns: 1fr 1fr;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .inventory-stats-grid {
    grid-template-columns: 1fr;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .inventory-stat-card {
    min-height: 0;
  }
}

@media (max-width: 1366px) {
  #items-page .inventory-stats-grid,
  #products-page .inventory-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #items-page .tasks-hero__header,
  #products-page .tasks-hero__header {
    align-items: start;
    gap: 16px;
  }

  #items-page .jobs-header-right,
  #products-page .jobs-header-right {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
    max-width: 100%;
  }

  #items-page .jobs-header-right .dashboard-btn,
  #products-page .jobs-header-right .dashboard-btn {
    flex: 0 1 auto;
    min-width: 0;
  }

  #items-page .inventory-products-toolbar,
  #products-page .inventory-products-toolbar {
    grid-template-columns: minmax(0, 1fr) minmax(220px, 0.8fr);
  }

  #items-page .tasks-filter-actions,
  #products-page .tasks-filter-actions {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }

  #items-page .tasks-filter-actions .dashboard-btn,
  #products-page .tasks-filter-actions .dashboard-btn {
    min-width: 120px;
  }
}

@media (max-width: 1180px) {
  .tasks-shell,
  #dashboard-page.tasks-shell,
  #orders-page.tasks-shell,
  #jobs-page.tasks-shell,
  #planner-page.tasks-shell,
  #workstations-page.tasks-shell,
  #account-page.tasks-shell,
  #purchase-orders-page.tasks-shell,
  #purchase-requests-page.tasks-shell,
  #suppliers-page.tasks-shell,
  #reports-page.tasks-shell,
  #tasks-page.tasks-shell,
  #order-batches-page.tasks-shell,
  #inventory-page.tasks-shell,
  #items-page.tasks-shell,
  #products-page.tasks-shell,
  #transfers-page.tasks-shell {
    padding: 18px;
    gap: 18px;
  }

  .tasks-hero,
  #dashboard-page .tasks-hero,
  #orders-page .tasks-hero,
  #jobs-page .tasks-hero,
  #planner-page .tasks-hero,
  #workstations-page .tasks-hero,
  #account-page .tasks-hero,
  #purchase-orders-page .tasks-hero,
  #purchase-requests-page .tasks-hero,
  #suppliers-page .tasks-hero,
  #reports-page .tasks-hero,
  #tasks-page .tasks-hero,
  #order-batches-page .tasks-hero,
  #inventory-page .tasks-hero,
  #items-page .tasks-hero,
  #products-page .tasks-hero,
  #transfers-page .tasks-hero {
    padding: 22px 20px;
  }

  .tasks-hero__header,
  .jobs-header.tasks-hero__header,
  .planner-header.tasks-hero__header {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }

  .jobs-header-right,
  .planner-header-right,
  .po-workspace-hero__actions,
  .ubatch-header-actions {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
  }

  .jobs-header-right .dashboard-btn,
  .planner-header-right .dashboard-btn,
  .po-workspace-hero__actions .dashboard-btn,
  .ubatch-header-actions .dashboard-btn {
    min-width: 0;
  }

  .inventory-stats-grid,
  .dashboard-priority-grid,
  .product-panel-summary-grid,
  .product-panel-stats,
  .order-drawer-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tasks-filter-toolbar,
  .inventory-products-toolbar,
  .dashboard-priority-grid {
    gap: 14px;
  }

  .task-creator-grid,
  .report-creator-grid,
  .po-new-form-grid,
  .bom-form-grid-premium,
  .procurement-request-grid,
  .form-grid.form-grid-2,
  .form-grid.procurement-request-grid,
  .tasks-composer__grid--sidebar {
    grid-template-columns: 1fr !important;
  }

  .product-panel-tabbar,
  .order-panel-tabbar {
    flex-wrap: wrap;
    gap: 10px;
  }

  .product-panel-tab,
  .order-panel-tab {
    min-width: 120px;
  }
}

@media (max-width: 860px) {
  .tasks-board,
  .dashboard-form-card,
  .tasks-filter-card,
  .inventory-stat-card,
  .dashboard-load-card,
  .product-tab-card,
  .order-drawer-surface,
  .batch-queue-board,
  .item-group-list-shell,
  .product-group-list-shell {
    border-radius: 18px;
  }

  .inventory-stats-grid,
  .dashboard-priority-grid,
  .product-panel-summary-grid,
  .product-panel-stats,
  .order-drawer-stats,
  .dashboard-stats,
  .dashboard-stats-compact {
    grid-template-columns: 1fr;
  }

  .tasks-board {
    padding: 18px;
    padding-bottom: 72px;
    margin-top: 18px;
  }

  .tasks-board__header {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .tasks-board__header .dashboard-btn,
  .tasks-board__header a.dashboard-btn {
    align-self: flex-start;
  }

  .tasks-filter-toolbar,
  .inventory-products-toolbar {
    grid-template-columns: 1fr !important;
    align-items: stretch;
  }

  .tasks-filter-actions {
    width: 100%;
    justify-content: flex-start;
  }

  .tasks-filter-actions .dashboard-btn,
  .jobs-header-right .dashboard-btn,
  .planner-header-right .dashboard-btn,
  .form-actions .dashboard-btn,
  .preview-actions .dashboard-btn {
    width: 100%;
    justify-content: center;
  }

  .tasks-pill-group,
  .group-filter-pills,
  .inventory-pill-row .tasks-pill-group,
  .product-panel-tabbar,
  .order-panel-tabbar {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-width: none;
  }

  .tasks-pill-group::-webkit-scrollbar,
  .group-filter-pills::-webkit-scrollbar,
  .inventory-pill-row .tasks-pill-group::-webkit-scrollbar,
  .product-panel-tabbar::-webkit-scrollbar,
  .order-panel-tabbar::-webkit-scrollbar {
    display: none;
  }

  .tasks-pill-option,
  .group-filter-pill,
  .product-panel-tab,
  .order-panel-tab {
    flex: 0 0 auto;
    min-width: 112px;
  }

  .tasks-pill-group__label {
    flex: 0 0 auto;
    align-self: center;
  }

  .orders-table.tasks-table,
  .orders-table.purchase-orders-table,
  .orders-table.purchase-requests-table,
  .orders-table.suppliers-table,
  .orders-table.reports-table,
  .orders-table.jobs-table-upgraded,
  .orders-table.workstations-table,
  .orders-table.orders-premium-table,
  .orders-table.batch-queue-table,
  .orders-table.item-groups-table,
  .orders-table.product-groups-table,
  .orders-table.product-flow-table,
  .orders-table.transfers-table,
  .orders-table.transfers-history-table,
  .orders-table.procurement-table,
  .orders-table.dashboard-critical-table,
  .orders-table.dashboard-orders-table {
    min-width: 0 !important;
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
  }

  .orders-table.tasks-table thead,
  .orders-table.purchase-orders-table thead,
  .orders-table.purchase-requests-table thead,
  .orders-table.suppliers-table thead,
  .orders-table.reports-table thead,
  .orders-table.jobs-table-upgraded thead,
  .orders-table.workstations-table thead,
  .orders-table.orders-premium-table thead,
  .orders-table.batch-queue-table thead,
  .orders-table.item-groups-table thead,
  .orders-table.product-groups-table thead,
  .orders-table.product-flow-table thead,
  .orders-table.transfers-table thead,
  .orders-table.transfers-history-table thead,
  .orders-table.procurement-table thead,
  .orders-table.dashboard-critical-table thead,
  .orders-table.dashboard-orders-table thead {
    display: none !important;
  }

  .orders-table.tasks-table tbody,
  .orders-table.tasks-table tr,
  .orders-table.purchase-orders-table tbody,
  .orders-table.purchase-orders-table tr,
  .orders-table.purchase-requests-table tbody,
  .orders-table.purchase-requests-table tr,
  .orders-table.suppliers-table tbody,
  .orders-table.suppliers-table tr,
  .orders-table.reports-table tbody,
  .orders-table.reports-table tr,
  .orders-table.jobs-table-upgraded tbody,
  .orders-table.jobs-table-upgraded tr,
  .orders-table.workstations-table tbody,
  .orders-table.workstations-table tr,
  .orders-table.orders-premium-table tbody,
  .orders-table.orders-premium-table tr,
  .orders-table.batch-queue-table tbody,
  .orders-table.batch-queue-table tr,
  .orders-table.item-groups-table tbody,
  .orders-table.item-groups-table tr,
  .orders-table.product-groups-table tbody,
  .orders-table.product-groups-table tr,
  .orders-table.product-flow-table tbody,
  .orders-table.product-flow-table tr,
  .orders-table.transfers-table tbody,
  .orders-table.transfers-table tr,
  .orders-table.transfers-history-table tbody,
  .orders-table.transfers-history-table tr,
  .orders-table.procurement-table tbody,
  .orders-table.procurement-table tr,
  .orders-table.dashboard-critical-table tbody,
  .orders-table.dashboard-critical-table tr,
  .orders-table.dashboard-orders-table tbody,
  .orders-table.dashboard-orders-table tr {
    display: block !important;
    width: 100% !important;
  }

  .orders-table.tasks-table tr,
  .orders-table.purchase-orders-table tr,
  .orders-table.purchase-requests-table tr,
  .orders-table.suppliers-table tr,
  .orders-table.reports-table tr,
  .orders-table.jobs-table-upgraded tr,
  .orders-table.workstations-table tr,
  .orders-table.orders-premium-table tr,
  .orders-table.batch-queue-table tr,
  .orders-table.item-groups-table tr,
  .orders-table.product-groups-table tr,
  .orders-table.product-flow-table tr,
  .orders-table.transfers-table tr,
  .orders-table.transfers-history-table tr,
  .orders-table.procurement-table tr,
  .orders-table.dashboard-critical-table tr,
  .orders-table.dashboard-orders-table tr {
    margin-bottom: 12px !important;
    padding: 14px !important;
    border: 1px solid rgba(var(--proc-violet-rgb), 0.16) !important;
    border-radius: 18px !important;
    background: #171e30 !important;
  }

  .orders-table.tasks-table td,
  .orders-table.purchase-orders-table td,
  .orders-table.purchase-requests-table td,
  .orders-table.suppliers-table td,
  .orders-table.reports-table td,
  .orders-table.jobs-table-upgraded td,
  .orders-table.workstations-table td,
  .orders-table.orders-premium-table td,
  .orders-table.batch-queue-table td,
  .orders-table.item-groups-table td,
  .orders-table.product-groups-table td,
  .orders-table.product-flow-table td,
  .orders-table.transfers-table td,
  .orders-table.transfers-history-table td,
  .orders-table.procurement-table td,
  .orders-table.dashboard-critical-table td,
  .orders-table.dashboard-orders-table td {
    display: grid !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
    width: 100% !important;
    padding: 8px 0 !important;
    border: 0 !important;
    white-space: normal !important;
    text-align: left !important;
  }

  .orders-table.tasks-table td::before,
  .orders-table.purchase-orders-table td::before,
  .orders-table.purchase-requests-table td::before,
  .orders-table.suppliers-table td::before,
  .orders-table.reports-table td::before,
  .orders-table.jobs-table-upgraded td::before,
  .orders-table.workstations-table td::before,
  .orders-table.orders-premium-table td::before,
  .orders-table.batch-queue-table td::before,
  .orders-table.item-groups-table td::before,
  .orders-table.product-groups-table td::before,
  .orders-table.product-flow-table td::before,
  .orders-table.transfers-table td::before,
  .orders-table.transfers-history-table td::before,
  .orders-table.procurement-table td::before,
  .orders-table.dashboard-critical-table td::before,
  .orders-table.dashboard-orders-table td::before {
    content: attr(data-label);
    color: rgba(198, 208, 236, 0.68) !important;
    font-size: 0.7rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
  }

  .orders-table.tasks-table td[data-label=""],
  .orders-table.purchase-orders-table td[data-label=""],
  .orders-table.purchase-requests-table td[data-label=""],
  .orders-table.suppliers-table td[data-label=""],
  .orders-table.reports-table td[data-label=""],
  .orders-table.jobs-table-upgraded td[data-label=""],
  .orders-table.workstations-table td[data-label=""],
  .orders-table.orders-premium-table td[data-label=""],
  .orders-table.batch-queue-table td[data-label=""],
  .orders-table.item-groups-table td[data-label=""],
  .orders-table.product-groups-table td[data-label=""],
  .orders-table.product-flow-table td[data-label=""],
  .orders-table.transfers-table td[data-label=""],
  .orders-table.transfers-history-table td[data-label=""],
  .orders-table.procurement-table td[data-label=""] {
    grid-template-columns: 1fr !important;
  }

  .orders-table.tasks-table td[data-label=""]::before,
  .orders-table.purchase-orders-table td[data-label=""]::before,
  .orders-table.purchase-requests-table td[data-label=""]::before,
  .orders-table.suppliers-table td[data-label=""]::before,
  .orders-table.reports-table td[data-label=""]::before,
  .orders-table.jobs-table-upgraded td[data-label=""]::before,
  .orders-table.workstations-table td[data-label=""]::before,
  .orders-table.orders-premium-table td[data-label=""]::before,
  .orders-table.batch-queue-table td[data-label=""]::before,
  .orders-table.item-groups-table td[data-label=""]::before,
  .orders-table.product-groups-table td[data-label=""]::before,
  .orders-table.product-flow-table td[data-label=""]::before,
  .orders-table.transfers-table td[data-label=""]::before,
  .orders-table.transfers-history-table td[data-label=""]::before,
  .orders-table.procurement-table td[data-label=""]::before {
    display: none !important;
  }

  .tasks-table-delete-cell,
  .purchase-requests-delete-cell,
  .suppliers-delete-cell {
    padding-right: 0 !important;
  }

  .tasks-table-delete-cell form,
  .tasks-table-delete-cell .dashboard-btn,
  .tasks-table-delete-cell .tasks-delete-btn,
  .purchase-requests-delete-cell form,
  .suppliers-delete-cell form {
    width: 100% !important;
  }
}

@media (max-width: 640px) {
  .content {
    padding: 12px !important;
  }

  .tasks-shell,
  #dashboard-page.tasks-shell,
  #orders-page.tasks-shell,
  #jobs-page.tasks-shell,
  #planner-page.tasks-shell,
  #workstations-page.tasks-shell,
  #account-page.tasks-shell,
  #purchase-orders-page.tasks-shell,
  #purchase-requests-page.tasks-shell,
  #suppliers-page.tasks-shell,
  #reports-page.tasks-shell,
  #tasks-page.tasks-shell,
  #order-batches-page.tasks-shell,
  #inventory-page.tasks-shell,
  #items-page.tasks-shell,
  #products-page.tasks-shell,
  #transfers-page.tasks-shell {
    padding: 12px;
    gap: 12px;
    border-radius: 18px;
  }

  .tasks-hero,
  #dashboard-page .tasks-hero,
  #orders-page .tasks-hero,
  #jobs-page .tasks-hero,
  #planner-page .tasks-hero,
  #workstations-page .tasks-hero,
  #account-page .tasks-hero,
  #purchase-orders-page .tasks-hero,
  #purchase-requests-page .tasks-hero,
  #suppliers-page .tasks-hero,
  #reports-page .tasks-hero,
  #tasks-page .tasks-hero,
  #order-batches-page .tasks-hero,
  #inventory-page .tasks-hero,
  #items-page .tasks-hero,
  #products-page .tasks-hero,
  #transfers-page .tasks-hero {
    padding: 18px 14px;
    border-radius: 18px;
  }

  .jobs-header-left h1,
  .dashboard-header-left h1,
  .planner-header-left h1,
  .tasks-hero__header h1 {
    font-size: 1.9rem !important;
    line-height: 1.04 !important;
  }

  .jobs-header-left p,
  .dashboard-header-left p,
  .planner-header-left p,
  .tasks-hero__header p {
    font-size: 0.92rem !important;
  }

  #account-page .jobs-header-right {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  #account-page .jobs-header-right .dashboard-btn {
    width: 100%;
    justify-content: center;
  }

  .drawer-hero-strip,
  .drawer-hero-strip.app-drawer__hero {
    padding: 18px 14px;
    border-radius: 18px;
  }

  .drawer-hero-strip__accent,
  .app-drawer__hero-accent {
    width: 88px;
    min-width: 88px;
  }

  .tasks-composer,
  .drawer-form-page,
  .drawer-form-block,
  .taskCreateForm,
  .reports-composer-form,
  .purchase-request-composer,
  .purchase-order-composer,
  .po-workspace-shell,
  .premium-unified-drawer .tasks-board {
    gap: 14px !important;
  }

  .tasks-composer__grid,
  .task-creator-grid,
  .report-creator-grid,
  .po-new-form-grid,
  .bom-form-grid-premium,
  .form-grid,
  .form-grid-2,
  .procurement-request-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .form-actions,
  .preview-actions,
  .purchase-request-composer-actions,
  .po-workspace-actions {
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 10px;
  }

  .form-actions .dashboard-btn,
  .preview-actions .dashboard-btn,
  .purchase-request-composer-actions .dashboard-btn,
  .po-workspace-actions .dashboard-btn {
    width: 100%;
  }

  .report-create-shell .drawer-hero-strip {
    display: none !important;
  }

  .report-create-shell .tasks-field label {
    display: none !important;
  }

  .report-create-shell .reports-composer-form .form-actions {
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 10px;
    margin-top: 0;
  }

  .report-create-shell .reports-composer-form .form-actions .dashboard-btn {
    width: 100%;
    min-width: 0;
  }

  .premium-panel[data-drawer-preset="unified"] #premiumPanelContent,
  .app-drawer__scroll {
    padding-bottom: calc(22px + env(safe-area-inset-bottom, 0px)) !important;
  }

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer,
.app-drawer__surface {
  min-height: 100vh;
  }
}

:root {
  --ums-sidebar-surface:
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0)),
    linear-gradient(180deg, #070c18 0%, #091122 100%);
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-workspace-hero {
  margin: 0 0 2px !important;
  padding: 24px 24px 20px !important;
  border-radius: 26px !important;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.18) !important;
  background: linear-gradient(180deg, rgb(66, 45, 125), rgb(53, 34, 105)) !important;
  overflow: hidden !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-workspace-hero__header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 18px !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-workspace-hero .jobs-header-left h1 {
  margin-bottom: 8px !important;
  font-size: clamp(1.85rem, 3vw, 2.65rem) !important;
  line-height: 1.04 !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-workspace-hero .jobs-header-left p {
  max-width: 860px !important;
  margin-bottom: 0 !important;
  font-size: 0.95rem !important;
  line-height: 1.45 !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-workspace-hero .ubatch-header-actions {
  gap: 8px !important;
  justify-content: flex-start !important;
  align-items: center !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-workspace-hero .ubatch-header-actions .dashboard-btn {
  min-height: 42px !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-planner-surface,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-catalog-surface,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-group-form,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-box,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-catalog-active-group,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-select .custom-options {
  background: var(--ums-sidebar-surface) !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-planner-surface,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-catalog-surface,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-group-form,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-box {
  border-color: rgba(var(--proc-violet-rgb), 0.18) !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-lane-row__meta {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

@media (max-width: 1100px) {
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-workspace-hero__header {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell .tasks-field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell .tasks-field textarea,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell .custom-select-trigger,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell .custom-select-search-input {
  background:
    linear-gradient(180deg, rgba(19, 17, 34, 0.84), rgba(12, 11, 23, 0.92)) !important;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.16) !important;
  color: #f8f7ff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    inset 0 10px 24px rgba(255, 255, 255, 0.01),
    0 10px 24px rgba(7, 4, 20, 0.12) !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell .reports-composer-form .form-actions {
  justify-content: center !important;
  align-items: center !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell .reports-composer-form .form-actions .dashboard-btn,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell .reports-composer-form .form-actions a.dashboard-btn {
  justify-content: center !important;
  text-align: center !important;
  margin-inline: auto !important;
}

@media (max-width: 640px) {
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell .reports-composer-form .form-actions {
    justify-content: stretch !important;
    align-items: stretch !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell .reports-composer-form .form-actions .dashboard-btn,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell .reports-composer-form .form-actions a.dashboard-btn {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
    margin-inline: 0 !important;
  }
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell .reports-composer-form {
  background: transparent !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell .reports-composer-form .form-actions {
  width: 100% !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell .reports-composer-form .form-actions .dashboard-btn,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell .reports-composer-form .form-actions a.dashboard-btn {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  line-height: 1 !important;
  min-height: 56px !important;
  padding-block: 0 !important;
  width: 100% !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell .reports-composer-form .form-actions .dashboard-btn > *,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .report-create-shell .reports-composer-form .form-actions a.dashboard-btn > * {
  margin: 0 !important;
  line-height: 1 !important;
}

/* Keep purchase-order supplier lines in real table layout inside the drawer. */
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-box .table-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table {
  width: max(100%, 1080px) !important;
  min-width: 1080px !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table thead {
  display: table-header-group !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table tbody {
  display: table-row-group !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table tr,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table .po-line-row {
  display: table-row !important;
  padding: 0 !important;
  border-radius: 0 !important;
  min-width: 0 !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table th,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table td {
  display: table-cell !important;
  vertical-align: middle !important;
  padding: 16px 14px !important;
  white-space: normal !important;
  min-width: 0 !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table td {
  grid-template-columns: none !important;
  gap: 0 !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table td::before {
  content: none !important;
  display: none !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table th:nth-child(1),
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table td:nth-child(1) {
  width: 28% !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table th:nth-child(2),
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table td:nth-child(2),
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table th:nth-child(3),
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table td:nth-child(3),
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table th:nth-child(4),
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table td:nth-child(4) {
  width: 11% !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table th:nth-child(5),
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table td:nth-child(5) {
  width: 10% !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table th:nth-child(6),
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table td:nth-child(6) {
  width: 8% !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table th:nth-child(7),
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table td:nth-child(7) {
  width: 14% !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table th:nth-child(8),
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table td:nth-child(8) {
  width: 6% !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table .tasks-table-stack {
  min-width: 0 !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table .tasks-table-title,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table .tasks-table-meta {
  overflow-wrap: anywhere !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table .po-line-price {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table .ubatch-qty-input {
  width: 100% !important;
  min-width: 92px !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table td:last-child,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table th:last-child {
  text-align: center !important;
  white-space: nowrap !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table th:nth-child(5),
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table td:nth-child(5),
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table th:nth-child(6),
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table td:nth-child(6),
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table th:nth-child(7),
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table td:nth-child(7) {
  text-align: center !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table td:nth-child(5) .po-difference,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table td:nth-child(6) strong,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table td:nth-child(7) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot #poCatalogSection {
  position: sticky !important;
  top: 18px !important;
  align-self: start !important;
  max-height: calc(100vh - 132px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

@media (max-width: 900px) {
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table {
    min-width: 980px !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table th,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-table td {
    padding: 14px 12px !important;
  }
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-box {
  border: 4px solid rgba(var(--proc-violet-rgb), 0.42) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025)) !important,
    linear-gradient(180deg, #162136 0%, #1c2a43 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 24px 54px rgba(2, 6, 23, 0.24) !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #purchaseOrderWorkspaceRoot .po-supplier-box.is-active {
  border-color: rgba(167, 139, 250, 0.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 0 3px rgba(167, 139, 250, 0.18),
    0 28px 58px rgba(2, 6, 23, 0.28) !important;
}

#transfers-page .transfers-sender-profile {
  display: grid;
  gap: 18px;
}

#transfers-page .transfers-sender-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

#transfers-page .transfers-sender-grid .tasks-table-primary {
  min-height: 108px;
  padding: 18px;
  border-radius: 22px;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.18);
  background:
    linear-gradient(180deg, rgba(27, 35, 58, 0.96), rgba(18, 24, 42, 0.96));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 16px 34px rgba(3, 7, 18, 0.2);
}

#transfers-page .transfers-inline-actions {
  display: flex;
  justify-content: center;
}

#transfers-page .transfers-inline-actions .dashboard-btn {
  min-width: 92px;
  justify-content: center;
}

.transfer-document-panel {
  display: grid;
  gap: 18px;
}

.transfer-document-panel__hero {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}

.transfer-document-panel__meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.transfer-document-panel__actions {
  display: flex;
  gap: 10px;
}

.transfers-doc-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

#transfers-page .transfers-drawer-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#transfers-page .transfers-drawer-span-full {
  grid-column: 1 / -1;
}

#transfers-page .transfers-line-builder {
  display: grid;
  gap: 16px;
  margin-top: 10px;
  padding: 18px;
  border-radius: 24px;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.16);
  background:
    linear-gradient(180deg, rgba(23, 31, 51, 0.94), rgba(16, 21, 38, 0.96));
}

#transfers-page .transfers-line-builder__header {
  margin-bottom: 0;
}

#transfers-page .transfers-line-builder__controls {
  display: flex;
  align-items: end;
  gap: 12px;
  margin-left: auto;
}

#transfers-page .transfers-line-builder__group-filter {
  min-width: 280px;
  margin-bottom: 0;
}

#transfers-page .transfers-line-builder__group-filter .custom-select,
#transfers-page .transfers-line-builder__group-filter .custom-select-trigger,
#transfers-page .transfers-line-builder__group-filter .custom-options {
  width: 100%;
}

#transfers-page .transfers-line-builder__group-filter .custom-select-trigger span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#transfers-page .transfers-line-builder__group-filter .custom-options {
  min-width: 280px;
  max-width: 420px;
}

#transfers-page .transfers-line-list {
  display: grid;
  gap: 12px;
}

#transfers-page .transfer-line-row {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) 160px 48px;
  gap: 12px;
  align-items: end;
  padding: 14px;
  border-radius: 20px;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.14);
  background: rgba(255, 255, 255, 0.03);
}

#transfers-page .transfer-line-row__product .custom-select,
#transfers-page .transfer-line-row__product .custom-select-trigger,
#transfers-page .transfer-line-row__product .custom-options {
  width: 100%;
}

#transfers-page .transfer-line-row__product .custom-select-trigger span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#transfers-page .transfer-line-row__product .custom-options {
  min-width: 520px;
  max-width: 720px;
}

#transfers-page .transfer-line-row__product .custom-option {
  white-space: normal;
  line-height: 1.35;
}

#transfers-page .transfer-line-row__actions {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 6px;
}

#transfers-page .transfers-drawer {
  width: min(50vw, 980px);
  min-width: 720px;
}

#transfers-page .transfers-drawer.transfers-drawer--sender,
#transfers-page .transfers-drawer.transfers-drawer--destination {
  width: min(50vw, 820px);
  min-width: 640px;
}

@media (max-width: 1180px) {
  #transfers-page .transfers-sender-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .transfer-document-panel__meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  #transfers-page .transfers-sender-grid,
  #transfers-page .transfers-drawer-grid {
    grid-template-columns: 1fr;
  }

  .transfer-document-panel__hero,
  .transfers-doc-summary {
    grid-template-columns: 1fr;
    display: grid;
  }

  .transfer-document-panel__meta {
    grid-template-columns: 1fr;
  }

  #transfers-page .transfers-line-builder__controls {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    margin-left: 0;
  }

  #transfers-page .transfers-line-builder__group-filter {
    min-width: 0;
  }

  #transfers-page .transfers-drawer,
  #transfers-page .transfers-drawer.transfers-drawer--sender,
  #transfers-page .transfers-drawer.transfers-drawer--destination {
    width: min(100vw, 680px);
    min-width: 0;
  }

  #transfers-page .transfer-line-row {
    grid-template-columns: 1fr;
  }

  #transfers-page .transfer-line-row__product .custom-options {
    min-width: 0;
    max-width: 100%;
  }

  #transfers-page .transfer-line-row__actions {
    justify-content: flex-start;
    padding-bottom: 0;
  }
}

#workstations-page .tasks-filter-card {
  padding: 18px 20px 16px;
  margin-bottom: 18px;
}

#workstations-page .tasks-filter-form {
  gap: 0;
}

#workstations-page .tasks-filter-toolbar {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: end;
}

#workstations-page .tasks-filter-card .form-group {
  min-width: 0;
}

#workstations-page .tasks-filter-card input:not([type="checkbox"]):not([type="radio"]) {
  min-height: 58px;
  padding: 0 18px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.16) !important;
  background:
    linear-gradient(180deg, rgba(19, 17, 34, 0.84), rgba(12, 11, 23, 0.92)) !important;
  color: #f8f7ff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    inset 0 10px 24px rgba(255, 255, 255, 0.01),
    0 10px 24px rgba(7, 4, 20, 0.12) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

#workstations-page .tasks-filter-card input::placeholder {
  color: rgba(236, 232, 255, 0.88) !important;
}

#workstations-page .tasks-filter-card input:focus {
  border-color: rgba(var(--proc-violet-rgb), 0.28) !important;
  background:
    linear-gradient(180deg, rgba(24, 20, 42, 0.9), rgba(15, 12, 27, 0.96)) !important;
  box-shadow:
    0 0 0 4px rgba(var(--proc-violet-rgb), 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 12px 28px rgba(10, 5, 25, 0.16) !important;
  outline: none;
}

#workstations-page .tasks-filter-actions {
  margin-left: auto;
  align-self: end;
  margin-bottom: -6px;
}

#workstations-page .workstations-mobile-columns {
  display: none;
}

@media (max-width: 640px) {
  #workstations-page.tasks-shell {
    padding-top: 8px !important;
    gap: 10px !important;
  }

  #workstations-page .tasks-hero {
    padding: 14px 14px 12px !important;
    border-radius: 18px;
  }

  #workstations-page .tasks-hero__header {
    gap: 12px !important;
  }

  #workstations-page .tasks-hero .jobs-header-left h1 {
    font-size: 1.76rem !important;
    line-height: 1.02 !important;
  }

  #workstations-page .tasks-hero .jobs-header-left p {
    margin: 0;
    font-size: 0.88rem !important;
    line-height: 1.42 !important;
  }

  #workstations-page .jobs-header-right {
    gap: 8px !important;
  }

  #workstations-page .inventory-stats-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  #workstations-page .inventory-stat-card {
    min-height: 76px;
    aspect-ratio: 1 / 1;
    padding: 8px 6px !important;
    display: grid;
    align-content: space-between;
    gap: 3px;
    text-align: center;
    border-radius: 14px !important;
  }

  #workstations-page .inventory-stat-card span {
    font-size: 0.54rem !important;
    line-height: 1.2;
    letter-spacing: 0.08em;
  }

  #workstations-page .inventory-stat-card strong {
    font-size: 0.86rem !important;
    line-height: 1.1;
    overflow-wrap: anywhere;
  }

  #workstations-page .inventory-stat-card small,
  #workstations-page .workstations-stat-card--avg {
    display: none !important;
  }

  #workstations-page .tasks-filter-card {
    padding: 10px !important;
    margin-bottom: 10px;
  }

  #workstations-page .tasks-filter-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    align-items: end !important;
  }

  #workstations-page .tasks-filter-card .form-group {
    margin: 0 !important;
  }

  #workstations-page .tasks-filter-card .form-group label {
    display: none !important;
  }

  #workstations-page .tasks-filter-card .form-group input {
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
  }

  #workstations-page .tasks-filter-actions {
    width: auto !important;
    margin: 0 !important;
    justify-content: flex-end !important;
  }

  #workstations-page .tasks-filter-actions .dashboard-btn {
    width: auto !important;
    min-width: 92px !important;
    min-height: 40px !important;
    padding-inline: 16px !important;
  }

  #workstations-page .tasks-board {
    margin-top: 10px !important;
    padding: 14px !important;
    padding-bottom: 16px !important;
  }

  #workstations-page .tasks-board__subcopy {
    display: none !important;
  }

  #workstations-page .workstations-mobile-columns {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(82px, 0.82fr) minmax(68px, 0.7fr);
    gap: 10px;
    padding: 0 6px 10px;
    color: rgba(198, 208, 236, 0.68);
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  #workstations-page .workstations-mobile-columns span:last-child {
    text-align: right;
  }

  #workstations-page .table-wrapper {
    overflow: visible !important;
  }

  #workstations-page .orders-table.workstations-table tbody {
    display: grid !important;
    gap: 8px !important;
  }

  #workstations-page .orders-table.workstations-table tr.workstation-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1.6fr) minmax(82px, 0.82fr) minmax(68px, 0.7fr) !important;
    gap: 10px !important;
    align-items: center !important;
    margin-bottom: 0 !important;
    padding: 12px 10px !important;
    border-radius: 16px !important;
  }

  #workstations-page .orders-table.workstations-table tr:not(.workstation-row) {
    display: block !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  #workstations-page .orders-table.workstations-table td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  #workstations-page .orders-table.workstations-table td::before {
    display: none !important;
    content: none !important;
  }

  #workstations-page .orders-table.workstations-table td:nth-child(2),
  #workstations-page .orders-table.workstations-table td:nth-child(4),
  #workstations-page .orders-table.workstations-table td:nth-child(5),
  #workstations-page .orders-table.workstations-table td:nth-child(6),
  #workstations-page .orders-table.workstations-table td:nth-child(7),
  #workstations-page .orders-table.workstations-table td:nth-child(9) {
    display: none !important;
  }

  #workstations-page .orders-table.workstations-table td:nth-child(1) {
    grid-column: 1;
    min-width: 0;
  }

  #workstations-page .orders-table.workstations-table td:nth-child(8) {
    grid-column: 2;
    align-self: center;
  }

  #workstations-page .orders-table.workstations-table td:nth-child(3) {
    grid-column: 3;
    justify-self: end;
    align-self: center;
  }

  #workstations-page .orders-table.workstations-table td:nth-child(1) .tasks-table-primary {
    gap: 3px;
    min-width: 0;
  }

  #workstations-page .orders-table.workstations-table td:nth-child(1) .tasks-table-primary strong {
    font-size: 0.95rem;
    line-height: 1.2;
  }

  #workstations-page .orders-table.workstations-table td:nth-child(1) .tasks-table-primary span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: rgba(198, 208, 236, 0.7);
    font-size: 0.74rem;
    line-height: 1.32;
  }

  #workstations-page .orders-table.workstations-table td:nth-child(8) strong {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    font-size: 0.86rem;
    white-space: nowrap;
  }

  #workstations-page .orders-table.workstations-table td:nth-child(3) .status-badge {
    min-width: 0;
    min-height: 28px;
    padding: 6px 8px;
    font-size: 0.72rem;
    white-space: nowrap;
  }

  #workstations-page .orders-table.workstations-table .empty-table-message {
    display: block !important;
    padding: 18px 10px !important;
  }

  .premium-panel[data-drawer-preset="unified"] #premiumPanelContent:has(.workstation-create-shell),
  .premium-panel[data-drawer-preset="unified"] #premiumPanelContent:has(#workstation-groups-page) {
    padding: 14px 14px 20px !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .workstation-create-shell,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #workstation-groups-page {
    gap: 12px !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .workstation-create-shell .card-header,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #workstation-groups-page .card-header {
    margin-bottom: 0 !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .workstation-create-shell .drawer-hero-strip,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #workstation-groups-page .drawer-hero-strip {
    margin-bottom: 12px !important;
    padding: 14px 14px 12px !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .workstation-create-shell .tasks-composer__grid,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #workstation-groups-page .tasks-composer__grid {
    gap: 12px !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .workstation-create-shell .workstation-preview-box {
    padding: 14px 14px 12px !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .workstation-create-shell .form-actions,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #workstation-groups-page .form-actions {
    margin-top: 6px !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #workstation-groups-page .workstation-group-list-shell {
    padding: 14px !important;
  }
}

@media (max-width: 480px) {
  #workstations-page .tasks-filter-card {
    padding: 8px !important;
  }

  #workstations-page .tasks-filter-card .form-group input {
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 12px !important;
    font-size: 0.9rem !important;
  }

  #workstations-page .tasks-filter-actions .dashboard-btn {
    min-width: 84px !important;
    min-height: 38px !important;
    padding-inline: 14px !important;
  }

  #workstations-page .inventory-stat-card {
    min-height: 68px;
    padding: 7px 5px !important;
  }

  #workstations-page .inventory-stat-card span {
    font-size: 0.5rem !important;
  }

  #workstations-page .inventory-stat-card strong {
    font-size: 0.8rem !important;
  }

  #workstations-page .workstations-mobile-columns,
  #workstations-page .orders-table.workstations-table tr.workstation-row {
    grid-template-columns: minmax(0, 1.48fr) minmax(74px, 0.8fr) minmax(62px, 0.66fr) !important;
    gap: 8px !important;
  }
}

/* Order batches mobile parity */
#order-batches-page .tasks-filter-form {
  gap: 0;
}

#order-batches-page .tasks-pill-group {
  flex-wrap: wrap;
}

#order-batches-page .tasks-pill-row {
  margin-top: 14px;
}

#order-batches-page .tasks-pill-option {
  min-width: 0;
}

#order-batches-page .tasks-filter-card input:not([type="checkbox"]):not([type="radio"]),
#order-batches-page .tasks-filter-card .custom-select-trigger {
  min-height: 58px;
  padding: 0 18px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.16) !important;
  background:
    linear-gradient(180deg, rgba(19, 17, 34, 0.84), rgba(12, 11, 23, 0.92)) !important;
  color: #f8f7ff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    inset 0 10px 24px rgba(255, 255, 255, 0.01),
    0 10px 24px rgba(7, 4, 20, 0.12) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

#order-batches-page .tasks-filter-card input::placeholder,
#order-batches-page .tasks-filter-card .custom-select-trigger span {
  color: rgba(236, 232, 255, 0.88) !important;
}

#order-batches-page .tasks-filter-card input:focus,
#order-batches-page .tasks-filter-card .custom-select.open .custom-select-trigger,
#order-batches-page .tasks-filter-card .custom-select-trigger:focus-visible {
  border-color: rgba(var(--proc-violet-rgb), 0.28) !important;
  background:
    linear-gradient(180deg, rgba(24, 20, 42, 0.9), rgba(15, 12, 27, 0.96)) !important;
  box-shadow:
    0 0 0 4px rgba(var(--proc-violet-rgb), 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 12px 28px rgba(10, 5, 25, 0.16) !important;
}

#order-batches-page .tasks-filter-actions {
  margin-left: auto;
  align-self: end;
}

#order-batches-page .order-batches-mobile-list {
  display: none;
}

#order-batches-page .order-batches-mobile-row {
  display: grid;
  grid-template-columns: minmax(72px, 0.82fr) minmax(0, 1.48fr) minmax(82px, auto);
  gap: 6px;
  padding: 8px 10px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.025);
  cursor: pointer;
}

#order-batches-page .order-batches-mobile-cell {
  display: grid;
  gap: 3px;
  min-width: 0;
  align-content: start;
}

#order-batches-page .order-batches-mobile-cell--status {
  justify-items: end;
  text-align: right;
}

#order-batches-page .order-batches-mobile-label {
  display: block;
  font-size: 0.56rem;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: rgba(184, 194, 220, 0.76);
}

#order-batches-page .order-batches-mobile-cell strong,
#order-batches-page .order-batches-mobile-cell > span:not(.order-batches-mobile-label):not(.status-badge) {
  font-size: 0.8rem;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

#order-batches-page .order-batches-mobile-cell .status-badge {
  width: fit-content;
  min-height: 22px;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 0.64rem;
  line-height: 1;
  font-weight: 700;
  white-space: nowrap;
  justify-self: end;
}

@media (max-width: 760px) {
  #order-batches-page.tasks-shell {
    padding: 10px !important;
    gap: 12px !important;
  }

  #order-batches-page .tasks-hero {
    padding: 20px 16px !important;
    border-radius: 24px !important;
  }

  #order-batches-page .tasks-filter-card,
  #order-batches-page .tasks-board {
    padding: 16px 14px !important;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  #order-batches-page .tasks-workspace,
  #order-batches-page .order-batches-stats-grid {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  #order-batches-page .tasks-filter-form {
    gap: 8px !important;
  }

  #order-batches-page .tasks-filter-toolbar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    align-items: stretch !important;
  }

  #order-batches-page .tasks-filter-card .form-group {
    margin: 0;
  }

  #order-batches-page .tasks-filter-card .form-group label {
    margin-bottom: 6px;
  }

  #order-batches-page .tasks-filter-card .form-group input {
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
  }

  #order-batches-page .tasks-filter-actions {
    width: 100%;
    margin-left: 0;
    justify-content: flex-start;
  }

  #order-batches-page .tasks-filter-actions .dashboard-btn {
    width: 100%;
    justify-content: center;
    min-height: 42px;
  }

  #order-batches-page .tasks-pill-row {
    margin-top: 0;
    gap: 10px;
  }

  #order-batches-page .tasks-pill-group {
    display: flex;
    width: 100%;
    gap: 10px;
  }

  #order-batches-page .tasks-pill-group__label {
    width: 100%;
    margin: 0;
  }

  #order-batches-page .tasks-pill-option {
    flex: 0 0 calc(50% - 5px);
    margin: 0 !important;
    min-width: 0;
  }

  #order-batches-page .tasks-pill-option span {
    width: 100%;
    justify-content: center;
  }

  #order-batches-page .order-batches-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  #order-batches-page .inventory-stat-card {
    min-height: 92px;
    aspect-ratio: 1 / 1;
    padding: 10px 8px !important;
    display: grid;
    align-content: space-between;
    gap: 4px;
    text-align: center;
  }

  #order-batches-page .inventory-stat-card span {
    font-size: 0.62rem !important;
    letter-spacing: 0.08em;
    line-height: 1.2;
  }

  #order-batches-page .inventory-stat-card strong {
    font-size: 0.96rem !important;
    line-height: 1.1;
    overflow-wrap: anywhere;
  }

  #order-batches-page .inventory-stat-card small {
    display: none !important;
  }

  #order-batches-page .order-batches-desktop-table {
    display: none !important;
  }

  #order-batches-page .order-batches-mobile-list {
    display: grid;
    gap: 8px;
  }
}

@media (max-width: 640px) {
  body.page-order_batches .content {
    padding: 12px !important;
    box-sizing: border-box;
  }

  #order-batches-page.tasks-shell {
    gap: 18px;
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
    padding-inline: 0;
    border-radius: 22px;
    box-sizing: border-box;
    overflow-x: hidden;
  }

  #order-batches-page .tasks-hero {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  #order-batches-page .jobs-header-left h1 {
    font-size: clamp(2rem, 9vw, 2.6rem);
  }

  #order-batches-page .jobs-header-left p {
    font-size: 0.98rem;
    max-width: none;
  }

  #order-batches-page .order-batches-mobile-row {
    grid-template-columns: minmax(68px, 0.8fr) minmax(0, 1.44fr) minmax(74px, auto);
  }
}

@media (max-width: 480px) {
  #order-batches-page .tasks-filter-card {
    padding: 8px !important;
  }

  #order-batches-page .tasks-filter-toolbar {
    gap: 5px !important;
  }

  #order-batches-page .tasks-filter-card .form-group input {
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 12px !important;
    font-size: 0.9rem !important;
  }

  #order-batches-page .tasks-pill-option {
    flex-basis: calc(50% - 4px);
  }

  #order-batches-page .inventory-stat-card {
    min-height: 84px;
    padding: 8px 6px !important;
  }

  #order-batches-page .inventory-stat-card span {
    font-size: 0.56rem !important;
  }

  #order-batches-page .inventory-stat-card strong {
    font-size: 0.88rem !important;
  }

  #order-batches-page .order-batches-mobile-row {
    grid-template-columns: minmax(64px, 0.78fr) minmax(0, 1.42fr) minmax(68px, auto);
    gap: 6px;
    padding: 7px 8px;
  }

  #order-batches-page .order-batches-mobile-label {
    font-size: 0.52rem;
  }

  #order-batches-page .order-batches-mobile-cell strong,
  #order-batches-page .order-batches-mobile-cell > span:not(.order-batches-mobile-label):not(.status-badge) {
    font-size: 0.74rem;
  }
}

/* New batch drawer polish */
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .batch-composer-form {
  max-height: none;
  overflow: visible;
  padding-right: 0;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .batch-composer-form .tasks-composer__grid {
  gap: 18px;
  min-height: auto;
  overflow: visible;
  padding-right: 0;
  padding-bottom: 0;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .batch-composer-form .tasks-field {
  overflow: visible;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .batch-composer-form .tasks-field input:not([type="checkbox"]):not([type="radio"]),
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .batch-composer-form .tasks-field textarea {
  border-radius: 14px !important;
  border: 1px solid rgba(var(--proc-violet-rgb), 0.16) !important;
  background:
    linear-gradient(180deg, rgba(19, 17, 34, 0.84), rgba(12, 11, 23, 0.92)) !important;
  color: #f8f7ff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    inset 0 10px 24px rgba(255, 255, 255, 0.01),
    0 10px 24px rgba(7, 4, 20, 0.12) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .batch-composer-form .tasks-field input:not([type="checkbox"]):not([type="radio"]) {
  min-height: 58px !important;
  height: 58px !important;
  padding: 0 18px !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .batch-composer-form .tasks-field textarea {
  min-height: 148px !important;
  padding: 16px 18px !important;
  line-height: 1.55;
  resize: vertical;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .batch-composer-form .tasks-field input::placeholder,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .batch-composer-form .tasks-field textarea::placeholder {
  color: rgba(236, 232, 255, 0.88) !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .batch-composer-form .tasks-field input[type="date"] {
  color-scheme: dark;
  padding-right: 52px !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .batch-composer-form .tasks-field input[type="date"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: 1;
  padding: 6px;
  margin-right: -2px;
  border-radius: 10px;
  background: rgba(var(--proc-violet-rgb), 0.18);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  filter: invert(0.94) sepia(0.18) saturate(2.4) hue-rotate(188deg) brightness(1.25);
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .batch-composer-form .tasks-field input:focus,
.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .batch-composer-form .tasks-field textarea:focus {
  border-color: rgba(var(--proc-violet-rgb), 0.28) !important;
  background:
    linear-gradient(180deg, rgba(24, 20, 42, 0.9), rgba(15, 12, 27, 0.96)) !important;
  box-shadow:
    0 0 0 4px rgba(var(--proc-violet-rgb), 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 12px 28px rgba(10, 5, 25, 0.16) !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .batch-composer-form .batch-composer-submit-field {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin-top: 4px !important;
}

.premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .batch-composer-form .batch-composer-submit-field .dashboard-btn.primary {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 58px;
  padding: 0 22px;
  border-radius: 18px;
  box-shadow: none !important;
}

@media (max-width: 640px) {
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .batch-composer-form .tasks-composer__grid {
    gap: 16px;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .batch-composer-form .tasks-field input:not([type="checkbox"]):not([type="radio"]) {
    min-height: 56px !important;
    height: 56px !important;
    padding: 0 16px !important;
    border-radius: 16px !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer .batch-composer-form .tasks-field textarea {
    min-height: 136px !important;
    padding: 15px 16px !important;
    border-radius: 16px !important;
  }
}

/* Batch workspace drawer mobile stats */
@media (max-width: 1100px) {
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .dashboard-stats.batch-workspace-stat-grid,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-stat-grid.batch-workspace-stat-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: 1fr !important;
    align-items: stretch !important;
    gap: 10px !important;
  }

  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .dashboard-stats.batch-workspace-stat-grid > .stat-card,
  .premium-panel[data-drawer-preset="unified"] .premium-unified-drawer #batchWorkspaceRoot .ubatch-stat-grid.batch-workspace-stat-grid > .stat-card {
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
  }
}

.subscription-app-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 22px;
  margin-bottom: 18px;
  border-radius: 24px;
  border: 1px solid rgba(132, 96, 255, 0.24);
  background:
    linear-gradient(135deg, rgba(88, 54, 177, 0.22), rgba(10, 18, 40, 0.92)),
    #0d1430;
  box-shadow: 0 22px 46px rgba(4, 8, 24, 0.34);
}

.subscription-app-banner--free {
  border-color: rgba(128, 92, 255, 0.34);
}

.subscription-app-banner--trial {
  border-color: rgba(111, 130, 255, 0.32);
}

.subscription-app-banner__copy {
  display: grid;
  gap: 4px;
}

.subscription-app-banner__copy strong {
  color: #f5f7ff;
  font-size: 1rem;
}

.subscription-app-banner__copy span {
  color: rgba(214, 220, 255, 0.74);
}

.subscription-app-banner__kicker {
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 0.72rem;
  font-weight: 700;
  color: rgba(227, 231, 255, 0.72);
}

.subscription-app-banner__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.billing-hero-card {
  gap: 18px;
}

#billing-page .billing-hero-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  padding: 22px 24px;
}

#billing-page .billing-hero-header {
  display: grid;
  gap: 8px;
  align-content: start;
}

#billing-page .billing-hero-header h2 {
  font-size: clamp(1.95rem, 3vw, 2.7rem);
}

#billing-page .billing-hero-header p {
  max-width: 920px;
  font-size: 0.98rem;
  line-height: 1.5;
}

#billing-page .billing-hero-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

#billing-page .billing-hero-stats .account-profile-meta-card {
  min-height: 0;
  padding: 16px 18px;
  gap: 6px;
}

#billing-page .billing-hero-stats .account-profile-meta-card strong {
  font-size: 1.15rem;
  line-height: 1.08;
}

#billing-page .billing-hero-stats .account-meta-sub {
  font-size: 0.8rem;
  line-height: 1.35;
}

#billing-page .billing-plans-section > .card-header {
  margin-bottom: 18px;
}

#billing-page .billing-plans-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

#billing-page .billing-plan-card {
  position: relative;
  display: grid !important;
  grid-template-rows: auto auto auto 1fr auto !important;
  gap: 16px !important;
  min-height: 100% !important;
  padding: 28px 30px !important;
  border-radius: 28px !important;
  border: 1px solid rgba(96, 111, 173, 0.24) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.01)),
    linear-gradient(180deg, rgba(12, 21, 43, 0.96), rgba(9, 16, 34, 0.98)) !important;
  box-shadow: 0 26px 50px rgba(5, 10, 25, 0.28) !important;
  overflow: hidden !important;
}

#billing-page .billing-plan-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at top center, rgba(125, 83, 255, 0.1), transparent 56%);
  pointer-events: none;
}

#billing-page .billing-plan-card > * {
  position: relative;
  z-index: 1;
}

#billing-page .billing-plan-card.is-current {
  border-color: rgba(132, 96, 255, 0.36) !important;
}

#billing-page .billing-plan-card--featured {
  border-color: rgba(132, 96, 255, 0.44) !important;
  background:
    radial-gradient(circle at top center, rgba(113, 67, 255, 0.26), transparent 62%),
    linear-gradient(180deg, rgba(64, 38, 128, 0.9), rgba(16, 22, 47, 0.98)) !important;
  box-shadow:
    0 0 0 1px rgba(140, 103, 255, 0.12) inset,
    0 28px 60px rgba(43, 18, 112, 0.28) !important;
}

#billing-page .billing-plan-card__kicker {
  width: fit-content;
  margin: 0;
}

#billing-page .billing-plan-card__headline {
  display: grid;
  gap: 4px;
}

#billing-page .billing-plan-card__headline h5 {
  margin: 0;
  color: #f8fafc;
  font-size: clamp(2rem, 2.3vw, 2.8rem);
  line-height: 1;
  letter-spacing: -0.05em;
}

#billing-page .billing-plan-card__copy {
  margin: 0;
  color: rgba(214, 220, 242, 0.78);
  font-size: 0.98rem;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

#billing-page .billing-plan-card__features {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 14px;
  align-content: start;
}

#billing-page .billing-plan-card__features li {
  position: relative;
  padding-left: 24px;
  color: rgba(231, 236, 255, 0.88);
  font-size: 0.99rem;
  line-height: 1.45;
}

#billing-page .billing-plan-card__features li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: rgba(223, 229, 255, 0.92);
  box-shadow: 0 0 0 4px rgba(126, 91, 255, 0.12);
}

#billing-page .billing-plan-card__footer {
  display: flex;
  align-items: flex-end;
  margin-top: 6px;
}

#billing-page .billing-plan-card__footer .form-actions,
#billing-page .billing-plan-card__footer form {
  margin: 0;
}

#billing-page .billing-plan-card__footer .dashboard-btn {
  min-height: 54px;
  padding-inline: 24px;
  border-radius: 18px;
}

#billing-page .billing-plan-card--featured .dashboard-btn.primary {
  box-shadow: 0 18px 36px rgba(98, 55, 226, 0.34);
}

#billing-page .billing-plan-card__footer .dashboard-btn.is-disabled {
  opacity: 0.72;
  pointer-events: none;
}

.billing-admin-form {
  display: grid;
  gap: 18px;
}

.billing-keep-trial-check {
  align-self: end;
}

.subscription-cta-card .form-actions {
  justify-content: flex-start;
  gap: 12px;
  flex-wrap: wrap;
}

@media (max-width: 1180px) {
  #billing-page .billing-plans-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .subscription-app-banner {
    flex-direction: column;
    align-items: flex-start;
  }

  .subscription-app-banner__actions {
    width: 100%;
  }

  #billing-page .billing-hero-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  #billing-page .billing-plans-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  #billing-page .billing-hero-card {
    padding: 18px;
  }

  #billing-page .billing-hero-stats {
    grid-template-columns: 1fr;
  }

  #billing-page .billing-plan-card {
    padding: 22px 20px;
    border-radius: 22px;
  }

  #billing-page .billing-plan-card__headline h5 {
    font-size: clamp(1.85rem, 9vw, 2.3rem);
  }
}