/* 7.9.48 — SAMO nalog prozori + 9 kolona utovara. Bez overlay-a koji lomi layout. */

/* ========== NALOG: dokument, ne 240px grid, ne clip ========== */
html body.bu-nalog-page,
html body.bu-nalog-page.bu-board-page {
  overflow: auto !important;
  height: auto !important;
  min-height: 100dvh !important;
  background: #e8eef5 !important;
}
html body.bu-nalog-page .bu-board-main-col {
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
}
html body.bu-nalog-page .bu-nalog-flow,
html body.bu-nalog-page .bu-page.bu-dash-page {
  display: block !important;
  grid-template-columns: none !important;
  grid-template-rows: none !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  background: #e8eef5 !important;
  padding: 0 !important;
  margin: 0 !important;
}
html body.bu-nalog-page .bu-dash-nav,
html body.bu-nalog-page .bu-dash-nav-legacy {
  display: none !important;
}
html body.bu-nalog-page .bu-dash-main {
  display: block !important;
  width: 100% !important;
  max-width: 1080px !important;
  margin: 0 auto !important;
  padding: 16px 20px 56px !important;
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
  color: #0f172a !important;
  background: transparent !important;
}
html body.bu-nalog-page .bu-dash-main,
html body.bu-nalog-page .bu-dash-main h1,
html body.bu-nalog-page .bu-dash-main h2,
html body.bu-nalog-page .bu-dash-main h3,
html body.bu-nalog-page .bu-dash-main p,
html body.bu-nalog-page .bu-dash-main label,
html body.bu-nalog-page .bu-dash-main span,
html body.bu-nalog-page .bu-dash-main small,
html body.bu-nalog-page .bu-dash-main strong,
html body.bu-nalog-page .bu-nalog-tab,
html body.bu-nalog-page .bu-settings-nav-a,
html body.bu-nalog-page .bu-nalog-sec-a {
  color: #0f172a;
}
html body.bu-nalog-page .bu-dash-main a:not(.bu-btn) {
  color: #0369a1;
}
html body.bu-nalog-page .bu-dash-main .bu-btn.blue,
html body.bu-nalog-page .bu-dash-main .bu-btn.dark,
html body.bu-nalog-page .bu-dash-main .bu-btn.green {
  color: #fff !important;
}

/* Header ostaje tamna traka — svijetli tekst SAMO unutra */
html body.bu-nalog-page .bu-board-header,
html body.bu-nalog-page .bu-board-header * {
  color: #f4fbff !important;
}

html body.bu-nalog-page [hidden],
html body.bu-nalog-page [data-prof-panel][hidden] {
  display: none !important;
}
html body.bu-nalog-page [data-prof-panel]:not([hidden]) {
  visibility: visible !important;
  opacity: 1 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 18px !important;
  border-radius: 0 !important;
}

html body.bu-nalog-page .bu-nalog-tabs,
html body.bu-nalog-page .bu-nalog-tabs-mobile {
  display: block !important;
  margin: 0 0 16px !important;
  padding: 0 0 10px !important;
  border-bottom: 1px solid #dbe3ee;
}
html body.bu-nalog-page .bu-nalog-tabs-scroll {
  display: flex !important;
  flex-wrap: wrap;
  gap: 6px;
  overflow: visible !important;
}
html body.bu-nalog-page .bu-nalog-tab {
  background: #fff !important;
  color: #334155 !important;
  border: 1px solid #dbe3ee;
  border-radius: 10px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 800;
}
html body.bu-nalog-page .bu-nalog-tab.is-on {
  background: #0f172a !important;
  color: #fff !important;
  border-color: #0f172a;
}

