html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .normal-route-create { width: 100%; min-height: 54px !important; font-size: 18px !important; margin-top: 14px !important; }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .normal-route-create[aria-pressed="true"] { background: var(--nf-ink) !important; color: var(--nf-paper) !important; border-color: var(--nf-ink) !important; }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow #normalRouteDraftForm { padding: 18px 0; border-bottom: 1px solid var(--nf-line); }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow #normalRouteDraftForm[hidden] { display: none !important; }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow #normalRouteDraftForm label { display: block; font-size: 18px !important; margin-bottom: 8px; }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow #newNormalRouteName { width: 100%; min-height: 56px !important; font-size: 20px !important; }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .normal-route-draft-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 14px; }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow #normalRouteDraftForm button { min-height: 54px !important; font-size: 17px !important; }
/* Equal choice cards; only the selected card gets emphasis. */
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .route-choice {
  display: block !important; width: 100% !important; box-sizing: border-box !important;
  border: 1px solid var(--nf-line) !important; border-radius: 12px !important;
  padding: 16px !important; margin: 0 0 14px !important;
  background: var(--nf-paper) !important; color: var(--nf-ink) !important; box-shadow: none !important;
}
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .route-choice[data-selected="true"] { border: 2px solid var(--nf-ink) !important; padding: 15px !important; background: var(--nf-soft) !important; }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .normal-route-create {
  display: flex !important; align-items: center !important; gap: 12px !important;
  padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important;
  background: transparent !important; color: var(--nf-ink) !important; text-align: left !important;
}
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .normal-route-create[aria-pressed="true"] { background: transparent !important; color: var(--nf-ink) !important; }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .route-choice :is(.bin-select-label,.bin-name) { display: flex !important; align-items: center !important; gap: 12px !important; font-size: 19px !important; line-height: 1.5 !important; margin: 0 0 10px !important; color: var(--nf-ink) !important; }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .route-choice-mark { flex: 0 0 24px; width: 24px; height: 24px; border: 2px solid var(--nf-muted); border-radius: 50%; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .route-choice[data-selected="true"] .route-choice-mark { background: var(--nf-ink); border-color: var(--nf-ink); color: var(--nf-paper); }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .route-choice[data-selected="true"] .route-choice-mark::after { content: "✓"; }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .route-choice-state { margin-left: auto; font-size: 16px; white-space: nowrap; }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .route-choice-summary { margin: 8px 0 0 36px; font-size: 17px; line-height: 1.5; overflow-wrap: anywhere; }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .route-choice-summary[hidden] { display: none; }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .bin-item-special :is(.bin-name,.bin-sub) { color: var(--nf-ink) !important; }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .bin-item-special::before,
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .bin-item-special::after { display: none !important; }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .bin-item-special .bin-sub { margin-left: 36px !important; font-size: 17px !important; }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow #normalRouteDraftForm { padding: 12px 0 0 !important; border: 0 !important; }
/* Name values share the same surface as the adjacent affiliation/code values. */
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow :is(#driverInfoSummary,#helperInfoSummary) .driver-summary-name {
  display: flex !important; flex-wrap: wrap !important; gap: 0 0.35em !important;
  min-height: 0 !important; padding: 12px 16px !important; box-sizing: border-box !important;
  background: var(--nf-soft) !important; border: 0 !important; border-radius: 10px !important;
  align-items: center !important; font-size: 19px !important; line-height: 1.4 !important;
}
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow :is(#driverSummaryLastName,#driverSummaryFirstName,#helperSummaryLastName,#helperSummaryFirstName) { display: inline !important; background: transparent !important; border: 0 !important; padding: 0 !important; min-height: 0 !important; margin: 0 !important; font-size: inherit !important; overflow-wrap: anywhere; }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .inspection-focus-total :is(span,small) { font-size: 16px !important; line-height: 1.4 !important; font-weight: 600 !important; }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .inspection-focus-area .inspection-focus-items { padding-inline: 10px !important; box-sizing: border-box !important; }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .route-choice-header { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 12px; }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .route-choice-edit { min-width: 60px !important; min-height: 48px !important; padding: 10px 12px !important; font-size: 17px !important; border: 1px solid var(--nf-line) !important; border-radius: 10px !important; background: var(--nf-paper) !important; color: var(--nf-ink) !important; }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .route-choice-edit[hidden] { display: none !important; }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .route-choice-status-actions { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .route-choice-header .route-choice-state { display: block; margin: 0; text-align: right; font-size: 16px; line-height: 1.5; white-space: nowrap; color: var(--nf-ink) !important; }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .route-choice-state[hidden] { display: none !important; }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .route-choice-header .bin-name { grid-column: auto !important; grid-row: auto !important; }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .normal-route-create { justify-content: flex-start !important; }

/* Give the selected custom route a full-width row beside its edit action. */
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .route-choice[data-route-choice="new"] .route-choice-header { display:block!important; }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .route-choice[data-route-choice="new"] .route-choice-header .normal-route-create { width:100%!important; min-width:0!important; }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .route-choice[data-route-choice="new"] .route-choice-status-actions { display:grid!important; grid-template-columns:minmax(0,1fr) auto auto!important; align-items:center!important; gap:8px!important; width:100%!important; min-width:0!important; margin-top:8px!important; }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .route-choice[data-route-choice="new"] .route-choice-summary { min-width:0!important; max-width:none!important; margin:0!important; font-size:21px!important; font-weight:800!important; line-height:1.4!important; overflow-wrap:anywhere!important; }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .route-choice[data-route-choice="new"] .route-choice-status-actions .route-choice-state { min-width:0!important; margin:0!important; justify-self:end!important; white-space:nowrap!important; }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .route-choice[data-route-choice="new"] .route-choice-edit { min-width:0!important; white-space:nowrap!important; }
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .route-choice[data-route-choice="new"] .route-choice-summary[hidden],
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .route-choice[data-route-choice="new"] .route-choice-state[hidden],
html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .route-choice[data-route-choice="new"] .route-choice-edit[hidden] { display:none!important; }

@media (max-width: 420px) {
  html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .route-choice[data-route-choice="new"] .route-choice-status-actions { grid-template-columns:minmax(0,1fr) auto auto!important; gap:6px!important; }
  html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .route-choice[data-route-choice="new"] .route-choice-summary { font-size:20px!important; }
  html:has(#stepBar):has(#stepContextDate):has(#normalBinSelect):has(#nextBtn) body.nippo-unified-flow .route-choice[data-route-choice="new"] .route-choice-edit { padding:8px 10px!important; }
}