/* Shared dense list language. Forms, details, dashboards and print layouts
   are intentionally excluded. */
:root {
  --oms-list-head-font: 11px;
  --oms-list-body-font: 10px;
  --oms-list-head-height: 30px;
  --oms-list-row-height: 28px;
  --oms-list-number-blue: #2463eb;
}

.app:not(.label-fullscreen-mode) :is(
  #module-products, #module-customers, #module-suppliers, #module-quotes,
  #module-purchaseOrders, #module-salesOrders, #module-deliveries,
  #module-statements, #module-invoices, #module-payments,
  #module-priceCatalog, #module-approvals, #module-labels
) :is(
  .oms-list-panel, .product-list-panel, .approval-center-list,
  .price-catalog-list-panel, .label-template-list-panel,
  .label-stage1-generation-list-panel
) table thead th,
.app:not(.label-fullscreen-mode) :is(
  #module-products, #module-customers, #module-suppliers, #module-quotes,
  #module-purchaseOrders, #module-salesOrders, #module-deliveries,
  #module-statements, #module-invoices, #module-payments,
  #module-priceCatalog, #module-approvals, #module-labels
) :is(
  .oms-list-panel, .product-list-panel, .approval-center-list,
  .price-catalog-list-panel, .label-template-list-panel,
  .label-stage1-generation-list-panel
) table thead th.resizable-th,
#line-product-picker-layer .line-product-picker-table thead th,
#delivery-order-picker-layer .delivery-order-picker-table thead th {
  height: var(--oms-list-head-height) !important;
  min-height: var(--oms-list-head-height) !important;
  padding-block: 4px !important;
  color: #526077 !important;
  font-size: var(--oms-list-head-font) !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: normal !important;
  vertical-align: middle !important;
}

.app:not(.label-fullscreen-mode) :is(
  #module-products, #module-customers, #module-suppliers, #module-quotes,
  #module-purchaseOrders, #module-salesOrders, #module-deliveries,
  #module-statements, #module-invoices, #module-payments,
  #module-priceCatalog, #module-approvals, #module-labels
) :is(
  .oms-list-panel, .product-list-panel, .approval-center-list,
  .price-catalog-list-panel, .label-template-list-panel,
  .label-stage1-generation-list-panel
) table tbody tr,
#line-product-picker-layer .line-product-picker-table tbody tr,
#delivery-order-picker-layer .delivery-order-picker-table tbody tr {
  height: var(--oms-list-row-height) !important;
}

.app:not(.label-fullscreen-mode) :is(
  #module-products, #module-customers, #module-suppliers, #module-quotes,
  #module-purchaseOrders, #module-salesOrders, #module-deliveries,
  #module-statements, #module-invoices, #module-payments,
  #module-priceCatalog, #module-approvals, #module-labels
) :is(
  .oms-list-panel, .product-list-panel, .approval-center-list,
  .price-catalog-list-panel, .label-template-list-panel,
  .label-stage1-generation-list-panel
) table tbody td,
#line-product-picker-layer .line-product-picker-table tbody td,
#delivery-order-picker-layer .delivery-order-picker-table tbody td {
  height: var(--oms-list-row-height) !important;
  min-height: var(--oms-list-row-height) !important;
  padding-block: 4px !important;
  font-size: var(--oms-list-body-font) !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  vertical-align: middle !important;
}

.app:not(.label-fullscreen-mode) :is(
  #module-products, #module-customers, #module-suppliers, #module-quotes,
  #module-purchaseOrders, #module-salesOrders, #module-deliveries,
  #module-statements, #module-invoices, #module-payments,
  #module-priceCatalog, #module-approvals, #module-labels
) :is(
  .oms-list-panel, .product-list-panel, .approval-center-list,
  .price-catalog-list-panel, .label-template-list-panel,
  .label-stage1-generation-list-panel
) table thead th :is(button, span),
#line-product-picker-layer .line-product-picker-table thead th :is(button, span),
#delivery-order-picker-layer .delivery-order-picker-table thead th :is(button, span) {
  font-size: inherit !important;
  font-weight: inherit !important;
}

