/* Berza Utovara 14.28.1 — final core responsive contract.
   Loaded last. One document scroller, one header and one dock per context. */

html body.bu-nalog-page,
html body.bu-lista-chrome{
  height:auto!important;
  min-height:100dvh!important;
  max-height:none!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
}
html body.bu-nalog-page :is(.bu-board-shell-wrap,.bu-board-main,.bu-board-main-col,.bu-nalog-flow,.bu-dash-main,.bu-cc,.bu-account-shell,.bu-account-main,.bu-account-panel,.bu-nalog-compose,.bu-post-layout-nalog),
html body.bu-lista-chrome :is(.bu-board-shell-wrap,.bu-board-main,.bu-board-main-col,.bu-lista-shell,.bu-lista-main,.bu-board-list,.bu-board-list-scroll){
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:visible!important;
}
@media (min-width:1024px){
  html body.bu-shell-unified.bu-nalog-page .bu-domain-rail{
    position:fixed!important;
    top:0!important;
    right:0!important;
    left:0!important;
    z-index:86000!important;
  }
  html body.bu-shell-unified.bu-nalog-page .bu-global-chrome.bu-global-chrome-market{
    position:fixed!important;
    top:30px!important;
    right:0!important;
    left:0!important;
    z-index:85000!important;
  }
  html body.bu-shell-unified.bu-nalog-page .bu-account-subnav{
    position:sticky!important;
    top:102px!important;
    z-index:84000!important;
    margin-top:102px!important;
  }
  html body.bu-shell-unified.bu-nalog-page :is(.bu-board-shell-wrap,.bu-board-main,.bu-board-main-col,.bu-nalog-flow,.bu-dash-main,.bu-cc,.bu-account-shell,.bu-account-main,.bu-account-panel,.bu-nalog-compose,.bu-post-layout-nalog){
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
}

@media (max-width:1023px){
  :root{
    --bu-phone-rail:30px;
    --bu-phone-head:58px;
    --bu-phone-top:88px;
    --bu-phone-dock:64px;
  }

  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  html body.bu-notes-open :is(#bu-mobile-shell-v2,.bu-mobile-dock-v2,#bu-fab-ai,.bu-mobile-ai-banner,.bu-board-ai-fab,.bu-account-dock,.bu-mobchrome){
    display:none!important;
  }
  html body:is(.bu-workspace,.bu-public-unified,.bu-nalog-page) .bu-domain-rail{
    position:fixed!important;
    inset:0 0 auto!important;
    z-index:86000!important;
    height:var(--bu-phone-rail)!important;
    min-height:var(--bu-phone-rail)!important;
    max-height:var(--bu-phone-rail)!important;
  }
  html body:is(.bu-workspace,.bu-public-unified,.bu-nalog-page) .bu-domain-rail-track{
    height:var(--bu-phone-rail)!important;
    padding:3px 6px!important;
  }
  html body:is(.bu-workspace,.bu-public-unified,.bu-nalog-page) .bu-domain-rail .bu-loy-chip,
  html body:is(.bu-workspace,.bu-public-unified,.bu-nalog-page) .bu-domain-rail-track>a:not(.bu-loy-chip),
  html body:is(.bu-workspace,.bu-public-unified,.bu-nalog-page) .bu-domain-rail .bu-domain-rail-lead{
    height:24px!important;
    min-height:24px!important;
  }

  html body.bu-shell-unified.bu-shell-unified:is(.bu-workspace,.bu-public-unified,.bu-nalog-page) .bu-global-chrome.bu-global-chrome-market{
    position:fixed!important;
    inset:var(--bu-phone-rail) 0 auto!important;
    top:var(--bu-phone-rail)!important;
    z-index:85000!important;
    height:var(--bu-phone-head)!important;
    min-height:var(--bu-phone-head)!important;
    max-height:var(--bu-phone-head)!important;
  }
  html body.bu-shell-unified:is(.bu-workspace,.bu-public-unified,.bu-nalog-page) .bu-global-chrome-market>.bu-board-header{
    height:var(--bu-phone-head)!important;
    min-height:var(--bu-phone-head)!important;
    max-height:var(--bu-phone-head)!important;
  }
  html body:is(.bu-workspace,.bu-public-unified,.bu-nalog-page) .bu-board-header-inner{
    height:var(--bu-phone-head)!important;
    min-height:0!important;
    padding:5px 9px!important;
    gap:6px!important;
    background:transparent!important;
  }
  html body:is(.bu-workspace,.bu-public-unified,.bu-nalog-page) .bu-board-brand{gap:7px!important}
  html body:is(.bu-workspace,.bu-public-unified,.bu-nalog-page) .bu-board-brand .bu-brand-file,
  html body:is(.bu-workspace,.bu-public-unified,.bu-nalog-page) .bu-board-brand img{
    flex:0 0 43px!important;
    width:43px!important;
    height:43px!important;
    max-width:43px!important;
  }
  html body:is(.bu-workspace,.bu-public-unified,.bu-nalog-page) .bu-mobile-brand-copy strong{
    font-size:19px!important;
    line-height:1!important;
  }
  html body:is(.bu-workspace,.bu-public-unified,.bu-nalog-page) .bu-mobile-brand-copy small{font-size:8px!important}
  html body:is(.bu-workspace,.bu-public-unified,.bu-nalog-page) .bu-board-header-right{gap:4px!important}
  html body:is(.bu-workspace,.bu-public-unified,.bu-nalog-page) .bu-board-header-right :is(.bu-public-menu-button,.bu-workspace-menu,.bu-lang-btn,.bu-bell-board,.bu-board-userchip){
    flex-basis:36px!important;
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    padding:4px!important;
    border-radius:11px!important;
  }
  html body:is(.bu-workspace,.bu-public-unified,.bu-nalog-page)>.bu-board-shell-wrap,
  html body:is(.bu-workspace,.bu-public-unified,.bu-nalog-page)>.landing-shell>.bu-board-shell-wrap,
  html body:is(.bu-workspace,.bu-public-unified,.bu-nalog-page) .bu-global-chrome+.bu-board-shell-wrap{
    margin-top:var(--bu-phone-top)!important;
  }

  /* Account has one navigation surface on phones: the bottom dock. */
  html body.bu-shell-unified.bu-nalog-page.bu-nalog-page :is(.bu-account-subnav,.bu-nalog-tabs-mobile){display:none!important}
  html body.bu-nalog-page .bu-nalog-flow{
    width:100%!important;
    margin:0!important;
    padding:8px 7px calc(82px + env(safe-area-inset-bottom,0px))!important;
  }
  html body.bu-nalog-page :is(.bu-account-page-head,.bu-account-head,.bu-compose-head){
    min-height:0!important;
    margin:0 0 8px!important;
    padding:11px 12px!important;
    border-radius:15px!important;
  }
  html body.bu-nalog-page .bu-account-page-head h1,
  html body.bu-nalog-page .bu-account-head h1{font-size:clamp(23px,7vw,31px)!important;line-height:1.05!important}
  html body.bu-nalog-page .bu-account-system-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  html body.bu-nalog-page .bu-account-system-grid>a{
    min-height:72px!important;
    padding:10px!important;
    border-radius:13px!important;
  }
  html body.bu-nalog-page .bu-account-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding:8px!important}
  html body.bu-nalog-page .bu-account-actions a{min-height:66px!important;padding:9px!important;border-radius:13px!important}
  html body.bu-nalog-page .bu-account-statgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  html body.bu-nalog-page :is(.bu-account-grid,.bu-finance-grid,.bu-settings-layout,.bu-message-layout){grid-template-columns:1fr!important}

  /* Messages: short horizontal conversation rail without an exposed scrollbar. */
  html body.bu-nalog-page .bu-message-layout{
    grid-template-rows:104px minmax(360px,1fr)!important;
    min-height:500px!important;
    height:auto!important;
    gap:8px!important;
    overflow:visible!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }
  html body.bu-nalog-page .bu-message-layout>aside{
    display:flex!important;
    gap:6px!important;
    min-height:104px!important;
    height:104px!important;
    padding:7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    border-radius:15px!important;
    scrollbar-width:none!important;
  }
  html body.bu-nalog-page .bu-message-layout>aside::-webkit-scrollbar{display:none!important}
  html body.bu-nalog-page .bu-message-layout>aside label{
    flex:0 0 118px!important;
    height:88px!important;
    padding:0 9px!important;
  }
  html body.bu-nalog-page .bu-message-layout>aside button{
    flex:0 0 132px!important;
    width:132px!important;
    height:88px!important;
    margin:0!important;
    padding:8px!important;
  }
  html body.bu-nalog-page .bu-message-layout>.bu-account-card{min-height:360px!important;border-radius:15px!important}

  /* Settings navigation is a compact row and never becomes a second page header. */
  html body.bu-nalog-page .bu-settings-layout>nav,
  html body.bu-nalog-page .bu-settings-nav{
    display:flex!important;
    flex-direction:row!important;
    gap:5px!important;
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    padding:5px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    border-radius:14px!important;
    scrollbar-width:none!important;
  }
  html body.bu-nalog-page .bu-settings-layout>nav::-webkit-scrollbar,
  html body.bu-nalog-page .bu-settings-nav::-webkit-scrollbar{display:none!important}
  html body.bu-nalog-page .bu-settings-layout>nav a,
  html body.bu-nalog-page .bu-settings-nav-a{
    flex:0 0 auto!important;
    min-height:38px!important;
    height:38px!important;
    padding:0 11px!important;
    border-radius:10px!important;
    white-space:nowrap!important;
  }
  html body.bu-nalog-page .bu-settings-grid{grid-template-columns:1fr!important;padding:10px!important;gap:9px!important}

  /* Same geometry and hierarchy for board and account docks. */
  html body.bu-nalog-page .bu-account-dock,
  html body.bu-workspace #bu-mobile-shell-v2>.bu-mobile-dock-v2{
    position:fixed!important;
    right:6px!important;
    bottom:calc(6px + env(safe-area-inset-bottom,0px))!important;
    left:6px!important;
    z-index:90000!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:3px!important;
    width:auto!important;
    height:62px!important;
    min-height:62px!important;
    max-height:62px!important;
    padding:5px!important;
    overflow:hidden!important;
    border:1px solid rgba(176,211,224,.9)!important;
    border-radius:18px!important;
    background:rgba(248,253,255,.97)!important;
    box-shadow:0 -8px 26px rgba(5,43,65,.15)!important;
    backdrop-filter:blur(18px)!important;
  }
  html body.bu-nalog-page .bu-account-dock>a,
  html body.bu-workspace #bu-mobile-shell-v2>.bu-mobile-dock-v2>*{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:1px!important;
    min-width:0!important;
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    margin:0!important;
    padding:3px!important;
    transform:none!important;
    border:0!important;
    border-radius:12px!important;
    background:transparent!important;
    color:#496a7d!important;
    box-shadow:none!important;
  }
  html body.bu-nalog-page .bu-account-dock>.bu-account-dock-publish,
  html body.bu-workspace #bu-mobile-shell-v2>.bu-mobile-dock-v2>.bu-mobile-publish-v2{
    transform:none!important;
    background:linear-gradient(145deg,#10bca6,#1689e7)!important;
    color:#fff!important;
  }
  html body.bu-nalog-page .bu-account-dock>.bu-account-dock-publish>.bu-neon-ico,
  html body.bu-workspace #bu-mobile-shell-v2>.bu-mobile-dock-v2>.bu-mobile-publish-v2>span{
    width:25px!important;
    min-width:25px!important;
    height:25px!important;
    min-height:25px!important;
    padding:0!important;
    border:0!important;
    border-radius:8px!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body.bu-nalog-page .bu-account-dock small,
  html body.bu-workspace #bu-mobile-shell-v2>.bu-mobile-dock-v2 small{
    margin:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    color:inherit!important;
    font-size:8px!important;
    font-weight:850!important;
    line-height:1!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  /* Verification state belongs in account content; a fixed banner blocks work. */
  html body .bu-otp-bar{display:none!important}

  /* Selected listings own the viewport and keep their close action reachable. */
  html body.bu-mobile-detail-open{overflow:hidden!important}
  html body.bu-mobile-detail-open :is(.bu-domain-rail,.bu-global-chrome-market,#bu-mobile-shell-v2,.bu-account-dock,#bu-fab-ai,.bu-mobile-ai-banner,.bu-board-ai-fab,.bu-fleet-strip,.bu-otp-bar){visibility:hidden!important;pointer-events:none!important}
  html body.bu-board-page.bu-mobile-detail-open #bu-mobile-detail-backdrop{
    position:fixed!important;z-index:119990!important;inset:0!important;display:block!important;background:rgba(4,24,38,.42)!important;backdrop-filter:none!important
  }
  html body.bu-board-page.bu-mobile-detail-open #bu-mobile-detail-sheet{
    position:fixed!important;z-index:120000!important;inset:0!important;display:flex!important;flex-direction:column!important;
    width:100%!important;height:var(--bu-vv-height,100dvh)!important;min-height:0!important;max-height:var(--bu-vv-height,100dvh)!important;
    margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:#f6fbfd!important
  }
  html body.bu-board-page.bu-mobile-detail-open #bu-mobile-detail-sheet>.bu-mdetail-head{
    position:relative!important;z-index:5!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px 36px!important;align-items:center!important;
    flex:0 0 56px!important;min-height:56px!important;padding:7px 8px!important;background:#fff!important;border-bottom:1px solid #cbdfe7!important;box-shadow:0 7px 20px rgba(5,45,64,.1)!important
  }
  html body.bu-board-page.bu-mobile-detail-open #bu-mobile-detail-close{
    position:relative!important;z-index:8!important;display:grid!important;place-items:center!important;width:42px!important;height:42px!important;margin:0!important;border:1px solid #bcd4de!important;border-radius:12px!important;background:#fff!important;color:#123f58!important;font-size:22px!important
  }
  html body.bu-board-page.bu-mobile-detail-open #bu-mobile-detail-sheet>.bu-mdetail-mapwrap{flex:0 0 min(31dvh,250px)!important;min-height:150px!important}
  html body.bu-board-page.bu-mobile-detail-open #bu-mobile-detail-body{flex:1 1 0!important;min-height:0!important;padding:10px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important}
  html body.bu-board-page.bu-mobile-detail-open #bu-mobile-detail-foot{
    position:relative!important;z-index:5!important;flex:0 0 auto!important;max-height:34dvh!important;padding:8px 9px calc(8px + env(safe-area-inset-bottom,0px))!important;
    overflow-y:auto!important;background:rgba(255,255,255,.98)!important;border-top:1px solid #cbdfe7!important;box-shadow:0 -7px 20px rgba(5,45,64,.1)!important
  }

  /* Filters are an independent full-screen workspace on phones. */
  html body.bu-filters-open{overflow:hidden!important}
  html body.bu-filters-open :is(.bu-domain-rail,.bu-global-chrome-market,#bu-mobile-shell-v2,.bu-account-dock,#bu-fab-ai,.bu-mobile-ai-banner,.bu-board-ai-fab,.bu-fleet-strip,.bu-otp-bar){display:none!important}
  html body.bu-shell-unified.bu-workspace.bu-board-page.bu-filters-open .bu-domain-rail,
  html body.bu-shell-unified.bu-workspace.bu-board-page.bu-filters-open .bu-global-chrome.bu-global-chrome-market,
  html body.bu-shell-unified.bu-workspace.bu-board-page.bu-filters-open #bu-mobile-shell-v2,
  html body.bu-shell-unified.bu-workspace.bu-board-page.bu-filters-open #bu-fab-ai{display:none!important}
  html body.bu-workspace.bu-filters-open #bu-filter-scrim:not([hidden]){display:none!important}
  html body.bu-workspace.bu-filters-open #bu-filter-fold.open{
    position:fixed!important;
    z-index:120000!important;
    inset:0!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:100dvh!important;
    min-height:0!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:0 10px 10px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    border:0!important;
    border-radius:0!important;
    background:#f4fafc!important;
    box-shadow:none!important;
    overscroll-behavior:contain!important;
  }
  html body.bu-workspace.bu-filters-open #bu-filter-fold .bu-filter-sheet-head{
    position:sticky!important;
    top:0!important;
    z-index:8!important;
    min-height:54px!important;
    margin:0 -10px 8px!important;
    padding:8px 11px!important;
    background:rgba(247,252,254,.98)!important;
    border-bottom:1px solid #c9dde6!important;
    backdrop-filter:blur(14px)!important;
  }
  html body.bu-workspace.bu-filters-open #bu-filter-fold #bu-search-row{
    position:sticky!important;
    z-index:9!important;
    bottom:0!important;
    margin:10px -2px -2px!important;
    padding:8px!important;
    border:1px solid #bdd7e2!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 -7px 22px rgba(6,47,67,.1)!important;
  }

  /* AI composer follows the visual viewport. Focus removes nonessential chrome. */
  html body.bu-workspace.bu-ai-open .ut-right-rail{
    height:100dvh!important;
    max-height:100dvh!important;
  }
  html body.bu-workspace.bu-ai-open .ut-right-rail:has(#bu-dispo-input:focus) #bu-dispo .bu-dispo-chips,
  html body.bu-workspace.bu-ai-open .ut-right-rail:has(#bu-dispo-input:focus) #bu-dispo .bu-dispo-starters,
  html body.bu-workspace.bu-ai-open .ut-right-rail:has(#bu-dispo-input:focus)>.ut-ai-actions{
    display:none!important;
  }
  html body.bu-shell-unified.bu-workspace.bu-board-page.bu-ai-open .ut-right-rail:has(#bu-dispo-input:focus) #bu-dispo .bu-dispo-chips,
  html body.bu-shell-unified.bu-workspace.bu-board-page.bu-ai-open .ut-right-rail:has(#bu-dispo-input:focus) #bu-dispo .bu-dispo-starters,
  html body.bu-shell-unified.bu-workspace.bu-board-page.bu-ai-open .ut-right-rail:has(#bu-dispo-input:focus)>.ut-ai-actions{display:none!important}
  html body.bu-workspace.bu-ai-open .ut-right-rail:has(#bu-dispo-input:focus) #bu-dispo .bu-dispo-head{
    min-height:52px!important;
    padding:7px 9px!important;
  }
  html body.bu-workspace.bu-ai-open #bu-dispo .bu-dispo-form{
    position:relative!important;
    z-index:5!important;
    margin:0!important;
    padding:7px!important;
    background:#fff!important;
    box-shadow:0 -7px 22px rgba(5,44,63,.09)!important;
  }
  html body.bu-workspace.bu-ai-open #bu-dispo-input{
    min-height:48px!important;
    max-height:120px!important;
    resize:none!important;
  }
}

/* Production cargo detail uses #bu-detail / .bu-detail-open. Keep it above every
   header, notification and dock layer and give its own scrollable viewport. */
@media (max-width:1023px){
  html body.bu-detail-open{overflow:hidden!important}
  html body.bu-detail-open #bu-detail-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:119990!important;
  }
  html body.bu-shell-unified.bu-workspace.bu-board-page.bu-detail-open #bu-detail.bu-detail-modal{
    position:fixed!important;
    inset:0!important;
    display:block!important;
    place-items:stretch!important;
    align-items:stretch!important;
    width:100%!important;
    height:100dvh!important;
    max-height:100dvh!important;
    padding:0!important;
    overflow:hidden!important;
    z-index:120000!important;
  }
  html body.bu-detail-open #bu-detail .bu-detail-stage,
  html body.bu-detail-open #bu-detail .bu-detail-modal-sheet{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    border-radius:0!important;
  }
  html body.bu-detail-open #bu-detail .bu-detail-modal-sheet{
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  html body.bu-detail-open #bu-detail .bu-detail-modal-head{
    position:relative!important;
    inset:auto!important;
    flex:0 0 auto!important;
    min-height:72px!important;
    padding-top:max(10px,env(safe-area-inset-top))!important;
    z-index:4!important;
  }
  html body.bu-detail-open #bu-detail .bu-detail-modal-body{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    padding-bottom:calc(18px + env(safe-area-inset-bottom))!important;
  }
}

