/* The same readable type on operations, customer and standalone driver screens.
   Work orders used their own mono face and mixed sizes; they now follow this file. */
:root {
  --ntxv-ui-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --ntxv-id-color: #0b1e36;
  --ntxv-id-size: 16px;
  /* A little bold — enough to pick out booking and container numbers, not heavy. */
  --ntxv-id-weight: 600;
}

body,
body * {
  font-family: var(--ntxv-ui-font) !important;
}

/* Operational identifiers and entered values use regular weight. Headings, actions
   and warning labels keep their existing emphasis and colour. Container and booking
   numbers stay navy and bold — they are the numbers a dispatcher reads out. */
body :is(input, select, textarea, .mono, .link-id):not(.doc-id):not(.wb-ref):not(.wb-bkg),
body .data-table :is(td, b, strong):not(.doc-id),
body .info-list b:not(.doc-id),
body .bkg b:not(.doc-id),
body .sheet-booking {
  font-weight: 400 !important;
}

/* Container # and booking # — same navy, same size, same weight, on every screen. */
.doc-id,
.wb-ref,
.wb-container b:not(.tba),
.wb-bkg,
.wb-box b:not(.tba),
.info-list .pod-key-reference b,
.m-doc-facts .pod-key-reference dd {
  color: var(--ntxv-id-color) !important;
  font-size: var(--ntxv-id-size) !important;
  font-weight: var(--ntxv-id-weight) !important;
}

/* Work orders: same 16px body type as the admin menu. No leftover 10px labels. */
.wb-card,
.wb-facts-row,
.wb-dates span,
.wb-dates i,
.wb-party b,
.wb-party .cap,
.wb-move .move-leg,
.wb-pill,
.wb-wo,
.wb-box > span,
.wb-steps,
.wb-route .cap,
.wb-route b,
.wb-route small,
.wb-storage-note,
.wb-copy.copied::after,
.wb-search {
  font-size: 16px !important;
}

.wb-ref,
.wb-move-name b {
  font-size: var(--ntxv-id-size) !important;
  font-weight: var(--ntxv-id-weight) !important;
}

.wb-party b {
  color: var(--ntxv-id-color) !important;
  text-transform: uppercase;
}

/* A finished move is navy — the number has to stay visible on that ground. */
.wb-card.done .wb-move[data-state="dropped"] .wb-box b:not(.tba) {
  color: #4db5ff !important;
}