/* Clear, large controls for the daily report flow. */
html body[data-step] { font-size: 18px; line-height: 1.65; }
html body[data-step] .page { display: flex !important; flex-direction: column !important; width: min(100%, 820px) !important; max-width: 820px !important; margin-inline: auto; padding: 18px 20px calc(110px + env(safe-area-inset-bottom)); }
html body.step1-basic-page[data-step] .page > :is(.card, .phase-prompt) { width: 100% !important; max-width: none !important; margin-inline: 0 !important; }
html body[data-step] .phase-prompt { margin: 18px 0 16px; padding: 20px 22px; border: 1px solid var(--line); border-radius: 14px; color: var(--ink); background: var(--surface); box-shadow: none; }
html body[data-step] .phase-prompt-title { color: var(--ink); font-size: clamp(24px, 4vw, 30px); line-height: 1.35; font-weight: 800; letter-spacing: -.025em; }
html body[data-step] .phase-prompt-note { margin-top: 7px; color: var(--muted); font-size: 17px; line-height: 1.55; }
html body[data-step] .card,
html body[data-step] .phase-prompt,
html body[data-step] .loading-phase-card,
html body[data-step] .delivery-card { border-radius: 14px; box-shadow: none; }
html body[data-step] .card { padding: clamp(18px, 4vw, 28px); }
html body[data-step] .card-section-header,
html body[data-step] .card h2 { font-size: 22px; line-height: 1.4; }
html body[data-step] label,
html body[data-step] .step-context-label,
html body[data-step] .helper-switch-label { font-size: 18px; line-height: 1.5; }
html body[data-step] :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) { min-height: 60px; padding: 12px 14px; border-radius: 9px; font-size: 20px; line-height: 1.35; }
html body[data-step] :is(input[type="checkbox"], input[type="radio"]) { width: 26px; height: 26px; accent-color: var(--ink); }
html body[data-step] :is(.btn-secondary, .btn-primary, .phase-btn, .small-button, .loading-card-advance, .delivery-card-advance, .date-picker-btn, .phase-menu-btn) { min-height: 56px; padding: 12px 18px; border-radius: 9px; font-size: 18px; font-weight: 750; }
html body[data-step] .phase-actions { position: sticky; bottom: 0; z-index: 20; display: flex; gap: 12px; margin: 20px -20px calc(-1 * (110px + env(safe-area-inset-bottom))); padding: 12px 20px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid var(--line); background: var(--page-bg); }
html body[data-step] .phase-actions > button { flex: 1 1 0; }
html body[data-step] .phase-actions .phase-btn-primary:not(:disabled) { border: 1px solid var(--ink); color: var(--page-bg); background: var(--ink); }
html body[data-step] .driver-summary-panel { gap: 12px; padding: 18px; border-radius: 12px; }
html body[data-step] .driver-summary-line { min-height: 46px; }
html body[data-step] .info-display-box { min-height: 48px; font-size: 19px; }
html body[data-step] .card-head-inline .btn-icon-sm { min-width: 76px; min-height: 48px; font-size: 17px; }
html body[data-step] .inspection-focus-item { min-height: min(58vh, 510px); padding: clamp(20px, 5vw, 38px); border-radius: 14px; }
html body[data-step] .inspection-focus-question { font-size: clamp(25px, 5vw, 34px); line-height: 1.45; }
html body[data-step] .inspection-choice { min-height: 76px; border-radius: 12px; font-size: 23px; font-weight: 800; }
html body[data-step] .inspection-choice-row { gap: 14px; }
html body[data-step] .inspection-focus-revise { min-height: 48px; font-size: 16px; }
html body[data-step] :is(.loading-destination-toggle, .delivery-destination-toggle) { min-height: 64px; padding: 14px 16px; font-size: 20px; font-weight: 800; }
html body[data-step] .loading-card-advance,
html body[data-step] .delivery-card-advance { width: 100%; margin-top: 12px; border: 1px solid var(--ink); color: var(--page-bg); background: var(--ink); }
html body[data-step] .loading-prompt-meta { margin-top: 12px; font-size: 17px; }
html body[data-step] .delivery-time-grid { gap: 14px; }
html body[data-step] .delivery-time-input { min-height: 64px; font-size: 22px; font-variant-numeric: tabular-nums; }
html body[data-step] .delivery-time-btn { min-height: 52px; font-size: 17px; }
html body[data-step] .toll-item { padding: 16px; border-radius: 12px; }
html body[data-step] .toll-route-row,
html body[data-step] .toll-fee-row { gap: 12px; }
html body[data-step] .toll-item-label { font-size: 18px; font-weight: 800; }
html body[data-step] .step-label { font-size: 15px; }
html body[data-step] :is(button, a, input, select, textarea):focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }
/* Keep the phase back control readable as a button, not a decorative arrow tile. */
html body[data-step][data-step] .phase-actions .phase-btn-back {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 84px !important;
  min-width: 84px !important;
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
  color: var(--ink) !important;
  background: var(--surface) !important;
  box-shadow: none !important;
  font-size: 17px !important;
}
html body[data-step][data-step] .phase-actions .phase-btn-back::before,
html body[data-step][data-step] .phase-actions .phase-btn-back::after { content: none !important; display: none !important; }
html body[data-step][data-step] .phase-actions .phase-btn-back[hidden] { display: none !important; }
@media (max-width: 600px) {
  html body[data-step] .page { padding: 12px 14px calc(104px + env(safe-area-inset-bottom)); }
  html body[data-step] .phase-prompt { margin: 12px 0; padding: 18px 16px; }
  html body[data-step] .phase-prompt-title { font-size: 24px; }
  html body[data-step] .phase-prompt-note { font-size: 16px; }
  html body[data-step] .card { padding: 18px 16px; }
  html body[data-step] .phase-actions { margin: 18px -14px calc(-1 * (104px + env(safe-area-inset-bottom))); padding-inline: 14px; }
  html body[data-step] .inspection-focus-item { min-height: 55vh; }
  html body[data-step] .inspection-focus-choices { position: sticky; bottom: calc(72px + env(safe-area-inset-bottom)); padding-top: 12px; background: var(--surface); }
}