html body.bu-nalog-page .bu-dash-hero,
html body.bu-nalog-page .bu-account-panel,
html body.bu-nalog-page .bu-dash-panel,
html body.bu-nalog-page .bu-form-card,
html body.bu-nalog-page .bu-form-settings,
html body.bu-nalog-page .bu-nalog-win,
html body.bu-nalog-page .bu-stat-card {
  background: #fff !important;
  color: #0f172a !important;
  border: 1px solid #dbe3ee !important;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}

/* ========== TABLA UTOVARA: svih 9 kolona u širini liste, bez odsjeca ========== */
html body.bu-board-page.bu-board-cargo .bu-term-grid,
html body.bu-board-page .bu-board-cargo .bu-term-grid,
html body.bu-board-page.bu-board-cargo .bu-board-stage {
  grid-template-columns: minmax(180px, 0.82fr) minmax(0, 1.4fr) minmax(180px, 0.78fr) !important;
}

html body.bu-board-page.bu-board-cargo .bu-board-list,
html body.bu-board-page.bu-board-cargo .bu-board-list-scroll,
html body.bu-board-page.bu-board-cargo .bu-cols-head,
html body.bu-board-page.bu-board-cargo .bu-feed {
  overflow-x: hidden !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html body.bu-board-page.bu-board-cargo .bu-cols-head,
html body.bu-board-page .bu-board-cargo .bu-cols-head,
html body.bu-board-page.bu-board-cargo .bu-feed .bu-item.bu-row.compact.cargo,
html body.bu-board-page .bu-feed .bu-item.bu-row.compact.cargo,
html body.bu-board-page.bu-board-cargo .bu-feed .bu-item.compact.cargo,
html body.bu-board-page .bu-feed .bu-item.compact.cargo {
  display: grid !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  grid-template-columns:
    22px
    minmax(0, 1.18fr)
    minmax(0, 0.82fr)
    minmax(0, 1.18fr)
    minmax(0, 0.82fr)
    minmax(0, 0.74fr)
    minmax(0, 0.34fr)
    minmax(0, 0.4fr)
    minmax(0, 0.4fr) !important;
  column-gap: 0 !important;
}

html body.bu-board-page.bu-board-cargo .bu-cols-head > *,
html body.bu-board-page .bu-board-cargo .bu-cols-head > *,
html body.bu-board-page.bu-board-cargo .bu-feed .bu-item.compact.cargo > .bu-c {
  min-width: 0 !important;
  max-width: 100% !important;
}

html body.bu-board-page.bu-board-cargo .bu-cols-head span,
html body.bu-board-page .bu-board-cargo .bu-cols-head span {
  overflow: visible !important;
  text-overflow: unset !important;
  white-space: normal !important;
  word-break: break-word;
  line-height: 1.15 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  padding: 7px 5px !important;
  color: #334155 !important;
  hyphens: manual;
}

html body.bu-board-page.bu-board-cargo .bu-feed .bu-item.compact .bu-c {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  padding: 7px 5px !important;
  font-size: 12px;
}
html body.bu-board-page.bu-board-cargo .bu-feed .bu-city {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  min-width: 0;
  white-space: normal !important;
  overflow: hidden !important;
}
html body.bu-board-page.bu-board-cargo .bu-feed .bu-city b {
  font-size: 12px;
  line-height: 1.15;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html body.bu-board-page.bu-board-cargo .bu-feed .bu-city small {
  display: block;
  font-size: 10px;
  font-weight: 700;
  color: #64748b;
}
html body.bu-board-page.bu-board-cargo .bu-feed .bu-c-ldate,
html body.bu-board-page.bu-board-cargo .bu-feed .bu-c-udate,
html body.bu-board-page.bu-board-cargo .bu-feed .bu-c-w,
html body.bu-board-page.bu-board-cargo .bu-feed .bu-c-ldm,
html body.bu-board-page.bu-board-cargo .bu-feed .bu-c-price {
  white-space: nowrap !important;
  overflow: hidden !important;
  font-size: 11px !important;
  font-weight: 800;
}

@media (max-width: 899px) {
  html body.bu-nalog-page,
  html body.bu-nalog-page.bu-board-page {
    overflow: auto !important;
    height: auto !important;
  }
  html body.bu-nalog-page .bu-dash-main {
    padding: 12px 12px 88px !important;
  }
}