/**
 * Berza Chrome System v6.8.3
 * Jedinstveni design tokeni + premium polish za sve headere, barove i navigaciju.
 */

/* Hide cookie consent floating button � causes bottom gap */
.cookieadmin_re_consent,
.cookieadmin_re_consent * {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  pointer-events: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* BU Inteligencija hint chips */
.bu-ai-hints {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 4px 0 8px;
}
.bu-ai-hint {
  border: 1px solid #bae6fd;
  background: #f0f9ff;
  color: #0369a1;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}
.bu-ai-hint:active {
  transform: scale(0.96);
  background: #e0f2fe;
}

:root {
  /* Visine */
  --bu-chrome-h: 52px;
  --bu-chrome-h-lg: 56px;
  --bu-logo-h: 36px;
  --bu-logo-h-nalog: 38px;
  --bu-logo-h-landing: 2.75rem;
  --bu-sidebar-w: 3.25rem;
  --bu-sidebar-w-lg: 9.5rem;
  --bu-appbar-h: 58px;
  --bu-vip-bar-h: 32px;
  --bu-fab-bottom: calc(var(--bu-appbar-h) + 12px + env(safe-area-inset-bottom, 0px));
  --bu-fab-bottom-app: calc(4.75rem + env(safe-area-inset-bottom, 0px));

  /* Z-index skala (jedini izvor istine) */
  --bu-z-base: 1;
  --bu-z-sticky: 50;
  --bu-z-chrome: 80;
  --bu-z-filter: 90;
  --bu-z-appbar: 200;
  --bu-z-popover: 300;
  --bu-z-fab: 400;
  --bu-z-toast: 500;
  --bu-z-sheet: 1300;
  --bu-z-detail: 1400;
  --bu-z-notes: 1500;
  --bu-z-modal: 1600;
  --bu-z-ai: 1700;
  --bu-z-post: 1800;

  /* Animacije */
  --bu-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --bu-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --bu-dur: 0.28s;
  --bu-dur-fast: 0.18s;

  /* Boje chrome */
  --bu-chrome-bg: rgba(255, 255, 255, 0.92);
  --bu-chrome-border: rgba(226, 232, 240, 0.9);
  --bu-chrome-shadow: 0 4px 24px rgba(15, 23, 42, 0.08);
  --bu-chrome-blur: blur(12px);
}

/* �� Global smooth chrome �� */
.bu-board-header,
.landing-header,
.bu-appshell-top,
.bu-board-sidebar,
.bu-appbar,
.bu-vip-status-bar,
.bu-filter-bar,
.bu-board-nav-tab,
.bu-board-sidebar-link,
.landing-nav-link,
.bu-nalog-tab,
.bu-stab,
.bu-switch button,
.bu-alert-btn,
.bu-appbar-a,
.bu-appbar-t,
.bu-appbar-pub,
.bu-appbar-dispo {
  transition:
    background var(--bu-dur) var(--bu-ease),
    border-color var(--bu-dur) var(--bu-ease),
    color var(--bu-dur-fast) var(--bu-ease),
    box-shadow var(--bu-dur) var(--bu-ease),
    transform var(--bu-dur-fast) var(--bu-ease),
    opacity var(--bu-dur-fast) var(--bu-ease);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* �� Landing header �� */
.landing-header {
  z-index: var(--bu-z-sticky);
  background: var(--bu-chrome-bg);
  backdrop-filter: var(--bu-chrome-blur);
  -webkit-backdrop-filter: var(--bu-chrome-blur);
  box-shadow: var(--bu-chrome-shadow);
}

.landing-header-inner {
  height: var(--bu-chrome-h);
}

@media (min-width: 1200px) {
  .landing-header-inner {
    height: var(--bu-chrome-h-lg);
  }
}

.landing-nav-link:active {
  transform: scale(0.98);
}

.landing-nav-link.is-active {
  transform: translateY(-1px);
}

.landing-nav-mobile {
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.landing-nav-mobile::-webkit-scrollbar {
  display: none;
}

/* �� Board hero header �� */
.bu-board-header {
  z-index: var(--bu-z-chrome);
  box-shadow: 0 6px 32px rgba(15, 23, 42, 0.14);
}

.bu-board-header-inner {
  min-height: var(--bu-chrome-h);
}

@media (min-width: 900px) {
  .bu-board-header-inner {
    min-height: var(--bu-chrome-h-lg);
  }
}

.bu-logo-board,
.bu-logo-board-wrap .bu-logo-img {
  height: var(--bu-logo-h) !important;
  max-width: 140px !important;
}

.bu-header-nalog .bu-logo-nalog img,
.bu-header-nalog .bu-logo-nalog .bu-logo-board {
  height: var(--bu-logo-h-nalog) !important;
  max-width: 150px !important;
}

.bu-board-nav-tab {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bu-board-nav-tab:active {
  transform: scale(0.97);
}

.bu-board-nav-tab.is-on {
  transform: translateY(-1px);
}

/* Nalog header grupe */
.bu-nalog-header-wrap {
  gap: 8px 16px;
}

.bu-nalog-nav-tab {
  min-height: 36px;
  padding: 0 10px;
}

.bu-nalog-nav-tab.is-on {
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(255, 255, 255, 0.2);
}

/* �� VIP status bar �� */
.bu-vip-status-bar {
  flex-shrink: 0;
  z-index: calc(var(--bu-z-chrome) - 1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  animation: bu-vip-slide-in 0.35s var(--bu-ease-out);
}

@keyframes bu-vip-slide-in {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.bu-vip-bar-btn {
  min-height: var(--bu-vip-bar-h);
  letter-spacing: 0.02em;
  transition: filter var(--bu-dur-fast), transform var(--bu-dur-fast);
}

.bu-vip-bar-btn:hover {
  filter: brightness(1.06);
}

.bu-vip-bar-btn:active {
  transform: scale(0.995);
}

/* �� Board sidebar �� */
.bu-board-sidebar {
  width: var(--bu-sidebar-w);
  box-shadow: 4px 0 28px rgba(15, 23, 42, 0.14);
}

@media (min-width: 1280px) {
  .bu-board-sidebar {
    width: var(--bu-sidebar-w-lg);
  }
}

.bu-board-sidebar-link {
  position: relative;
  overflow: hidden;
}

.bu-board-sidebar-link::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.12), transparent);
  opacity: 0;
  transition: opacity var(--bu-dur-fast);
}

.bu-board-sidebar-link:hover::before,
.bu-board-sidebar-link.is-on::before {
  opacity: 1;
}

.bu-board-sidebar-link.is-on {
  transform: translateX(2px);
}

.bu-board-sidebar-foot .bu-board-sidebar-vip-go {
  transition: background var(--bu-dur-fast), transform var(--bu-dur-fast);
}

.bu-board-sidebar-foot .bu-board-sidebar-vip-go:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}

/* �� Filter chrome �� */
.bu-board-bar.bu-filter-chrome {
  flex-shrink: 0;
  background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
  border-bottom: 1px solid var(--bu-chrome-border);
  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.04);
}

.bu-tabs-chrome {
  background: linear-gradient(180deg, #fff, #fafbfc);
}

.bu-tabs-scroll {
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

.bu-stab {
  transition: background var(--bu-dur), border-color var(--bu-dur), box-shadow var(--bu-dur), transform var(--bu-dur-fast);
}

.bu-stab.is-on {
  transform: translateY(-1px);
}

/* Smooth filter fold � closed = gone (nuclear, beats .open wars) */
.bu-filters-board .bu-filter-fold {
  max-height: 1400px;
  opacity: 1;
  overflow: hidden;
  transition:
    max-height 0.32s var(--bu-ease),
    opacity 0.24s var(--bu-ease),
    padding 0.2s var(--bu-ease);
}

body.bu-filters-closed #bu-filter-fold,
body.bu-filters-closed .bu-filters-board .bu-filter-fold,
#bu-filter-fold:not(.open),
#bu-filter-fold[hidden],
.bu-filters-board .bu-filter-fold:not(.open),
.bu-filters-board .bu-filter-fold[hidden] {
  display: none !important;
  max-height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

#bu-filter-fold.open:not([hidden]),
.bu-filters-board .bu-filter-fold.open:not([hidden]) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

.bu-filter-bar {
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04);
  cursor: pointer;
  user-select: none;
  width: 100%;
  text-align: left;
  pointer-events: auto !important;
  touch-action: manipulation;
}

.bu-filter-bar:hover {
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}

.bu-filter-bar:active {
  transform: scale(0.998);
}

.bu-minibar {
  animation: bu-minibar-in 0.28s var(--bu-ease-out);
}

@keyframes bu-minibar-in {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* �� Mobile view switch �� */
.bu-switch {
  margin-bottom: 8px;
  padding: 3px;
  background: #e2e8f0;
  border-radius: 999px;
  box-shadow: inset 0 1px 3px rgba(15, 23, 42, 0.08);
}

.bu-switch button {
  font-size: 12px;
  font-weight: 900;
  color: #64748b;
  min-height: 36px;
}

.bu-switch button.is-on {
  background: #fff;
  color: #0f172a;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.1);
}

@media (min-width: 900px) {
  .bu-switch {
    display: none !important;
  }
}

/* �� App bar (donji) �� */
.bu-appbar {
  z-index: var(--bu-z-appbar);
  height: var(--bu-appbar-h);
  background: var(--bu-chrome-bg);
  backdrop-filter: var(--bu-chrome-blur);
  -webkit-backdrop-filter: var(--bu-chrome-blur);
  border-top: 1px solid var(--bu-chrome-border);
  box-shadow: 0 -8px 32px rgba(15, 23, 42, 0.08);
  padding-bottom: env(safe-area-inset-bottom);
}

.bu-appbar-pub {
  box-shadow: 0 6px 20px rgba(22, 163, 74, 0.32);
}

.bu-appbar-lab {
  font-style: normal;
  font-weight: inherit;
}

.bu-appbar-pub:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}

.bu-appbar-pub:active {
  transform: scale(0.97);
}

.bu-tools-pop {
  z-index: var(--bu-z-popover);
  animation: bu-pop-in 0.22s var(--bu-ease-out);
  transform-origin: bottom right;
}

@keyframes bu-pop-in {
  from {
    opacity: 0;
    transform: translateY(6px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Na mobilnom boardu BU je na FAB � ne duplirati u app baru; Objavi ostaje u appbaru (palac) */
@media (max-width: 899px) {
  body.bu-board-page.bu-term .bu-appbar-dispo {
    display: none !important;
  }

  body.bu-board-page.bu-term .bu-appbar {
    grid-template-columns: 1fr 1.35fr 1fr;
    height: auto;
    min-height: var(--bu-appbar-h);
    z-index: var(--bu-z-appbar);
  }

  body.bu-board-page.bu-term .bu-appbar-pub {
    min-height: 44px;
    font-size: 13px;
    font-weight: 900;
  }

  body.bu-board-page.bu-term .bu-board-body {
    padding-bottom: calc(var(--bu-appbar-h) + 8px + env(safe-area-inset-bottom));
  }

  /* FAB: AI + chat + flota � Objavi je u appbaru (bez duplikata) */
  body.bu-board-page .bu-mobile-fab-pub {
    display: none !important;
  }

  body.bu-board-page.bu-term .bu-mobile-fab-stack:not(.bu-mobile-fab--app),
  body.bu-board-page .bu-mobile-fab-stack:not(.bu-mobile-fab--app) {
    bottom: var(--bu-fab-bottom);
    right: max(12px, env(safe-area-inset-right, 0px));
    z-index: var(--bu-z-fab);
    gap: 8px;
  }

  body.bu-app-page .bu-mobile-fab-stack.bu-mobile-fab--app {
    bottom: var(--bu-fab-bottom-app);
    right: max(12px, env(safe-area-inset-right, 0px));
    z-index: var(--bu-z-fab);
  }

  body.bu-app-page .bu-mobile-fab-pub {
    display: none !important;
  }
}

@media (min-width: 900px) {
  body.bu-board-page .bu-appbar {
    display: none !important;
  }
}

/* Nalog mobile tabbar — sticky under mshell, never a second dock */
@media (max-width: 899px) {
  body.bu-nalog-page .bu-nalog-tabs-mobile {
    position: sticky;
    top: 0;
    bottom: auto;
    z-index: var(--bu-z-appbar);
    margin: 0;
    padding: 8px 10px;
    background: var(--bu-chrome-bg);
    backdrop-filter: var(--bu-chrome-blur);
    -webkit-backdrop-filter: var(--bu-chrome-blur);
    border-bottom: 1px solid var(--bu-chrome-border);
    border-top: 0;
    box-shadow: none;
  }

  body.bu-nalog-page .bu-nalog-tabs-scroll {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    gap: 6px;
  }

  body.bu-nalog-page .bu-nalog-tab {
    border: 1px solid transparent;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
  }

  body.bu-nalog-page .bu-nalog-tab.is-on {
    border-color: #bae6fd;
    box-shadow: 0 2px 10px rgba(14, 165, 233, 0.15);
  }

  body.bu-nalog-page .bu-dash-main {
    padding-bottom: calc(16px + env(safe-area-inset-bottom));
  }
}

/* �� App shell �� */
.bu-appshell-top {
  z-index: var(--bu-z-sticky);
  height: var(--bu-chrome-h);
  background: var(--bu-chrome-bg);
  backdrop-filter: var(--bu-chrome-blur);
  -webkit-backdrop-filter: var(--bu-chrome-blur);
  box-shadow: var(--bu-chrome-shadow);
}

.bu-appshell-nav {
  z-index: var(--bu-z-sticky);
  background: var(--bu-chrome-bg);
  backdrop-filter: var(--bu-chrome-blur);
  -webkit-backdrop-filter: var(--bu-chrome-blur);
  box-shadow: 0 -4px 20px rgba(15, 23, 42, 0.06);
}

.bu-appshell-nav-a {
  transition: color var(--bu-dur-fast), background var(--bu-dur-fast), transform var(--bu-dur-fast);
}

.bu-appshell-nav-a.is-on {
  transform: translateY(-1px);
}

/* �� List head / live controls �� */
.bu-list-head {
  background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}

.bu-list-sort .bu-chip,
.bu-live-drop .bu-live-now {
  transition: background var(--bu-dur-fast), border-color var(--bu-dur-fast), box-shadow var(--bu-dur-fast);
}

.bu-live-dot {
  animation: bu-live-pulse 2s ease-in-out infinite;
}

@keyframes bu-live-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.65; transform: scale(0.92); }
}

/* �� Dispo pane header �� */
.bu-dispo-head {
  border-bottom: 1px solid #e2e8f0;
  background: linear-gradient(180deg, #fff, #f8fafc);
}

/* �� Landing role bar �� */
.landing-role-bar {
  transition: box-shadow var(--bu-dur), transform var(--bu-dur);
}

.landing-role-tile {
  transition: transform var(--bu-dur), box-shadow var(--bu-dur), border-color var(--bu-dur);
}

.landing-role-tile:hover {
  transform: translateY(-2px);
}

/* �� Page fade (navigacija) �� */
body.bu-out {
  opacity: 0;
  transition: opacity 0.32s var(--bu-ease);
}

body.bu-in {
  opacity: 1;
  transition: opacity 0.32s var(--bu-ease);
}

/* �� Auth header �� */
.bu-auth-top.landing-header {
  box-shadow: var(--bu-chrome-shadow);
}

/* �� Content pages pod board headerom �� */
body:not(.bu-board-page):not(.bu-nalog-page):not(.bu-landing-page):not(.bu-auth-chrome) .bu-board-header + main,
body:not(.bu-board-page):not(.bu-nalog-page):not(.bu-landing-page):not(.bu-auth-chrome) .bu-board-header ~ .bu-page {
  animation: bu-content-in 0.4s var(--bu-ease-out);
}

@keyframes bu-content-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* �� 7.6.10 dominance �� */
.bu-vip-status-bar {
  background: linear-gradient(90deg, #0b3d7a 0%, #0f4c9a 45%, #1565c0 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
.bu-vip-bar-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 34px;
  border: 0;
  padding: 6px 14px;
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
  color: #fff;
  background: transparent;
}
.bu-vip-bar-btn.is-trial { background: transparent; color: #fff; }
.bu-vip-bar-btn.is-warn {
  background: linear-gradient(90deg, #f59e0b, #fbbf24);
  color: #451a03;
}
.bu-vip-bar-btn.is-vip {
  background: linear-gradient(90deg, #047857, #059669);
  color: #fff;
}
.bu-vip-bar-ico { font-size: 13px; line-height: 1; }
.bu-vip-bar-copy { min-width: 0; text-align: center; }
.bu-vip-bar-copy strong { font-weight: 900; letter-spacing: 0.02em; }
.bu-vip-bar-cta {
  flex-shrink: 0;
  border-radius: 999px;
  padding: 3px 10px;
  font-size: 10px;
  font-weight: 900;
  background: rgba(255, 255, 255, 0.18);
  color: inherit;
}
.bu-vip-bar-btn.is-warn .bu-vip-bar-cta {
  background: #451a03;
  color: #fef3c7;
}

/* Kill PET4PET / footer noise on board + nalog */
body.bu-board-page .bu-foot,
body.bu-board-page .bu-dev,
body.bu-nalog-page .bu-foot,
body.bu-nalog-page .bu-dev {
  display: none !important;
}

/* Nalog � no gray frame / white outline */
body.bu-nalog-page,
body.bu-nalog-page .bu-board-shell-wrap,
body.bu-nalog-page .bu-board-main-col,
body.bu-nalog-page .bu-page.bu-dash-page,
body.bu-nalog-page .bu-dash-main,
html:has(body.bu-nalog-page) {
  background: #fff !important;
}
body.bu-nalog-page .bu-page.bu-dash-page {
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}
body.bu-nalog-page .bu-board-shell-wrap {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: #fff !important;
}
body.bu-board-page {
  background: #fff !important;
}

/* Compact Utovar / Istovar lanes */
.bu-lanes-equal {
  gap: 6px !important;
  padding: 4px 8px 2px !important;
}
.bu-lanes-equal .bu-lane {
  min-height: 0 !important;
  padding: 6px 8px !important;
  gap: 3px !important;
  border-radius: 10px !important;
  border-width: 1.5px !important;
  outline: 1px solid rgba(15, 23, 42, 0.04);
  outline-offset: -1px;
}
.bu-board-cargo .bu-lane-load {
  border-color: #86efac !important;
  box-shadow: inset 3px 0 0 #10b981;
}
.bu-board-cargo .bu-lane-unload {
  border-color: #fca5a5 !important;
  box-shadow: inset 3px 0 0 #ef4444;
}
.bu-board-truck .bu-lane-load,
body.bu-board-page.bu-board-truck .bu-lane-load {
  border-color: #7dd3fc !important;
  box-shadow: inset 3px 0 0 #0ea5e9;
}
.bu-lane-head {
  min-height: 22px !important;
  margin: 0 !important;
  gap: 4px !important;
}
.bu-lane-head > span {
  font-size: 10px !important;
  letter-spacing: 0.06em;
}
.bu-lane-head-actions .bu-btn,
.bu-lane-head-actions button {
  min-height: 24px !important;
  padding: 2px 7px !important;
  font-size: 10px !important;
}
.bu-lane-status {
  margin: 0 !important;
  padding: 0 1px !important;
  font-size: 10px !important;
  line-height: 1.25 !important;
  color: #64748b !important;
  min-height: 0 !important;
}
.bu-lane-status:empty { display: none !important; }
.bu-lane-row {
  gap: 4px !important;
  margin: 0 !important;
}
.bu-date-field,
.bu-date-btn {
  min-height: 34px !important;
  padding: 4px 8px !important;
}
.bu-date-field span,
.bu-date-btn span {
  font-size: 9px !important;
}
.bu-date-field strong,
.bu-date-btn strong {
  font-size: 11px !important;
}
.bu-range-compact {
  min-height: 34px !important;
  padding: 4px 8px !important;
  gap: 2px !important;
}
.bu-range-compact span {
  font-size: 9px !important;
}
.bu-filters-board .bu-geo-wrap input.bu-geo {
  min-height: 32px !important;
  font-size: 12px !important;
  padding: 6px 10px !important;
}
.bu-cargo-adv {
  margin-top: 2px !important;
}
.bu-cargo-adv-kicker {
  padding: 4px 6px !important;
  font-size: 10px !important;
}

/* Filter close must stick � nuclear */
body.bu-filters-closed #bu-filter-fold,
body.bu-filters-closed .bu-filters-board .bu-filter-fold,
#bu-filter-fold:not(.open),
#bu-filter-fold[hidden] {
  display: none !important;
  max-height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  overflow: hidden !important;
}
#bu-filter-fold.open:not([hidden]) {
  display: block !important;
}

/* �� Golden live alert system (toast + tab + row) �� */
.bu-fresh,
.bu-fresh-toast {
  position: fixed !important;
  top: calc(var(--bu-vip-bar-h, 32px) + 58px + 10px) !important;
  right: 16px !important;
  left: auto !important;
  z-index: 4800 !important;
  display: flex !important;
  align-items: center;
  gap: 4px;
  width: min(360px, calc(100vw - 24px));
  margin: 0 !important;
  padding: 0 4px 0 0 !important;
  border-radius: 14px !important;
  border: 1px solid #f0c75e !important;
  background:
    linear-gradient(135deg, #fff8e7 0%, #fff 42%, #fef3c7 100%) !important;
  box-shadow:
    0 0 0 1px rgba(180, 120, 20, 0.12),
    0 14px 36px rgba(146, 96, 12, 0.22) !important;
  overflow: hidden;
  animation: bu-gold-in 0.38s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.bu-fresh[hidden],
.bu-fresh-toast[hidden] {
  display: none !important;
}
@keyframes bu-gold-in {
  from { opacity: 0; transform: translateY(-10px) scale(0.96); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
.bu-fresh-go {
  flex: 1;
  display: flex !important;
  align-items: center;
  gap: 10px;
  border: 0;
  background: transparent;
  text-align: left;
  padding: 12px 14px !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
  color: #78350f !important;
  cursor: pointer;
  letter-spacing: -0.01em;
  line-height: 1.3;
}
.bu-fresh-go::before { display: none !important; content: none !important; }
.bu-fresh-dot {
  flex-shrink: 0;
  width: 9px;
  height: 9px;
  border-radius: 99px;
  background: #eab308;
  box-shadow: 0 0 0 3px rgba(234, 179, 8, 0.35);
  animation: bu-gold-pulse 1.6s ease-in-out infinite;
}
@keyframes bu-gold-pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.15); opacity: 0.75; }
}
.bu-fresh-x {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  margin-right: 4px;
  border: 0;
  border-radius: 10px;
  background: rgba(146, 96, 12, 0.1);
  color: #92400e;
  font-size: 18px;
  font-weight: 900;
  cursor: pointer;
  line-height: 1;
}

/* Tab with watch alert � gold */
.bu-stab.has-fresh,
.bu-tab.has-fresh {
  background: linear-gradient(180deg, #fffbeb, #fef3c7) !important;
  border-color: #f0c75e !important;
  box-shadow: inset 0 -3px 0 #d97706, 0 0 0 1px rgba(217, 119, 6, 0.2);
  position: relative;
  color: #92400e !important;
}
.bu-stab.has-fresh::after,
.bu-tab.has-fresh::after {
  content: "";
  position: absolute;
  top: 4px;
  right: 6px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #eab308;
  box-shadow: 0 0 0 2px #fff, 0 0 8px rgba(234, 179, 8, 0.7);
}

/* New row � gold frame until opened */
.bu-board-cargo .bu-feed .bu-item.is-new:not(.is-seen),
.bu-term .bu-feed .bu-item.is-new:not(.is-seen),
body.bu-term .bu-feed .bu-item.is-new:not(.is-seen) {
  border: 2px solid #eab308 !important;
  background:
    linear-gradient(90deg, rgba(234, 179, 8, 0.35) 0, rgba(234, 179, 8, 0.35) 5px, #fffbeb 5px, #fff 100%) !important;
  box-shadow:
    0 0 0 1px rgba(217, 119, 6, 0.35),
    0 10px 28px rgba(180, 120, 20, 0.18) !important;
  animation: bu-gold-row 2s ease-in-out 3;
}
@keyframes bu-gold-row {
  0%, 100% { box-shadow: 0 0 0 1px rgba(217, 119, 6, 0.35), 0 10px 28px rgba(180, 120, 20, 0.18); }
  50% { box-shadow: 0 0 0 2px rgba(234, 179, 8, 0.55), 0 14px 32px rgba(180, 120, 20, 0.28); }
}
.bu-tag.bu-tag-new {
  background: linear-gradient(135deg, #f59e0b, #d97706) !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(217, 119, 6, 0.35);
}

.bu-bell.has-unread .bu-bell-n,
.bu-bell-n:not([hidden]) {
  background: linear-gradient(135deg, #f59e0b, #b45309) !important;
  box-shadow: 0 0 0 2px #fff, 0 0 10px rgba(245, 158, 11, 0.55);
}

/* Bell panel always on top */
.bu-notes,
body.bu-board-page .bu-notes,
body.bu-nalog-page .bu-notes {
  z-index: 5200 !important;
  top: max(72px, calc(env(safe-area-inset-top, 0px) + 64px)) !important;
  border: 1px solid #f0c75e !important;
  box-shadow: 0 18px 48px rgba(146, 96, 12, 0.18) !important;
}

/* Objavi sheet above everything � NEVER show when [hidden] */
#bu-post.bu-chat.is-open:not([hidden]),
body.bu-post-open #bu-post.is-open {
  z-index: 5600 !important;
  display: grid !important;
  place-items: end center;
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}
#bu-post.bu-chat[hidden],
#bu-post[hidden],
#bu-post.bu-chat:not(.is-open) {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
}
body.bu-post-open {
  overflow: hidden;
}
#bu-post .bu-post-panel {
  max-width: 440px;
  width: min(100%, 440px);
  border-radius: 20px 20px 0 0;
  padding: 4px;
  pointer-events: auto !important;
}
@media (min-width: 640px) {
  #bu-post.bu-chat.is-open:not([hidden]) {
    place-items: center;
  }
  #bu-post .bu-post-panel {
    border-radius: 20px;
  }
}
#bu-post .bu-post-choices {
  display: grid;
  gap: 10px;
  padding: 8px 12px 16px;
}
#bu-post .bu-tile {
  border-radius: 16px;
  padding: 16px 18px;
  border: 1px solid #e2e8f0;
  text-decoration: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.12s ease;
}
#bu-post .bu-tile:hover {
  border-color: #86efac;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
  transform: translateY(-1px);
}
#bu-post .bu-tile strong {
  display: block;
  font-size: 15px;
  margin-bottom: 4px;
}
#bu-post .bu-tile p {
  margin: 0;
  font-size: 12px;
  color: #64748b;
  line-height: 1.35;
}

/* Pro Objavi chooser */
#bu-post .bu-post-panel-pro {
  padding: 8px 8px 16px;
  background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
  box-shadow: 0 24px 64px rgba(15, 23, 42, 0.28);
}
#bu-post .bu-post-pro-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 12px 4px;
}
#bu-post .bu-post-pro-head strong {
  display: block;
  font-size: 1.25rem;
  font-weight: 900;
  letter-spacing: -0.02em;
  color: #0f172a;
}
#bu-post .bu-post-choices-pro {
  gap: 10px;
  padding: 8px 10px 14px;
}
#bu-post .bu-tile-pro {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 14px 14px;
  border-radius: 16px;
  border: 1px solid #e2e8f0;
  background: #fff;
  min-height: 76px;
}
#bu-post .bu-tile-pro.blue {
  border-color: #bfdbfe;
  background: linear-gradient(135deg, #eff6ff, #fff);
}
#bu-post .bu-tile-pro.green {
  border-color: #bbf7d0;
  background: linear-gradient(135deg, #f0fdf4, #fff);
}
#bu-post .bu-tile-pro.slate {
  border-color: #e2e8f0;
  background: #fff;
}
#bu-post .bu-tile-ico {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  font-size: 22px;
  background: #f1f5f9;
}
#bu-post .bu-tile-pro.blue .bu-tile-ico { background: #dbeafe; }
#bu-post .bu-tile-pro.green .bu-tile-ico { background: #dcfce7; }
#bu-post .bu-tile-copy strong {
  margin: 0 0 2px;
  font-size: 15px;
}
#bu-post .bu-tile-copy p {
  font-size: 12px;
  line-height: 1.35;
}
#bu-post .bu-tile-go {
  font-size: 18px;
  font-weight: 900;
  color: #94a3b8;
}
#bu-post .bu-tile-pro:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1);
}
#bu-post .bu-tile-pro:hover .bu-tile-go {
  color: #0f172a;
}