/* Keep the PDF review actions readable and reachable on narrow screens. */
html body[data-step] .pdf-share-status {
  margin: 0;
  padding: 10px 14px;
  color: #171717;
  background: #fff;
  border-top: 1px solid #ddd;
  font-size: 14px;
  line-height: 1.5;
}
html body[data-step] .pdf-preview-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
  background: #fff;
}
html body[data-step] .pdf-preview-actions > button { min-width: 120px; }
@media (max-width: 600px) {
  html body[data-step] .pdf-preview-actions > button { flex: 1 1 120px; }
}

/* Match later report steps to the readable monochrome entry screen. */
html body[data-step][data-theme="dark"] {
  --page-bg: #090909;
  --surface: #121212;
  --ink: #f6f6f6;
  --muted: #bdbdbd;
  --line: #353535;
  color: #f6f6f6 !important;
  background: #090909 !important;
}
html body[data-step][data-step][data-theme="dark"] .page {
  color: #f6f6f6 !important;
  background: #090909 !important;
}
html body[data-step][data-step][data-theme="dark"] .page > :is(.card, .phase-prompt, .loading-phase-card, .delivery-card) {
  border-color: #353535 !important;
  color: #f6f6f6 !important;
  background: #121212 !important;
}
html body[data-step][data-step][data-theme="dark"] .page .phase-prompt :is(.phase-prompt-title, .phase-prompt-note) {
  color: #f6f6f6 !important;
}
html:has(body[data-step][data-theme="dark"]) { background: #090909 !important; color-scheme: dark; }

/* Header back is the only visible return control in the report flow. */
html body[data-step][data-step] .phase-actions .phase-btn-back { display: none !important; }


/* Treat phase guidance as a heading for its input card, not a second card. */
html body[data-step]:not([data-step="0"]) .page > .phase-prompt {
  margin: 4px 0 10px !important;
  padding: 2px 0 2px 14px !important;
  border: 0 !important;
  border-left: 3px solid var(--ink) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body[data-step]:not([data-step="0"]) .phase-prompt-title {
  font-size: clamp(20px, 2.5vw, 24px) !important;
  line-height: 1.4 !important;
}
html body[data-step]:not([data-step="0"]) .phase-prompt-note {
  margin-top: 4px !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}
html body[data-step]:not([data-step="0"]) .phase-actions > :is(button, .phase-btn) {
  border-radius: 8px !important;
}

html body[data-step][data-step] .page .phase-actions :is(.phase-btn, #nextBtn, #returnNextBtn, #generatePdfBtn, #startBtn) {
  border-radius: 8px !important;
}

/* Keep the report workflow's progress and route accents monochrome in both themes. */
html body[data-step][data-step] {
  --main-color: var(--ink) !important;
  --theme-color-base: var(--ink) !important;
  --theme-primary: var(--ink) !important;
  --ckas-blue: var(--ink) !important;
  --ckas-blue-dark: var(--ink) !important;
  --ckas-blue-soft: color-mix(in srgb, var(--ink) 8%, var(--surface)) !important;
  --ckas-ink: var(--ink) !important;
  --ckas-line: var(--line) !important;
}
html body[data-step][data-step] :is(.step.done .step-line, .step.active .step-line) {
  border-color: var(--ink) !important;
  color: var(--page-bg) !important;
  background: var(--ink) !important;
}
html body[data-step][data-step] .step-bar .step-label {
  color: var(--muted) !important;
  background: transparent !important;
}
html body[data-step][data-step] .step-bar .step.active .step-label {
  color: var(--ink) !important;
}
html body[data-step][data-step] .route-entry-index {
  color: var(--page-bg) !important;
  background: var(--ink) !important;
}

/* Later workflow screens use one frame per stop, with flat sections inside it. */
html:has(body[data-step][data-step]) body[data-step][data-step][data-step]:is([data-step="2"], [data-step="3"], [data-step="4"], [data-step="5"]) .step-context-bar {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
html:has(body[data-step][data-step]) body[data-step][data-step][data-step]:is([data-step="2"], [data-step="3"], [data-step="4"], [data-step="5"]) .page {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: min(100%, 820px) !important;
  max-width: 820px !important;
  margin-inline: auto !important;
  padding-bottom: calc(24px + env(safe-area-inset-bottom)) !important;
}
html:has(body[data-step][data-step]) body[data-step][data-step][data-step]:is([data-step="2"], [data-step="3"], [data-step="4"], [data-step="5"]) .page > .phase-prompt {
  margin: 4px 0 14px !important;
  padding: 2px 0 2px 14px !important;
  border: 0 !important;
  border-left: 3px solid var(--ink) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html:has(body[data-step][data-step]) body[data-step][data-step][data-step]:is([data-step="2"], [data-step="3"], [data-step="4"], [data-step="5"]) .phase-prompt-title {
  border: 0 !important;
  padding: 0 !important;
}
html:has(body[data-step][data-step]) body[data-step][data-step][data-step]:is([data-step="2"], [data-step="3"], [data-step="4"], [data-step="5"]) .page > .phase-actions {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 20px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html:has(body[data-step][data-step]) body[data-step][data-step][data-step]:is([data-step="2"], [data-step="3"], [data-step="4"], [data-step="5"]) .phase-actions > .phase-btn {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  flex: 1 1 0 !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 50px !important;
  margin: 0 !important;
}
html:has(body[data-step][data-step]) body[data-step="2"][data-step="2"][data-step="2"] .loading-input-card {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
html:has(body[data-step][data-step]) body[data-step="2"][data-step="2"][data-step="2"] #pickupList {
  padding: 0 !important;
}
html:has(body[data-step][data-step]) body[data-step="2"][data-step="2"][data-step="2"] :is(#pickupList, .loading-phase-card, .special-loading-detail-row, .special-loading-shipper-row)::before,
html:has(body[data-step][data-step]) body[data-step="2"][data-step="2"][data-step="2"] :is(#pickupList, .loading-phase-card, .special-loading-detail-row, .special-loading-shipper-row)::after {
  display: none !important;
}
html:has(body[data-step][data-step]) body[data-step="2"][data-step="2"][data-step="2"] :is(.loading-phase-card, .special-loading-add-card) {
  margin: 0 0 14px !important;
  padding: 16px !important;
  border: 1px solid var(--line) !important;
  border-radius: 8px !important;
  background: var(--surface) !important;
  box-shadow: none !important;
}
html:has(body[data-step][data-step]) body[data-step="2"][data-step="2"][data-step="2"] :is(.special-loading-head, .special-loading-head-editor, .special-loading-body, .special-loading-detail-list, .special-loading-detail-row, .special-loading-detail-head, .special-loading-shipper-list, .special-loading-shipper-row) {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 10px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--ink) !important;
  background: transparent !important;
  box-shadow: none !important;
}
html:has(body[data-step][data-step]) body[data-step="2"][data-step="2"][data-step="2"] :is(.special-loading-detail-row, .special-loading-shipper-row) {
  border-top: 1px solid var(--line) !important;
}
html:has(body[data-step][data-step]) body[data-step="2"][data-step="2"][data-step="2"] :is(.special-loading-input, .loading-qty-input) {
  box-sizing: border-box !important;
  min-width: 0 !important;
  width: 100% !important;
  min-height: 48px !important;
  border: 1px solid var(--line) !important;
  border-radius: 8px !important;
  color: var(--ink) !important;
  background: var(--surface) !important;
}
html:has(body[data-step][data-step]) body[data-step][data-step][data-step]:is([data-step="2"], [data-step="3"]) :is(.loading-settings-kicker, .loading-settings-summary-inline, .special-loading-field-label, .special-loading-detail-title, .special-loading-shipper-title, .delivery-destination-sub, .delivery-time-label) {
  color: var(--muted) !important;
}
html:has(body[data-step][data-step]) body[data-step][data-step][data-step]:is([data-step="2"], [data-step="3"]) :is(.loading-input-controls, .loading-destination-toggle, .delivery-destination-toggle, .delivery-time-field, .special-route-save-guide) {
  border-color: var(--line) !important;
  border-radius: 8px !important;
  color: var(--ink) !important;
  background: var(--surface) !important;
  box-shadow: none !important;
}
html:has(body[data-step][data-step]) body[data-step][data-step][data-step]:is([data-step="2"], [data-step="3"], [data-step="4"], [data-step="5"]) .phase-prompt-title::before,
html:has(body[data-step][data-step]) body[data-step][data-step][data-step]:is([data-step="2"], [data-step="3"], [data-step="4"], [data-step="5"]) .phase-prompt-title::after {
  display: none !important;
  content: none !important;
}
html:has(body[data-step][data-step]) body[data-step="2"][data-step="2"][data-step="2"] .loading-input-controls {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 0 16px !important;
  padding: 12px !important;
}
html:has(body[data-step][data-step]) body[data-step="2"][data-step="2"][data-step="2"] .loading-settings-head {
  color: var(--ink) !important;
  background: transparent !important;
}
html:has(body[data-step][data-step]) body[data-step="2"][data-step="2"][data-step="2"] .loading-settings-toggle {
  min-height: 44px !important;
  border: 1px solid var(--line) !important;
  border-radius: 8px !important;
  color: var(--ink) !important;
  background: var(--surface) !important;
}
html:has(body[data-step][data-step]) body[data-step="2"][data-step="2"][data-step="2"] .loading-settings-summary-inline strong {
  color: var(--ink) !important;
}
html:has(body[data-step][data-step]) body[data-step="2"][data-step="2"][data-step="2"] .special-loading-display {
  color: var(--ink) !important;
}
html:has(body[data-step][data-step]) body[data-step="2"][data-step="2"][data-step="2"] .special-loading-add-card {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
html:has(body[data-step][data-step]) body[data-step][data-step][data-step]:is([data-step="2"], [data-step="3"]) :is(.delivery-time-btn, .special-group-edit-toggle, .special-shipper-add, .special-destination-add, .special-entry-add) {
  min-height: 44px !important;
  border-radius: 8px !important;
}
html:has(body[data-step][data-step]) body[data-step][data-step][data-step]:is([data-step="2"], [data-step="3"]) :is(.loading-qty-label, .loading-qty-floating-label),
html:has(body[data-step][data-step]) body[data-step][data-step][data-step]:is([data-step="2"], [data-step="3"]) input::placeholder {
  color: var(--muted) !important;
}
html:has(body[data-step][data-step]) body[data-step][data-step][data-step]:is([data-step="2"], [data-step="3"]) .loading-qty-floating-label {
  background: var(--surface) !important;
}
/* Confirmation dialogs belong to the same monochrome workflow. */
html:has(body[data-step][data-step]) body[data-step][data-step][data-step]:is([data-step="2"], [data-step="3"]) .loading-confirm-panel {
  border-radius: 12px !important;
  color: var(--ink) !important;
  background: var(--page-bg) !important;
  box-shadow: none !important;
}
html:has(body[data-step][data-step]) body[data-step][data-step][data-step]:is([data-step="2"], [data-step="3"]) .loading-confirm-panel :is(div, span, strong, h2, h3, label) {
  border-color: var(--line) !important;
  color: var(--ink) !important;
}
html:has(body[data-step][data-step]) body[data-step][data-step][data-step]:is([data-step="2"], [data-step="3"]) .loading-confirm-panel :is(.loading-confirm-row, .loading-confirm-qty-row, .loading-confirm-inputs, input) {
  border-color: var(--line) !important;
  border-radius: 8px !important;
  color: var(--ink) !important;
  background: var(--surface) !important;
}
html:has(body[data-step][data-step]) body[data-step][data-step][data-step]:is([data-step="2"], [data-step="3"]) .loading-confirm-panel button {
  min-height: 44px !important;
  border: 1px solid var(--line) !important;
  border-radius: 8px !important;
  color: var(--ink) !important;
  background: var(--surface) !important;
  box-shadow: none !important;
}
html:has(body[data-step][data-step]) body[data-step][data-step][data-step]:is([data-step="2"], [data-step="3"]) .loading-confirm-panel .loading-confirm-primary {
  border-color: var(--ink) !important;
  color: var(--page-bg) !important;
  background: var(--ink) !important;
}
html:has(body[data-step][data-step]) body[data-step="3"][data-step="3"][data-step="3"] .delivery-input-card {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
html:has(body[data-step][data-step]) body[data-step="3"][data-step="3"][data-step="3"] .delivery-card {
  margin: 0 0 14px !important;
  padding: 16px !important;
  border: 1px solid var(--line) !important;
  border-radius: 8px !important;
  background: var(--surface) !important;
  box-shadow: none !important;
}
html:has(body[data-step][data-step]) body[data-step="3"][data-step="3"][data-step="3"] .delivery-card:not(.is-delivery-active) .delivery-card-advance {
  display: none !important;
}
html:has(body[data-step][data-step]) body[data-step="3"][data-step="3"][data-step="3"] .delivery-card.is-delivery-active .delivery-time-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 100% !important;
  padding: 0 !important;
  gap: 12px !important;
}
html:has(body[data-step][data-step]) body[data-step="3"][data-step="3"][data-step="3"] .delivery-time-field {
  min-width: 0 !important;
  padding: 8px 0 !important;
  border: 0 !important;
  width: 100% !important;
}
html:has(body[data-step][data-step]) body[data-step="3"][data-step="3"][data-step="3"] .delivery-time-control {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 84px !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
}
html:has(body[data-step][data-step]) body[data-step="3"][data-step="3"][data-step="3"] .delivery-time-btn {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
html:has(body[data-step][data-step]) body[data-step="3"][data-step="3"][data-step="3"] .delivery-time-input {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
html:has(body[data-step][data-step]) body[data-step="4"][data-step="4"][data-step="4"] .toll-item {
  padding: 14px 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html:has(body[data-step][data-step]) body[data-step="4"][data-step="4"][data-step="4"] .page > .card.is-phase-hidden {
  display: none !important;
}
html:has(body[data-step][data-step]) body[data-step="4"][data-step="4"][data-step="4"] .toll-fee-controls {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
  width: 100% !important;
}
html:has(body[data-step][data-step]) body[data-step="4"][data-step="4"][data-step="4"] .toll-fee-controls input {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
html:has(body[data-step][data-step]) body[data-step="4"][data-step="4"][data-step="4"] .toll-fee-reset-btn {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 44px !important;
  padding: 8px 10px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
}
@media (max-width: 600px) {
  html:has(body[data-step][data-step]) body[data-step="3"][data-step="3"][data-step="3"] .delivery-card.is-delivery-active .delivery-time-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Minimal report UI: retain field labels and controls, remove repeated framing. */
html:has(body.nippo-minimal-flow[data-step]) body.nippo-minimal-flow[data-step][data-step][data-step][data-step][data-step][data-step] .page > .card {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html:has(body.nippo-minimal-flow[data-step]) body.nippo-minimal-flow[data-step][data-step][data-step][data-step][data-step][data-step] :is(.phase-prompt, .card-section-header, .page h2) {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html:has(body.nippo-minimal-flow[data-step]) body.nippo-minimal-flow[data-step][data-step][data-step][data-step][data-step][data-step] :is(.phase-prompt-title, .page h2)::before,
html:has(body.nippo-minimal-flow[data-step]) body.nippo-minimal-flow[data-step][data-step][data-step][data-step][data-step][data-step] :is(.phase-prompt-title, .page h2)::after {
  display: none !important;
  content: none !important;
}
html:has(body.nippo-minimal-flow[data-step]) body.nippo-minimal-flow[data-step][data-step][data-step][data-step][data-step][data-step] :is(.phase-prompt-note, .required-badge, .bin-sub) {
  display: none !important;
}
html:has(body.nippo-minimal-flow[data-step]) body.nippo-minimal-flow[data-step][data-step][data-step][data-step][data-step][data-step]:not([data-step="5"]) .step-context-bar {
  display: none !important;
}
html:has(body.nippo-minimal-flow[data-step]) body.nippo-minimal-flow[data-step][data-step][data-step][data-step][data-step][data-step].step1-basic-page .page > .phase-prompt {
  display: none !important;
}
html:has(body.nippo-minimal-flow[data-step]) body.nippo-minimal-flow[data-step][data-step][data-step][data-step][data-step][data-step].step1-basic-page .page > .phase-prompt:has(button:not([hidden])) {
  display: flex !important;
  justify-content: flex-end !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
}
html:has(body.nippo-minimal-flow[data-step]) body.nippo-minimal-flow[data-step][data-step][data-step][data-step][data-step][data-step].step1-basic-page .phase-prompt-title {
  display: none !important;
}
html:has(body.nippo-minimal-flow[data-step]) body.nippo-minimal-flow[data-step][data-step][data-step][data-step][data-step][data-step] :is(.date-select-area, .date-main-row, .driver-summary-panel) {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html:has(body.nippo-minimal-flow[data-step]) body.nippo-minimal-flow[data-step][data-step][data-step][data-step][data-step][data-step] .bin-select-wrap:has(select:disabled) {
  display: none !important;
}
html:has(body.nippo-minimal-flow[data-step]) body.nippo-minimal-flow[data-step][data-step][data-step][data-step][data-step][data-step] .page :is(.loading-phase-card, .delivery-card, .special-loading-detail-row, .special-loading-shipper-row) {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html:has(body.nippo-minimal-flow[data-step]) body.nippo-minimal-flow[data-step][data-step][data-step][data-step][data-step][data-step][data-step="4"] .card-section-header {
  display: none !important;
}
html:has(body.nippo-minimal-flow[data-step]) body.nippo-minimal-flow[data-step][data-step][data-step][data-step][data-step][data-step] :is(.driver-editor-reset-btn, #resetTimeBtn, .toll-fee-reset-btn) {
  border-color: transparent !important;
  background: transparent !important;
}