/* Density keeps the workspace compact while preserving readable business tables. */
@media screen {
  .badge.neutral {
    color: var(--ink);
  }
  .badge.negative,
  .form-error,
  .text-danger,
  .btn.danger,
  #toast.error {
    color: var(--error-ink) !important;
  }
  .detail-drawer {
    overflow: hidden;
  }
  .detail-drawer .dialog-head,
  .detail-drawer .dialog-footer {
    flex-shrink: 0;
    position: relative;
  }
  .detail-drawer .dialog-body {
    min-height: 0;
    overflow: auto;
  }
  th {
    font-size: 11px;
  }
  td {
    font-size: 12px;
  }
  .cell-main small {
    font-size: 10px;
  }
  .document-number,
  .sku {
    font-size: 11px;
  }
  .table-toolbar input,
  .select-wrap select,
  .date-filter input {
    font-size: 11px;
  }
  .badge {
    font-size: 10px;
  }
  .table-pagination,
  .page-size select {
    font-size: 10px;
  }
  .panel-head p,
  .page-heading p,
  .chart-detail {
    font-size: 11px;
  }
  .nav-item {
    font-size: 12px;
  }
  .form-error {
    font-size: 12px;
  }
  .workspace-status,
  .breadcrumb,
  .overview-kicker,
  .workspace-footer,
  .page-heading > div > p {
    color: #696973;
  }
  :root[data-theme='dark'] .workspace-status,
  :root[data-theme='dark'] .breadcrumb,
  :root[data-theme='dark'] .overview-kicker,
  :root[data-theme='dark'] .workspace-footer,
  :root[data-theme='dark'] .page-heading > div > p {
    color: var(--muted);
  }
  .mobile-nav-open {
    overflow: hidden;
  }
}
@media screen and (max-width: 520px) {
  th {
    font-size: 10px;
  }
  td {
    font-size: 11px;
  }
  .badge {
    font-size: 9px;
  }
  .table-pagination,
  .page-number {
    font-size: 9px;
  }
  .chart-detail {
    font-size: 10px;
  }
  .workspace-status {
    font-size: 9px;
  }
}