/* Tab unread badge dot */
.bu-tab-unread-dot {
  position: absolute;
  top: -2px;
  right: -4px;
  min-width: 18px;
  height: 18px;
  border-radius: 999px;
  background: #dc2626;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  display: grid;
  place-items: center;
  padding: 0 4px;
  box-shadow: 0 0 0 2px #fff, 0 2px 8px rgba(220, 38, 38, 0.4);
  animation: bu-badge-pop 0.3s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
}
@keyframes bu-badge-pop {
  from { transform: scale(0); }
  to { transform: scale(1); }
}
.has-unread-badge {
  position: relative;
}

/* Chat listing context + expired badge */
.bu-chat-listing-ctx {
  padding: 8px 12px;
  border-radius: 12px;
  background: #f0f9ff;
  border: 1px solid #bae6fd;
  font-size: 12px;
  font-weight: 700;
  color: #0c4a6e;
  margin-bottom: 8px;
}
.bu-chat-listing-ctx strong {
  display: block;
  font-size: 13px;
  color: #0369a1;
}
.bu-chat-expired {
  padding: 10px 14px;
  border-radius: 12px;
  background: #fef2f2;
  border: 2px solid #fca5a5;
  font-size: 12px;
  font-weight: 700;
  color: #991b1b;
  margin-bottom: 8px;
  text-align: center;
}
.bu-chat-expired-badge {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 8px;
  background: #dc2626;
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.1em;
  margin-right: 6px;
}

