/* Shared on-screen register readability. No changes to exports or print documents. */
html body[data-view] #view .table-wrap { overflow-x: auto !important; }
html body[data-view] #view table:not(.vehicle-table) { table-layout: auto !important; }
html body[data-view] #view table :is(th, td) {
  height: auto !important;
  min-height: 0 !important;
  padding: 6px 10px !important;
  line-height: 1.45 !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  overflow-wrap: normal;
  text-overflow: clip !important;
  overflow: visible !important;
}
html body[data-view] #view table th { font-size: 11px !important; }
html body[data-view] #view table td { font-size: 12px !important; }
html body[data-view] #view table td :is(.status, .status-pill, .pill) {
  max-width: none !important;
  width: auto !important;
  height: auto !important;
  white-space: nowrap !important;
  overflow: visible !important;
  overflow-wrap: normal;
  text-overflow: clip !important;
  line-height: 1.4 !important;
}
html body[data-view] #view table td :is(.split-actions, .toolbar-actions, .approval-decision-actions) {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  width: max-content !important;
  max-width: none !important;
}
html body[data-view] #view table td button { white-space: nowrap !important; }
/* Long approval IDs and employee names must remain selectable and readable. */
html body[data-view] #view .approval-table :is(th, td) { max-width: none !important; }
/* Size approvals from their full values, not legacy percentage tracks. */
html body[data-view] #view#view .approval-table :is(th, td):nth-child(n) {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  white-space: nowrap !important;
}
html body[data-view] #view#view .approval-table td :is(span, b, strong, a) {
  white-space: nowrap !important;
  max-width: none !important;
  text-overflow: clip !important;
  overflow: visible !important;
}