/* 8.6.0 — desktop chat to viewport bottom; compact filters; phone = mockup. */

html body .bu-pfilter-card,
html body .bu-ptabs,
html body .bu-pview {
  display: none;
}

/* ========== Sidebar contrast: dark rail, light cards, dark text ========== */
html body aside.bu-board-sidebar,
html body aside.bu-neon-side,
html body aside.landing-sidebar {
  background: #0b121e !important;
  color: #f8fafc !important;
}
html body .bu-apps-nav a,
html body .bu-board-sidebar-foot .bu-apps-nav a,
html body .bu-neon-side-foot .bu-apps-nav a,
html body .bu-neon-head .bu-apps-nav a {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
}
html body .bu-apps-nav a strong,
html body .bu-apps-nav a span,
html body .bu-board-sidebar-foot .bu-apps-nav a strong,
html body .bu-neon-side-foot .bu-apps-nav a strong {
  color: #0f172a !important;
}
html body .bu-ed-btn,
html body .bu-neon-side-foot .bu-ed-btn,
html body .bu-board-sidebar-foot .bu-ed-btn {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #e2e8f0 !important;
}
html body .bu-ed-btn .bu-ed-lab,
html body .bu-ed-btn span,
html body .bu-neon-side-foot .bu-ed-btn .bu-ed-lab,
html body .bu-board-sidebar-foot .bu-ed-lab {
  color: #0f172a !important;
  font-weight: 800 !important;
}
html body .bu-ed-btn .bu-ed-logo {
  width: 28px !important;
  height: 28px !important;
  object-fit: contain !important;
  flex: 0 0 28px !important;
  background: transparent !important;
}