.app:not(.label-fullscreen-mode) :is(
  #module-products, #module-customers, #module-suppliers, #module-quotes,
  #module-purchaseOrders, #module-salesOrders, #module-deliveries,
  #module-statements, #module-invoices, #module-payments,
  #module-priceCatalog, #module-approvals, #module-labels
) :is(
  .oms-list-panel, .product-list-panel, .approval-center-list,
  .price-catalog-list-panel, .label-template-list-panel,
  .label-stage1-generation-list-panel
) table tbody :is(.badge, .product-type-pill, .product-status-pill) {
  font-size: var(--oms-list-body-font) !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  min-height: 20px !important;
  padding-block: 2px !important;
}

/* Legacy badge rules carry two ID-level :not() selectors, so mirror that
   specificity to keep status text on the list body token. */
.app:not(.label-fullscreen-mode)
  .module.active:not(#module-dashboard):not(#module-labels)
  :is(.oms-list-panel, .product-list-panel, .approval-center-list, .price-catalog-list-panel)
  table tbody .badge {
  font-size: var(--oms-list-body-font) !important;
  font-weight: 400 !important;
}

/* A 30px action trigger plus cell padding used to keep rows above 42px.
   List-only controls use a compact 24px target; form and detail controls stay unchanged. */
.app:not(.label-fullscreen-mode) :is(
  #module-products, #module-customers, #module-suppliers, #module-quotes,
  #module-purchaseOrders, #module-salesOrders, #module-deliveries,
  #module-statements, #module-invoices, #module-payments,
  #module-priceCatalog, #module-approvals, #module-labels
) :is(
  .oms-list-panel, .product-list-panel, .approval-center-list,
  .price-catalog-list-panel, .label-template-list-panel,
  .label-stage1-generation-list-panel
) table tbody :is(
  .product-row-menu-trigger, .quote-row-menu-trigger, .oms-row-menu-trigger,
  .finance-row-menu-trigger, .approval-row-menu-trigger
) {
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 !important;
}

.app:not(.label-fullscreen-mode) :is(#module-invoices, #module-payments)
  .finance-list-panel table.finance-table tbody td {
  padding-block: 5px !important;
}

.app:not(.label-fullscreen-mode) :is(#module-invoices, #module-payments)
  .finance-list-panel .finance-order-cell small {
  margin-top: 1px !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}

.app:not(.label-fullscreen-mode) #module-labels
  .label-template-list-panel .label-template-favorite-button {
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
}

.app:not(.label-fullscreen-mode) .oms-document-number {
  color: var(--oms-list-number-blue) !important;
  font-size: var(--oms-list-body-font) !important;
  font-weight: 400 !important;
  text-decoration: none;
  text-underline-offset: 2px;
  cursor: pointer;
}

.app:not(.label-fullscreen-mode) .oms-document-number:hover {
  color: #1d4ed8 !important;
  text-decoration: underline;
  text-decoration-color: currentColor;
}

.app:not(.label-fullscreen-mode) .oms-document-number:focus-visible {
  border-radius: 2px;
  outline: 2px solid rgba(36, 99, 235, .42);
  outline-offset: 2px;
}

/* Audit metadata and the row action are semantic columns. Their widths must
   not depend on nth-child positions because business tables gain columns over
   time. Exact widths also override stale user-resized values. */
.app:not(.label-fullscreen-mode) :is(
  #module-products, #module-customers, #module-suppliers, #module-quotes,
  #module-purchaseOrders, #module-salesOrders, #module-deliveries,
  #module-statements, #module-invoices, #module-payments,
  #module-priceCatalog, #module-labels
) table :is(th, td).audit-person-col {
  width: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
  padding-inline: 6px !important;
  overflow: hidden !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.app:not(.label-fullscreen-mode) :is(
  #module-products, #module-customers, #module-suppliers, #module-quotes,
  #module-purchaseOrders, #module-salesOrders, #module-deliveries,
  #module-statements, #module-invoices, #module-payments,
  #module-priceCatalog, #module-labels
) table :is(th, td).audit-date-col {
  width: 132px !important;
  min-width: 132px !important;
  max-width: 132px !important;
  padding-inline: 6px !important;
  overflow: hidden !important;
  text-align: center !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

.app:not(.label-fullscreen-mode) :is(
  #module-products, #module-customers, #module-suppliers, #module-quotes,
  #module-purchaseOrders, #module-salesOrders, #module-deliveries,
  #module-statements, #module-invoices, #module-payments,
  #module-priceCatalog, #module-labels
) table :is(th, td).oms-operation-col {
  box-sizing: border-box !important;
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  padding-inline: 4px !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.app:not(.label-fullscreen-mode) :is(
  #module-products, #module-customers, #module-suppliers, #module-quotes,
  #module-purchaseOrders, #module-salesOrders, #module-deliveries,
  #module-statements, #module-invoices, #module-payments,
  #module-priceCatalog, #module-labels
) table thead th.oms-operation-col {
  position: sticky !important;
  right: 0 !important;
  z-index: 4 !important;
  background: #f7f9fc !important;
  box-shadow: -1px 0 0 #e5eaf2;
}

.app:not(.label-fullscreen-mode) :is(
  #module-products, #module-customers, #module-suppliers, #module-quotes,
  #module-purchaseOrders, #module-salesOrders, #module-deliveries,
  #module-statements, #module-invoices, #module-payments,
  #module-priceCatalog, #module-labels
) table tbody td.oms-operation-col {
  position: sticky !important;
  right: 0 !important;
  z-index: 2 !important;
  background: #fff !important;
  box-shadow: -1px 0 0 #edf1f7;
}

.app:not(.label-fullscreen-mode) :is(
  #module-products, #module-customers, #module-suppliers, #module-quotes,
  #module-purchaseOrders, #module-salesOrders, #module-deliveries,
  #module-statements, #module-invoices, #module-payments,
  #module-priceCatalog, #module-labels
) table tbody tr:is(:hover, .selected) td.oms-operation-col {
  background: #f6f9ff !important;
}

/* The sales order operation column belongs to the horizontally scrollable
   wide table. Only its left context columns remain frozen. */
.app:not(.label-fullscreen-mode) #module-salesOrders
  .sales-order-table :is(th, td).oms-operation-col {
  position: static !important;
  right: auto !important;
  z-index: auto !important;
  box-shadow: none !important;
}

/* Label tables use fixed layout. Keep one descriptive column fluid so any
   surplus panel width is assigned there instead of proportionally enlarging
   audit and action columns. */
.app:not(.label-fullscreen-mode) #module-labels
  .label-template-table :is(th, td):nth-child(3),
.app:not(.label-fullscreen-mode) #module-labels
  .label-stage1-generation-table :is(th, td):nth-child(2) {
  width: auto !important;
}

/* Body content is deliberately regular weight. Bold is reserved for semantic
   page/detail/section titles and column headers. */
.app:not(.label-fullscreen-mode) :is(
  #module-products, #module-customers, #module-suppliers, #module-quotes,
  #module-purchaseOrders, #module-salesOrders, #module-deliveries,
  #module-statements, #module-invoices, #module-payments,
  #module-priceCatalog, #module-approvals, #module-labels
) table tbody td *,
.app:not(.label-fullscreen-mode) :is(
  .oms-document-details, .product-details-panel, .oms-partner-details,
  .label-template-details, .label-generation-details
) :is(dt, dd, p, span, time, small, button, .btn, .badge),
.app:not(.label-fullscreen-mode) :is(
  .oms-document-details, .product-details-panel, .oms-partner-details,
  .label-template-details, .label-generation-details
) :is(.quote-total-list, .sales-amount-grid) b {
  font-weight: 400 !important;
}

/* Detail headers may contain document numbers and status badges, but only the
   semantic heading itself is bold. Keep these companion values regular. */
.app:not(.label-fullscreen-mode) :is(
  #module-products, #module-customers, #module-suppliers, #module-quotes,
  #module-purchaseOrders, #module-salesOrders, #module-deliveries,
  #module-statements, #module-invoices, #module-payments,
  #module-priceCatalog, #module-approvals, #module-labels
).module.active .oms-wide-detail-panel :is(
  .product-details-head, .quote-details-head, .oms-document-details-head,
  .oms-partner-details-head, .finance-details-head, .approval-details-head,
  .label-template-details-head, .label-generation-details-head
) :is(span, .quote-details-identity > span) {
  font-weight: 400 !important;
}

.app:not(.label-fullscreen-mode) :is(
  .oms-document-details, .product-details-panel, .oms-partner-details,
  .label-template-details, .label-generation-details
) :is(h1, h2, h3, h4, summary),
.app:not(.label-fullscreen-mode) :is(
  .oms-document-details, .product-details-panel, .oms-partner-details,
  .label-template-details, .label-generation-details
) table thead th {
  font-weight: 700 !important;
}

@media (max-width: 900px) {
  :root {
    --oms-list-head-height: 30px;
    --oms-list-row-height: 28px;
  }
}

/* 2026-09-13: prevent semantic fields from wrapping or collapsing after the
   audit-column rollout. Full values remain available through native titles. */
.app:not(.label-fullscreen-mode) #module-labels
  .label-template-table :is(th, td).label-qr-count-col {
  box-sizing: border-box !important;
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  padding-inline: 6px !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.app:not(.label-fullscreen-mode) #module-labels
  .label-template-table :is(th, td).label-customer-col {
  box-sizing: border-box !important;
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
  overflow: hidden !important;
  padding-inline: 8px !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.app:not(.label-fullscreen-mode) #module-labels
  .label-template-table :is(th, td).label-template-status-col {
  box-sizing: border-box !important;
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  padding-inline: 4px !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.app:not(.label-fullscreen-mode) #module-quotes
  .quote-table :is(th, td).quote-customer-col {
  box-sizing: border-box !important;
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
  overflow: hidden !important;
  padding-inline: 6px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.app:not(.label-fullscreen-mode) :is(#module-invoices, #module-payments)
  .finance-history-table {
  min-width: 970px !important;
  table-layout: fixed !important;
}

.app:not(.label-fullscreen-mode) :is(#module-invoices, #module-payments)
  .finance-history-table :is(th, td).finance-record-date {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
  white-space: nowrap !important;
}

.app:not(.label-fullscreen-mode) :is(#module-invoices, #module-payments)
  .finance-history-table :is(th, td).finance-record-reference {
  width: 140px !important;
  min-width: 140px !important;
  max-width: 140px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.app:not(.label-fullscreen-mode) :is(#module-invoices, #module-payments)
  .finance-history-table :is(th, td).finance-record-amount {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
  white-space: nowrap !important;
}

.employee-account-table {
  min-width: 1140px !important;
  table-layout: fixed !important;
}

.employee-account-table col:nth-child(1) { width: 50px; }
.employee-account-table col:nth-child(2) { width: 125px; }
.employee-account-table col:nth-child(3) { width: 130px; }
.employee-account-table col:nth-child(4) { width: 105px; }
.employee-account-table col:nth-child(5) { width: 105px; }
.employee-account-table col:nth-child(6) { width: 115px; }
.employee-account-table col:nth-child(7) { width: 190px; }
.employee-account-table col:nth-child(8) { width: 105px; }
.employee-account-table col:nth-child(9) { width: 80px; }
.employee-account-table col:nth-child(10) { width: 135px; }

.employee-account-table :is(th, td) {
  box-sizing: border-box;
  overflow: hidden;
  padding-inline: 8px !important;
  padding-block: 4px !important;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.employee-account-table .employee-operation-col {
  overflow: visible;
}

.employee-account-table .table-actions {
  flex-wrap: nowrap !important;
  justify-content: center !important;
}

.employee-account-table .btn.compact {
  min-height: 28px !important;
  height: 28px !important;
  padding: 0 9px !important;
}

.company-directory-table {
  min-width: 1000px !important;
  table-layout: fixed !important;
}

.company-directory-table col:nth-child(1) { width: 54px; }
.company-directory-table col:nth-child(2) { width: 260px; }
.company-directory-table col:nth-child(3) { width: 120px; }
.company-directory-table col:nth-child(4) { width: 120px; }
.company-directory-table col:nth-child(5) { width: 150px; }
.company-directory-table col:nth-child(6) { width: 220px; }
.company-directory-table col:nth-child(7) { width: 76px; }

.company-directory-table :is(th, td) {
  box-sizing: border-box;
  overflow: hidden;
  padding-inline: 8px !important;
  padding-block: 5px !important;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.company-directory-table .company-directory-name {
  width: max-content;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  justify-content: center;
  margin-inline: auto;
}

.company-directory-table .company-directory-identity,
.company-directory-table .company-directory-real-name,
.company-directory-table .company-directory-employee-no {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* System settings role matrix follows the employee-account list density.
   IDs intentionally override the generic 40px settings form controls. */
#price-permissions-panel .price-permission-row {
  grid-template-columns: minmax(120px, 1fr) minmax(110px, 1fr) minmax(110px, 1fr) 110px;
  gap: 8px;
  min-height: 37px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
}

#price-permissions-panel .price-permission-heading {
  min-height: 46px;
  padding-block: 4px;
  color: #526077;
  font-size: 12px;
  font-weight: 700;
}

#price-permissions-panel .price-permission-row select {
  min-height: 28px !important;
  height: 28px !important;
  padding: 2px 8px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

#price-permissions-panel .price-permission-row .btn.compact {
  min-height: 28px !important;
  height: 28px !important;
  padding: 0 9px !important;
  font-size: 11px !important;
  font-weight: 400 !important;
}

#price-permissions-panel .price-permission-status {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
}

/* Targets use the same compact typography tokens as the sales quotation list.
   Keep this scoped so dashboards, forms and document detail panels are unchanged. */
.app:not(.label-fullscreen-mode) #module-targets .oms-targets-head {
  min-height: 50px;
  padding: 10px 14px;
}

.app:not(.label-fullscreen-mode) #module-targets .oms-targets-head h3,
.app:not(.label-fullscreen-mode) #module-targets .oms-targets-summary h3 {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
}

.app:not(.label-fullscreen-mode) #module-targets .oms-targets-head p,
.app:not(.label-fullscreen-mode) #module-targets .oms-target-actions,
.app:not(.label-fullscreen-mode) #module-targets .oms-target-year-summary > p {
  font-size: 10px;
  font-weight: 400;
}

.app:not(.label-fullscreen-mode) #module-targets .oms-target-year-switch strong {
  font-size: 12px;
  font-weight: 700;
}

.app:not(.label-fullscreen-mode) #module-targets .oms-target-year-switch .btn {
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  font-size: 16px;
}

.app:not(.label-fullscreen-mode) #module-targets .oms-target-table thead th {
  height: var(--oms-list-head-height) !important;
  min-height: var(--oms-list-head-height) !important;
  padding: 4px 8px !important;
  color: #526077 !important;
  font-size: var(--oms-list-head-font) !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: normal !important;
}

.app:not(.label-fullscreen-mode) #module-targets .oms-target-table tbody tr,
.app:not(.label-fullscreen-mode) #module-targets .oms-target-table tbody td {
  height: 34px !important;
  min-height: 34px !important;
}

.app:not(.label-fullscreen-mode) #module-targets .oms-target-table tbody td {
  padding: 3px 8px !important;
  font-size: var(--oms-list-body-font) !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

.app:not(.label-fullscreen-mode) #module-targets .oms-target-table tbody td:first-child strong {
  font-size: var(--oms-list-body-font) !important;
  font-weight: 400 !important;
}

.app:not(.label-fullscreen-mode) #module-targets .oms-target-table tbody td:first-child small {
  margin-top: 0;
  font-size: 9px;
  font-weight: 700;
}

.app:not(.label-fullscreen-mode) #module-targets .oms-target-amount-cell {
  grid-template-columns: 11px minmax(64px, 1fr) 14px;
  gap: 3px;
  font-size: var(--oms-list-body-font);
}

.app:not(.label-fullscreen-mode) #module-targets .oms-target-amount-cell input {
  min-height: 28px !important;
  height: 28px !important;
  padding: 3px 6px !important;
  font-size: var(--oms-list-body-font) !important;
  font-weight: 400 !important;
}

.app:not(.label-fullscreen-mode) #module-targets .oms-target-amount-cell em {
  font-size: 9px;
}

.app:not(.label-fullscreen-mode) #module-targets .oms-target-table tfoot :is(th, td) {
  height: 34px;
  padding: 4px 8px;
  font-size: var(--oms-list-body-font);
  line-height: 1.4;
}

.app:not(.label-fullscreen-mode) #module-targets .oms-targets-summary h3 {
  padding: 12px 14px;
}