@media (max-width:1023px) and (max-height:620px){
  html body.bu-workspace.bu-ai-open #bu-dispo :is(.bu-dispo-chips,.bu-dispo-starters),
  html body.bu-workspace.bu-ai-open .ut-right-rail>.ut-ai-actions{display:none!important}
  html body.bu-shell-unified.bu-workspace.bu-board-page.bu-ai-open #bu-dispo .bu-dispo-chips,
  html body.bu-shell-unified.bu-workspace.bu-board-page.bu-ai-open #bu-dispo .bu-dispo-starters,
  html body.bu-shell-unified.bu-workspace.bu-board-page.bu-ai-open .ut-right-rail>.ut-ai-actions{display:none!important}
  html body.bu-workspace.bu-ai-open #bu-dispo .bu-dispo-head{min-height:50px!important;padding:6px 8px!important}
  html body.bu-shell-unified.bu-workspace.bu-board-page.bu-ai-open #bu-dispo .bu-dispo-head{min-height:50px!important;height:50px!important;padding:6px 8px!important}
}

@media (max-width:370px){
  html body:is(.bu-workspace,.bu-public-unified,.bu-nalog-page) .bu-mobile-brand-copy strong{font-size:17px!important}
  html body:is(.bu-workspace,.bu-public-unified,.bu-nalog-page) .bu-board-header-right :is(.bu-lang-btn,.bu-bell-board,.bu-board-userchip){
    flex-basis:34px!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;max-height:34px!important
  }
}

@media (max-width:1023px){
  html body.bu-shell-unified.bu-shell-unified.bu-workspace.bu-board-page .bu-global-chrome.bu-global-chrome-market,
  html body.bu-shell-unified.bu-shell-unified.bu-public-unified.bu-landing-page .bu-global-chrome.bu-global-chrome-market,
  html body.bu-shell-unified.bu-shell-unified.bu-nalog-page.bu-nalog-page.bu-board-page .bu-global-chrome.bu-global-chrome-market{
    top:30px!important;
    transform:translateY(-8px)!important;
    transition:none!important;
  }
}