/* ========== DESKTOP: fill viewport, chat + send on the bottom ========== */
@media (min-width: 900px) {
  html body.bu-board-page:not(.bu-nalog-page) {
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    background: #f1f5f9 !important;
  }
  html body.bu-board-page:not(.bu-nalog-page) .bu-board-shell-wrap {
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    overflow: hidden !important;
  }
  html body.bu-board-page:not(.bu-nalog-page) .bu-board-main-col,
  html body.bu-board-page:not(.bu-nalog-page) .bu-board,
  html body.bu-board-page:not(.bu-nalog-page) .bu-shell {
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }
  html body.bu-board-page:not(.bu-nalog-page) .bu-board-header,
  html body.bu-board-page:not(.bu-nalog-page) .bu-board-bar,
  html body.bu-board-page:not(.bu-nalog-page) .bu-filter-chrome {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
  }
  html body.bu-board-page:not(.bu-nalog-page) .bu-board-body,
  html body.bu-board-page:not(.bu-nalog-page) .bu-term-grid {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    align-items: stretch !important;
    overflow: hidden !important;
    display: grid !important;
    grid-template-columns: minmax(240px, 28%) minmax(320px, 48%) minmax(240px, 24%) !important;
  }
  html body.bu-board-page:not(.bu-nalog-page) .bu-board-map,
  html body.bu-board-page:not(.bu-nalog-page) .bu-board-list,
  html body.bu-board-page:not(.bu-nalog-page) #bu-dispo,
  html body.bu-board-page:not(.bu-nalog-page) .bu-board-ai {
    min-height: 0 !important;
    height: 100% !important;
    align-self: stretch !important;
  }
  html body.bu-board-page:not(.bu-nalog-page) .bu-board-list-scroll,
  html body.bu-board-page:not(.bu-nalog-page) #bu-feed {
    min-height: 0 !important;
    overflow: auto !important;
  }

  html body.bu-board-page #bu-dispo,
  html body.bu-board-page #bu-dispo.hidden-m,
  html body.bu-board-page #bu-dispo.bu-ai-portal,
  html body.bu-board-page .bu-board-ai,
  html body.bu-ai-open #bu-dispo {
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    height: 100% !important;
    max-height: none !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    background: #fff !important;
    color: #0f172a !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    transform: none !important;
    z-index: 2 !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
  }
  html body.bu-board-page #bu-dispo .bu-ai-close {
    display: none !important;
  }
  html body.bu-board-page #bu-dispo .bu-dispo-head,
  html body.bu-board-page #bu-dispo .bu-dispo-chips {
    flex: 0 0 auto !important;
  }
  html body.bu-board-page #bu-dispo .bu-dispo-log,
  html body.bu-board-page #bu-dispo .bu-chat-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: auto !important;
    background: #fff !important;
  }
  html body.bu-board-page #bu-dispo .bu-dispo-form,
  html body.bu-board-page #bu-dispo .bu-chat-form {
    flex: 0 0 auto !important;
    margin-top: auto !important;
    position: sticky !important;
    bottom: 0 !important;
    background: #fff !important;
    border-top: 1px solid #e2e8f0 !important;
    padding: 10px 12px !important;
    display: flex !important;
    gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    z-index: 3 !important;
  }
  html body.bu-board-page #bu-dispo .bu-dispo-form input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    background: #fff !important;
    color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
  }
  html body.bu-board-page #bu-dispo .bu-dispo-form button {
    flex: 0 0 auto !important;
  }

  html body .bu-pcard { display: none !important; }
  html body .bu-mfilter-go,
  html body.bu-board-page .bu-mfilter-go,
  html body.bu-board-page .bu-pfilter-card,
  html body.bu-board-page .bu-ptabs,
  html body.bu-board-page .bu-pview {
    display: none !important;
  }
  html body.bu-board-page .bu-twin-bars {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    padding: 4px 8px 8px !important;
  }
  html body.bu-board-page .bu-filter-bar,
  html body.bu-board-page #f-toggle {
    flex: 1 1 220px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .06) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    overflow: hidden !important;
  }
  html body.bu-board-page .bu-filter-bar-main {
    min-width: 0 !important;
    overflow: hidden !important;
  }
  html body.bu-board-page .bu-filter-bar-main small,
  html body.bu-board-page .bu-alert-hint {
    display: none !important;
  }
  html body.bu-board-page .bu-filter-bar-main strong,
  html body.bu-board-page .bu-filter-bar-act {
    color: #0f172a !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }
  html body.bu-board-page .bu-alert-bar {
    flex: 0 1 240px !important;
    min-width: 0 !important;
    max-width: 42% !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 10px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }
  html body.bu-board-page .bu-mfilter-strip {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 8px 0 !important;
    background: transparent !important;
    border: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
  html body.bu-board-page .bu-tabs-chrome,
  html body.bu-board-page .bu-tabs-bar {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: auto !important;
  }

  html body.bu-board-page .bu-filters-box,
  html body.bu-board-page .bu-filter-fold,
  html body.bu-board-page #bu-filter-fold.open {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }
  html body.bu-board-page #bu-filter-fold.open {
    max-height: min(42dvh, 380px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 8px 10px 10px !important;
  }
  html body.bu-board-page .bu-lanes-equal {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 8px !important;
  }
  html body.bu-board-page .bu-metrics-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  html body.bu-board-page #bu-search-row,
  html body.bu-board-page .bu-search-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    position: sticky !important;
    bottom: 0 !important;
    margin: 8px 0 0 !important;
    padding: 8px 0 0 !important;
    background: #fff !important;
  }
  html body.bu-board-page #f-go,
  html body.bu-board-page #f-reset {
    flex: 1 1 140px !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  html body.bu-board-page .bu-minibar {
    display: none !important;
  }
}

@media (min-width: 900px) and (max-width: 1280px) {
  html body.bu-board-page .bu-lanes-equal {
    grid-template-columns: 1fr !important;
  }
  html body.bu-board-page .bu-alert-bar {
    max-width: 100% !important;
    flex: 1 1 100% !important;
  }
}