.app:not(.label-fullscreen-mode) #module-targets .oms-target-year-item {
  gap: 3px;
  padding: 10px 14px;
}

.app:not(.label-fullscreen-mode) #module-targets .oms-target-year-item span,
.app:not(.label-fullscreen-mode) #module-targets .oms-target-year-item small,
.app:not(.label-fullscreen-mode) #module-targets .oms-target-summary-item span {
  font-size: 10px;
  font-weight: 400;
  line-height: 1.4;
}

.app:not(.label-fullscreen-mode) #module-targets .oms-target-year-item strong {
  font-size: 16px;
  font-weight: 700;
}

.app:not(.label-fullscreen-mode) #module-targets .oms-target-summary-item {
  padding: 9px 14px;
}

.app:not(.label-fullscreen-mode) #module-targets .oms-target-summary-item strong {
  font-size: 11px;
  font-weight: 700;
}

/* Position-permission matrix follows the quotation list's 11px/10px language. */
#role-permissions-panel .role-permission-picker label,
#role-permissions-panel .role-permission-filter,
#role-permissions-panel .role-permission-tools :is(input, select, .btn),
#role-permissions-panel .role-permission-footer :is([role="status"], .btn) {
  font-size: 10px !important;
  font-weight: 400 !important;
}

#role-permissions-panel .role-permission-picker select {
  min-height: 30px;
  height: 30px;
  font-size: 10px;
  font-weight: 400;
}

#role-permissions-panel .role-permission-tools :is(input, select, .btn),
#role-permissions-panel .role-permission-footer .btn {
  min-height: 28px;
  height: 28px;
}

#role-permissions-panel .role-permission-scroll {
  max-height: calc(100dvh - 326px);
}

#role-permissions-panel th,
#role-permissions-panel td {
  height: 32px;
  padding: 3px 5px;
}

#role-permissions-panel thead th {
  height: var(--oms-list-head-height);
  min-height: var(--oms-list-head-height);
  padding: 4px 5px;
  color: #526077;
  font-size: var(--oms-list-head-font);
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: normal;
}

#role-permissions-panel tbody th {
  height: 32px;
  padding: 3px 8px;
  font-size: var(--oms-list-body-font);
  font-weight: 600;
  line-height: 1.4;
}

#role-permissions-panel .role-permission-action select {
  min-height: 26px;
  height: 26px;
  padding: 2px 18px 2px 5px;
  font-size: var(--oms-list-body-font);
  font-weight: 400;
  line-height: 1.35;
}

#role-permissions-panel .role-permission-action.is-protected b,
#role-permissions-panel .role-permission-na {
  font-size: var(--oms-list-body-font);
  line-height: 1.35;
}