/* Kill bottom white strip (footer/appbar/dock) on board chrome */
@media (min-width: 900px) {
  body.bu-board-page .bu-appbar,
  body.bu-nalog-page .bu-appbar,
  body.bu-term .bu-appbar {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }
  body.bu-board-page .bu-board-body,
  body.bu-term .bu-board-body {
    padding-bottom: 0 !important;
  }
}
body.bu-board-page .bu-foot,
body.bu-board-page .bu-dock,
body.bu-board-page .bu-support,
body.bu-board-page .bu-dev,
body.bu-nalog-page .bu-foot,
body.bu-nalog-page .bu-dock,
body.bu-nalog-page .bu-support,
body.bu-nalog-page .bu-dev,
body.bu-term .bu-foot,
body.bu-term .bu-dock,
body.bu-term .bu-support {
  display: none !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

/* VIP bar � compact, no layout jump */
.bu-vip-status-bar {
  flex: 0 0 auto !important;
  min-height: var(--bu-vip-bar-h) !important;
  max-height: 40px !important;
  overflow: hidden !important;
}
.bu-vip-bar-btn {
  width: 100%;
  justify-content: center;
  gap: 8px;
  padding: 0 12px !important;
  min-height: var(--bu-vip-bar-h) !important;
  font-size: 12px !important;
}
.bu-vip-bar-copy {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Mobile board � denser, no empty gutters */
@media (max-width: 899px) {
  body.bu-board-page .bu-board-header-inner {
    padding: 8px 10px !important;
    gap: 8px !important;
  }
  body.bu-board-page .bu-board-header-title {
    font-size: 16px !important;
  }
  body.bu-board-page .bu-filter-bar {
    min-height: 48px !important;
    padding: 10px 12px !important;
  }
  body.bu-board-page .bu-fresh-toast,
  body.bu-board-page .bu-fresh {
    top: auto !important;
    bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
    right: 10px !important;
    left: 10px !important;
    width: auto !important;
  }
  body.bu-board-page .bu-lanes-equal {
    padding: 4px 6px !important;
  }
  body.bu-board-page .bu-feed .bu-item {
    margin: 0 8px 8px !important;
  }
}

body.bu-board-page .bu-board-shell-wrap {
  min-height: 100dvh;
  display: flex;
  background: #f1f5f9 !important;
}
body.bu-board-page .bu-board-main-col > .bu-foot,
body.bu-board-page .bu-board-shell-wrap > .bu-foot,
body.bu-board-page .landing-shell + .bu-foot {
  display: none !important;
}
/* ===== 7.6.29 board fill � no white dead gap ===== */
body.bu-board-page {
  background: #f1f5f9 !important;
}
body.bu-board-page .bu-board-main-col {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #f1f5f9 !important;
}
body.bu-board-page .bu-board-main-col > .bu-board {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  background: #f1f5f9;
}
body.bu-board-page .bu-board-body,
body.bu-board-page .bu-term-grid {
  flex: 1 1 auto;
  min-height: 0;
}
body.bu-board-page .bu-board-main-col::after {
  content: none !important;
  display: none !important;
  height: 0 !important;
}
/* hide stray shell-page padding that paints white under board */
body.bu-board-page.bu-term .bu-shell-page:empty,
body.bu-board-page .bu-board-main-col > .bu-foot {
  display: none !important;
}
body.bu-board-page.bu-term .bu-shell-page {
  display: none !important;
}
body.bu-board-page .bu-board-header {
  flex: 0 0 auto;
}
body.bu-board-page .bu-board-bar {
  flex: 0 0 auto;
}

/* ===== 7.6.18 mobile + shell polish ===== */
body.bu-board-page .bu-board-main-col,
body.bu-nalog-page .bu-board-main-col {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
body.bu-board-page .bu-shell-page,
body.bu-board-page main.bu-page.bu-shell-page {
  flex: 1 1 auto;
  width: 100%;
  max-width: none;
  padding: 20px 24px 48px;
  overflow-y: auto;
  background: #fff;
}
body.bu-board-page .bu-shell-page > * {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 899px) {
  body.bu-board-page .bu-shell-page,
  body.bu-board-page main.bu-page.bu-shell-page {
    padding: 16px 14px calc(24px + env(safe-area-inset-bottom, 0px));
  }
  body.bu-board-page .bu-filter-chrome {
    position: relative;
    z-index: var(--bu-z-filter);
  }
  body.bu-board-page #f-toggle {
    z-index: var(--bu-z-filter);
  }
  body.bu-board-page .bu-appbar {
    z-index: var(--bu-z-appbar);
  }
  body.bu-board-page .bu-mobile-fab-stack {
    z-index: var(--bu-z-fab);
  }
  body.bu-board-page .bu-foot,
  body.bu-nalog-page .bu-foot,
  body.bu-board-page .bu-dock:not(.bu-app-bottom-nav),
  body.bu-nalog-page .bu-dock {
    display: none !important;
  }
}

/* ===== 7.6.19�7.6.20 mobile perfection ===== */
@media (max-width: 899px) {
  /* Switch: Mapa | Lista � BU je na FAB ? */
  body.bu-board-page .bu-switch {
    position: sticky;
    top: 0;
    z-index: calc(var(--bu-z-filter) + 1);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    margin: 0 0 8px;
    padding: 6px;
    border-radius: 14px;
    background: rgba(248, 250, 252, 0.96);
    border: 1px solid #e2e8f0;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
  body.bu-board-page .bu-switch [data-view="dispo"] {
    display: none !important;
  }
  body.bu-board-page .bu-switch button {
    min-height: 42px;
    border-radius: 11px;
    font-size: 13px;
    font-weight: 900;
    -webkit-tap-highlight-color: transparent;
  }

  /* Filter sheet � jedan scroll, ne jede cijeli ekran */
  body.bu-board-page .bu-filter-fold.open,
  body.bu-board-page #bu-filter-fold.open {
    max-height: min(52dvh, 420px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding-bottom: 8px;
  }
  body.bu-board-page .bu-search-row {
    position: sticky;
    bottom: 0;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    padding: 8px 0 4px;
    background: linear-gradient(180deg, transparent, #fff 28%);
  }
  body.bu-board-page .bu-search-row .bu-btn {
    min-height: 44px;
  }
  body.bu-board-page #f-go {
    font-weight: 900;
  }

  /* Feed prostor iznad appbara + FAB */
  body.bu-board-page .bu-feed {
    padding: 8px 10px calc(var(--bu-appbar-h) + 72px + env(safe-area-inset-bottom, 0px)) !important;
  }

  /* Detalj sheet iznad appbara */
  #bu-mobile-detail-sheet {
    bottom: 0 !important;
    max-height: min(86dvh, 720px) !important;
    z-index: var(--bu-z-detail) !important;
    padding-bottom: calc(var(--bu-appbar-h) + env(safe-area-inset-bottom, 0px));
    border-radius: 22px 22px 0 0;
  }
  #bu-mobile-detail-backdrop {
    z-index: calc(var(--bu-z-detail) - 10) !important;
  }
  #bu-mobile-detail-foot {
    padding-bottom: max(12px, env(safe-area-inset-bottom, 0px));
  }

  /* Toast iznad FAB, ne preko appbara */
  body.bu-board-page .bu-fresh-toast,
  body.bu-board-page .bu-fresh {
    top: auto !important;
    bottom: calc(var(--bu-appbar-h) + 56px + env(safe-area-inset-bottom, 0px)) !important;
    left: 10px !important;
    right: 10px !important;
    width: auto !important;
    z-index: var(--bu-z-toast) !important;
  }
  body.bu-board-page .bu-live-pop {
    bottom: calc(var(--bu-appbar-h) + 12px + env(safe-area-inset-bottom, 0px)) !important;
    z-index: var(--bu-z-toast);
  }

  .bu-notes {
    z-index: var(--bu-z-notes) !important;
  }
  #bu-post.bu-chat,
  #bu-post.is-open {
    z-index: var(--bu-z-post) !important;
  }

  /* Kartice oglasa � ?itljivije, ve?i hit */
  body.bu-board-page .bu-feed .bu-item,
  body.bu-board-page .bu-feed .bu-row,
  body.bu-board-page .bu-feed .bu-card {
    min-height: 64px;
    -webkit-tap-highlight-color: transparent;
  }
  body.bu-board-page .bu-feed .bu-item:active,
  body.bu-board-page .bu-feed .bu-row:active {
    transform: scale(0.985);
  }

  /* Map fleet */
  body.bu-board-page .bu-map-fleet-btn {
    bottom: calc(var(--bu-appbar-h) + 16px + env(safe-area-inset-bottom, 0px)) !important;
    left: 10px;
    min-height: 40px;
    z-index: calc(var(--bu-z-fab) - 1);
  }

  /* Chat drawer full-bleed phone */
  body.bu-board-page .bu-chat-drawer-wrap,
  .bu-chat-drawer-wrap {
    z-index: var(--bu-z-sheet);
  }
}

