/*
 * DOFT Dark Mode fixes — Round 5 extra (2026-07-28), merged from the external
 * follow-up bundle. NOTE (merge, updated 2026-07-28): round5.css now
 * exists and loads immediately before this file; round6.css now loads after this file (final layer). §1 diverges from the bundle: the true cause
 * of the glued Cancel/Top Up was an unclosed var() in ai-topup.js's injected
 * CSS (fixed there), which swallowed the whole .aitp-foot rule; here we keep
 * only the polish, right-aligned per the app's modal convention (the bundle
 * proposed flex-start, which pins the buttons LEFT).
 */

/* --------------------------------------------------------------------------
   1) AI top-up modal footer: breathing room + gap; right-aligned like every
      other dialog footer. Both themes (dev refresh mode only).
   -------------------------------------------------------------------------- */
html[data-refresh] #aiTopupModal .aitp-foot {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  padding: 14px 18px 16px !important;
}
html[data-refresh] #aiTopupModal .aitp-foot .btn {
  margin: 0 !important;
  vertical-align: middle !important;
}

/* --------------------------------------------------------------------------
   2) Search Loads saved-search strip: remove the gray background band behind
      the tab chips and the "+" add-tab button in dark mode.
   -------------------------------------------------------------------------- */
html[data-theme="dark"][data-refresh] .loads-page .tab-block,
html[data-theme="dark"][data-refresh] .dispatch-loads-page .tab-block,
html[data-theme="dark"][data-refresh] .shipper-loads-page .tab-block {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"][data-refresh] .loads-page .tab-list,
html[data-theme="dark"][data-refresh] .dispatch-loads-page .tab-list,
html[data-theme="dark"][data-refresh] .shipper-loads-page .tab-list {
  background: transparent !important;
  box-shadow: none !important;
}

/* --------------------------------------------------------------------------
   3) Breadcrumb band: remove the gray slab behind Home / Settings / Profile
      so breadcrumbs sit directly on the page canvas.
   -------------------------------------------------------------------------- */
html[data-theme="dark"][data-refresh] .breadcrumbs-top,
html[data-theme="dark"][data-refresh] .breadcrumb-wrapper,
html[data-theme="dark"][data-refresh] .breadcrumbs-top .breadcrumb {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}