/* ========== PHONE: follow zeljeni telefon izgled ========== */
@media (max-width: 899px) {
  html body.bu-board-page:not(.bu-nalog-page),
  html body.bu-board-page:not(.bu-nalog-page) .bu-board-shell-wrap,
  html body.bu-board-page:not(.bu-nalog-page) .bu-board-main-col,
  html body.bu-board-page:not(.bu-nalog-page) .bu-board,
  html body.bu-board-page:not(.bu-nalog-page) .bu-feed,
  html body.bu-board-page:not(.bu-nalog-page) main {
    background: #f1f5f9 !important;
    color: #0f172a !important;
  }
  html body.bu-board-page:not(.bu-nalog-page) {
    padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
    overflow-x: hidden !important;
  }

  html body.bu-board-page .bu-neon-tape,
  html body.bu-board-page .bu-live-langs,
  html body.bu-board-page .bu-list-head,
  html body.bu-board-page .bu-cols-head,
  html body.bu-board-page .bu-mobile-results,
  html body.bu-board-page .bu-minibar,
  html body.bu-board-page .bu-switch.bu-mobile-only,
  html body.bu-board-page .bu-twin-bars,
  html body.bu-board-page .bu-mfilter-go,
  html body.bu-board-page .bu-tabs-chrome,
  html body.bu-board-page .bu-phonedock,
  html body.bu-board-page .bu-dispo-fab,
  html body.bu-board-page .bu-app-banner,
  html body.bu-board-page .bu-board-header {
    display: none !important;
  }

  /* Slim guest bar */
  html body.bu-board-page .bu-guestbar,
  html body.bu-board-page .bu-guestbar-pro {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 8px 12px 0 !important;
    padding: 6px 10px !important;
    border-radius: 10px !important;
    background: #fff7ed !important;
    border: 1px solid #fdba74 !important;
    color: #9a3412 !important;
  }
  html body.bu-board-page .bu-guestbar-copy span {
    display: none !important;
  }
  html body.bu-board-page .bu-guestbar-copy strong {
    font-size: 12px !important;
    font-weight: 800 !important;
  }
  html body.bu-board-page .bu-guestbar-cta {
    margin-left: auto !important;
    display: flex !important;
    gap: 6px !important;
  }
  html body.bu-board-page .bu-guestbar-cta .bu-btn {
    min-height: 28px !important;
    padding: 0 10px !important;
    font-size: 11px !important;
  }
  html body.bu-board-page .bu-guestbar-cta .bu-btn.ghost {
    display: none !important;
  }

  /* Header */
  html body.bu-board-page .bu-mshell-bar {
    background: #0b121e !important;
    color: #fff !important;
    border-bottom: 1px solid #1e293b !important;
  }
  html body.bu-board-page .bu-mshell-end .bu-lang-btn,
  html body.bu-board-page .bu-mshell-end .bu-lang-btn-flag {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }
  html body.bu-board-page .bu-mshell-end .bu-flag-disc {
    width: 28px !important;
    height: 28px !important;
    display: inline-flex !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    background: #1e293b !important;
  }
  html body.bu-board-page .bu-mshell-end .bu-flag-disc img {
    width: 28px !important;
    height: 28px !important;
    display: block !important;
    object-fit: cover !important;
  }
  html body.bu-board-page .bu-mshell-end .bu-flag-disc-fallback {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
  }

  /* Top tabs: Utovari | Vozila | Dispo AI | Lista */
  html body.bu-board-page .bu-ptabs {
    display: flex !important;
    gap: 6px !important;
    padding: 8px 12px 4px !important;
    background: #0b121e !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  html body.bu-board-page .bu-ptabs a,
  html body.bu-board-page .bu-ptabs button {
    flex: 0 0 auto !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: #94a3b8 !important;
    font: 700 12px/1 inherit !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }
  html body.bu-board-page .bu-ptabs a.is-on,
  html body.bu-board-page .bu-ptabs button.is-on {
    background: #22d3ee !important;
    color: #082f49 !important;
  }

  /* White filter card */
  html body.bu-board-page .bu-filters-box {
    padding: 8px 12px 0 !important;
    background: transparent !important;
  }
  html body.bu-board-page .bu-mfilter-strip {
    display: none !important;
  }
  html body.bu-board-page .bu-pfilter-card {
    display: block !important;
    background: #fff !important;
    color: #0f172a !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 12px !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .06) !important;
  }
  html body.bu-board-page .bu-pfilter-country {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
  }
  html body.bu-board-page .bu-pfilter-country .bu-flag-disc {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    flex: 0 0 36px !important;
  }
  html body.bu-board-page .bu-pfilter-country .bu-flag-disc img {
    width: 36px !important;
    height: 36px !important;
    display: block !important;
    object-fit: cover !important;
  }
  html body.bu-board-page .bu-pfilter-country strong {
    display: block !important;
    font-size: 14px !important;
    color: #0f172a !important;
  }
  html body.bu-board-page .bu-pfilter-country span {
    display: block !important;
    font-size: 11px !important;
    color: #64748b !important;
  }
  html body.bu-board-page .bu-pfilter-toggle {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 44px !important;
    padding: 8px 12px !important;
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    background: #f8fafc !important;
    color: #0f172a !important;
    text-align: left !important;
    font: inherit !important;
  }
  html body.bu-board-page .bu-pfilter-toggle .bu-pfilter-lab {
    font-weight: 800 !important;
    font-size: 13px !important;
  }
  html body.bu-board-page .bu-pfilter-toggle small {
    margin-left: auto !important;
    color: #64748b !important;
    font-size: 12px !important;
  }
  html body.bu-board-page .bu-pfilter-toggle i {
    color: #0f172a !important;
    font-style: normal !important;
  }
  html body.bu-board-page .bu-pfilter-alert {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 8px !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  html body.bu-board-page #bu-filter-fold.open,
  html body.bu-filters-sheet-open #bu-filter-fold,
  html body.bu-board-page.bu-filters-sheet-open #bu-filter-fold.open {
    display: block !important;
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-height: min(48dvh, 420px) !important;
    margin: 8px 0 0 !important;
    padding: 10px !important;
    background: #fff !important;
    color: #0f172a !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    z-index: 40 !important;
    transform: none !important;
    pointer-events: auto !important;
    visibility: visible !important;
    height: auto !important;
  }
  html body.bu-board-page #bu-filter-fold .bu-lane,
  html body.bu-board-page #bu-filter-fold .bu-geo,
  html body.bu-board-page #bu-filter-fold input {
    background: #fff !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
  }
  html body.bu-board-page #bu-search-row {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 8px !important;
    position: sticky !important;
    bottom: 0 !important;
    background: #fff !important;
  }
  html body.bu-board-page #f-go,
  html body.bu-board-page #f-reset {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }

  /* List / Map */
  html body.bu-board-page .bu-pview {
    display: flex !important;
    gap: 8px !important;
    margin: 10px 12px 8px !important;
    padding: 4px !important;
    background: #e2e8f0 !important;
    border-radius: 12px !important;
  }
  html body.bu-board-page .bu-pview button {
    flex: 1 1 0 !important;
    min-height: 36px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: #475569 !important;
    font: 800 13px/1 inherit !important;
  }
  html body.bu-board-page .bu-pview button.is-on {
    background: #fff !important;
    color: #0f172a !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .08) !important;
  }

  /* White load cards — DE-Mun. → RS-Bel */
  html body.bu-board-page .bu-feed {
    max-width: none !important;
    padding: 4px 12px calc(24px + env(safe-area-inset-bottom, 0px)) !important;
    background: #f1f5f9 !important;
  }
  html body.bu-board-page .bu-feed .bu-item.compact,
  html body.bu-board-page .bu-feed .bu-item.bu-row.compact {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    grid-template-areas: none !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 10px !important;
    padding: 12px !important;
    background: #ffffff !important;
    color: #0f172a !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    box-shadow: 0 6px 16px rgba(15, 23, 42, .06) !important;
    gap: 6px !important;
    position: relative !important;
  }
  html body.bu-board-page .bu-feed .bu-item.compact > .bu-c,
  html body.bu-board-page .bu-feed .bu-item.compact > .bu-driver-card-cta {
    display: none !important;
  }
  html body.bu-board-page .bu-feed .bu-item.compact > .bu-c-fav {
    display: flex !important;
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    width: auto !important;
    background: transparent !important;
    border: 0 !important;
    z-index: 2 !important;
  }
  html body.bu-board-page .bu-pcard {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    color: #0f172a !important;
  }
  html body.bu-board-page .bu-pcard .bu-mcard-route,
  html body.bu-board-page .bu-feed .bu-item.compact .bu-mcard-route {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    overflow: visible !important;
    color: #0f172a !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    flex-wrap: wrap !important;
  }
  html body.bu-board-page .bu-pcard .bu-mcard-route b,
  html body.bu-board-page .bu-feed .bu-item.compact .bu-mcard-route b {
    color: #0f172a !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    overflow: visible !important;
    white-space: nowrap !important;
    flex: 0 1 auto !important;
  }
  html body.bu-board-page .bu-mcard-end {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
  }
  html body.bu-board-page .bu-mcard-end small,
  html body.bu-board-page .bu-pcard .bu-city small {
    color: #64748b !important;
    font-size: 11px !important;
    font-weight: 600 !important;
  }
  html body.bu-board-page .bu-pcard .bu-mcard-route i {
    color: #0f172a !important;
    font-style: normal !important;
    font-weight: 900 !important;
    padding-top: 1px;
  }
  html body.bu-board-page .bu-ccflag { display: none !important; }
  html body.bu-board-page .bu-mcard-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    color: #334155 !important;
  }
  html body.bu-board-page .bu-mchip {
    background: #f1f5f9 !important;
    color: #334155 !important;
    border: 0 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 2px 0 !important;
  }
  html body.bu-board-page .bu-demo-ribbon,
  html body.bu-board-page .bu-pcard .bu-demo-ribbon {
    position: static !important;
    display: inline-flex !important;
    align-self: flex-start !important;
    background: none !important;
    border: 0 !important;
    color: #ea580c !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .04em !important;
    padding: 0 !important;
  }
  html body.bu-board-page .bu-mcard-foot {
    display: none !important;
  }

  /* 3 teal pills */
  html body.bu-board-page .bu-mobchrome {
    display: block !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 9000 !important;
    pointer-events: none;
    background: transparent !important;
  }
  html body.bu-board-page .bu-mobdock,
  html body.bu-board-page .bu-mobdock-3 {
    pointer-events: auto;
    display: flex !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    gap: 8px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 10px calc(8px + env(safe-area-inset-bottom, 0px)) !important;
    padding: 8px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }
  html body.bu-board-page .bu-mobdock-a,
  html body.bu-board-page .bu-mobdock-pub,
  html body.bu-board-page .bu-mobdock-ai {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 46px !important;
    height: 46px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #0e7490 !important;
    color: #fff !important;
    border: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 0 8px !important;
    text-decoration: none !important;
    box-shadow: 0 8px 16px rgba(14, 116, 144, .28) !important;
  }
  html body.bu-board-page .bu-mobdock-a em,
  html body.bu-board-page .bu-mobdock-pub em,
  html body.bu-board-page .bu-mobdock-ai em {
    display: inline !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    color: #fff !important;
  }
  html body.bu-board-page .bu-mobdock-a svg,
  html body.bu-board-page .bu-mobdock-pub svg,
  html body.bu-board-page .bu-mobdock-ai img {
    width: 16px !important;
    height: 16px !important;
    stroke: #fff !important;
  }
  html body.bu-board-page .bu-mobdock-ai::after { display: none !important; }
  html body.bu-board-page .bu-mobdock-a.is-on {
    background: #155e75 !important;
    color: #fff !important;
  }

  html body.bu-board-page #bu-dispo:not(.bu-ai-portal) {
    display: none !important;
    pointer-events: none !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
  }
  html body.bu-ai-open #bu-dispo,
  html body #bu-dispo.bu-ai-portal,
  html body.bu-board-page.bu-ai-open #bu-dispo {
    display: flex !important;
    flex-direction: column !important;
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    z-index: 2147483000 !important;
    background: #070d14 !important;
    color: #e2e8f0 !important;
    pointer-events: auto !important;
  }
  html body.bu-ai-open .bu-mshell,
  html body.bu-ai-open .bu-mobchrome,
  html body.bu-ai-open .bu-ptabs,
  html body.bu-ai-open .bu-pfilter-card,
  html body.bu-ai-open .bu-pview {
    display: none !important;
  }

  html body.bu-board-page.bu-view-map .bu-pview [data-view="map"],
  html body.bu-board-page [data-term-view="map"] .bu-pview [data-view="map"] {
    background: #fff !important;
  }
}