@media (max-width: 720px) {
  .bu-truck-dest-top {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }
  .bu-dest-any-btn {
    width: 100%;
    min-height: 44px;
    font-size: 13px;
  }
  .bu-truck-free-quick {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
  }
  .bu-truck-free-quick button {
    min-height: 42px;
    font-size: 12px;
  }
  .bu-dest-check-grid {
    grid-template-columns: 1fr 1fr;
    max-height: min(28dvh, 200px);
    gap: 6px;
  }
  .bu-dest-check {
    min-height: 44px;
    font-size: 12px;
  }
  .bu-truck-cc-search input,
  #f-dcc-search {
    min-height: 44px;
    font-size: 16px; /* no iOS zoom */
  }
  body.bu-board-page .bu-geo,
  body.bu-board-page input.bu-geo,
  body.bu-board-page .bu-lane input[type="text"],
  body.bu-board-page .bu-lane input[type="search"],
  body.bu-board-page .bu-lane input[type="number"] {
    min-height: 44px;
    font-size: 16px;
  }
  body.bu-board-page .bu-date-field,
  body.bu-board-page .bu-date-btn {
    min-height: 44px;
  }
  body.bu-board-page .bu-lane-head span,
  body.bu-board-page .bu-range span,
  body.bu-board-page .bu-date-field span {
    font-size: 11px !important;
  }
  #f-toggle.bu-filter-bar {
    min-height: 48px;
    padding: 10px 12px;
  }
  #f-toggle .bu-filter-bar-hint,
  #f-toggle #bu-filter-bar-hint {
    font-size: 11px;
  }
  .landing-nav-mobile .landing-nav-link {
    flex: 0 0 auto;
  }

  /* Lista page denser */
  body.bu-lista-chrome .bu-lista-wrap,
  .bu-lista-main .bu-lista-wrap {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 480px) {
  :root {
    --bu-appbar-h: 56px;
  }
  body.bu-board-page .bu-board-header-inner {
    min-height: 44px !important;
    padding: 4px 6px !important;
  }
  body.bu-board-page .bu-board-nav-tab {
    min-height: 34px;
    padding: 0 8px;
    font-size: 12px;
  }
  body.bu-board-page .bu-switch {
    padding: 4px;
    gap: 4px;
  }
  body.bu-board-page .bu-switch button {
    min-height: 40px;
    font-size: 12px;
  }
  body.bu-board-page .bu-filter-fold.open,
  body.bu-board-page #bu-filter-fold.open {
    max-height: min(48dvh, 360px) !important;
  }
  .bu-dest-check-grid {
    max-height: min(24dvh, 160px);
  }
  body.bu-board-page .bu-mobile-fab-chat,
  body.bu-board-page .bu-mobile-fab-ai {
    width: 46px;
    height: 46px;
  }
  body.bu-board-page .bu-appbar-a,
  body.bu-board-page .bu-appbar-t {
    font-size: 11px;
  }
  body.bu-board-page .bu-appbar-pub {
    font-size: 12px;
    padding: 0 10px;
  }
  /* Landing hero phone */
  .landing-hero {
    min-height: auto;
  }
  .landing-hero-lead {
    font-size: 14px;
  }
  .landing-feature-grid {
    display: none;
  }
}

/* 7.7.0 board fill � kill bottom white gap */
body.bu-board-page .bu-board-shell-wrap {
  min-height: 100dvh;
  display: flex;
  background: #f1f5f9 !important;
}
body.bu-board-page .bu-board-main-col > .bu-foot,
body.bu-board-page .bu-board-shell-wrap ~ .bu-foot,
body.bu-board-page > .bu-foot {
  display: none !important;
}

#f-alert-btn.bu-alert-bar {
  display: flex !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
.bu-vip-status-bar,
.bu-pkg-banner,
#bu-pkg-banner {
  display: none !important;
}
body.bu-board-page .bu-header-generate {
  display: inline-flex !important;
  visibility: visible !important;
  order: 0 !important;
}