/* Berza Utovara 14.27 — one responsive layout contract.
   This file is intentionally last in the canonical manifest. It owns only
   phone geometry, overlays and interaction surfaces. */
/* Document owns vertical scrolling. Account and list views must never trap the
   wheel/touch gesture inside an invisible inner frame. */
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-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){height:auto!important;min-height:0!important;max-height:none!important;overflow-y:visible!important}
html body.bu-notes-open::before{z-index:110000!important;background:rgba(4,24,39,.2)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body #bu-notes.bu-notes,
html body.bu-workspace #bu-notes.bu-notes,
html body.bu-nalog-page #bu-notes.bu-notes,
html body.bu-public-unified #bu-notes.bu-notes{z-index:110010!important}

@media (max-width:1023px){
  :root{--bu-phone-rail:38px;--bu-phone-head:74px;--bu-phone-top:112px;--bu-phone-dock:72px}
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  body{overscroll-behavior-x:none!important}
  body *{min-width:0}
  img,svg,video,canvas{max-width:100%}

  /* One top rail + one compact header on every non-auth surface. */
  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;
    width:100%!important;height:var(--bu-phone-rail)!important;min-height:var(--bu-phone-rail)!important;
    overflow:hidden!important
  }
  html body:is(.bu-workspace,.bu-public-unified,.bu-nalog-page) .bu-domain-rail-track{
    height:var(--bu-phone-rail)!important;padding:4px 7px!important;overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;scrollbar-width:none!important;touch-action:pan-x!important
  }
  html body:is(.bu-workspace,.bu-public-unified,.bu-nalog-page) .bu-domain-rail-track::-webkit-scrollbar{display:none!important}
  html body.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;z-index:85000!important;
    width:100%!important;height:var(--bu-phone-head)!important;min-height:var(--bu-phone-head)!important;max-height:var(--bu-phone-head)!important;
    overflow:visible!important;background:#fff!important
  }
  html body.bu-shell-unified:is(.bu-workspace,.bu-public-unified,.bu-nalog-page) .bu-global-chrome-market>.bu-board-header{
    display:block!important;width:100%!important;height:var(--bu-phone-head)!important;min-height:var(--bu-phone-head)!important;
    border:0!important;background:linear-gradient(112deg,#f8fcff,#eff9fc)!important;box-shadow:0 7px 22px rgba(5,46,70,.12)!important
  }
  html body.bu-shell-unified.bu-workspace.bu-board-page .bu-global-chrome.bu-global-chrome-market,
  html body.bu-shell-unified.bu-public-unified.bu-landing-page .bu-global-chrome.bu-global-chrome-market,
  html body.bu-shell-unified.bu-nalog-page.bu-board-page .bu-global-chrome.bu-global-chrome-market{
    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.bu-workspace.bu-board-page .bu-global-chrome-market>.bu-board-header,
  html body.bu-shell-unified.bu-public-unified.bu-landing-page .bu-global-chrome-market>.bu-board-header,
  html body.bu-shell-unified.bu-nalog-page.bu-board-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{
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;
    width:100%!important;height:100%!important;min-height:0!important;padding:7px 11px!important;box-sizing:border-box!important
  }
  html body:is(.bu-workspace,.bu-public-unified,.bu-nalog-page) .bu-board-brand{
    display:flex!important;flex:1 1 auto!important;align-items:center!important;gap:9px!important;min-width:0!important;
    color:#073e69!important;text-decoration:none!important
  }
  html body:is(.bu-workspace,.bu-public-unified,.bu-nalog-page) .bu-board-brand .bu-brand-file{
    display:block!important;flex:0 0 52px!important;width:52px!important;height:52px!important
  }
  html body:is(.bu-workspace,.bu-public-unified,.bu-nalog-page) .bu-board-brand img{
    display:block!important;width:52px!important;height:52px!important;max-width:52px!important;object-fit:contain!important
  }
  html body:is(.bu-workspace,.bu-public-unified,.bu-nalog-page) :is(.bu-board-brand-system,.bu-board-brand-lab,.bu-board-header-context){display:none!important}
  html body:is(.bu-workspace,.bu-public-unified,.bu-nalog-page) .bu-mobile-brand-copy{
    display:flex!important;flex-direction:column!important;min-width:0!important;gap:2px!important
  }
  html body:is(.bu-workspace,.bu-public-unified,.bu-nalog-page) .bu-mobile-brand-copy strong{
    overflow:hidden!important;color:#073d6e!important;font-size:23px!important;font-weight:850!important;line-height:1.05!important;text-overflow:ellipsis!important;white-space:nowrap!important
  }
  html body:is(.bu-workspace,.bu-public-unified,.bu-nalog-page) .bu-mobile-brand-copy small{
    overflow:hidden!important;color:#547185!important;font-size:9px!important;font-weight:650!important;text-overflow:ellipsis!important;white-space:nowrap!important
  }
  html body:is(.bu-workspace,.bu-public-unified,.bu-nalog-page) .bu-board-header-right{
    display:flex!important;flex:0 0 auto!important;align-items:center!important;gap:6px!important
  }
  html body:is(.bu-workspace,.bu-public-unified,.bu-nalog-page) .bu-board-header-right>:is(.ut-header-search,.bu-header-sound,.bu-board-login,.bu-board-register){display:none!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){
    display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 42px!important;
    width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important;
    margin:0!important;padding:5px!important;border-radius:13px!important
  }
  html body:is(.bu-workspace,.bu-public-unified,.bu-nalog-page) .bu-board-userchip :is(.bu-target-user-copy,i){display:none!important}
  html body:is(.bu-workspace,.bu-public-unified,.bu-nalog-page) .bu-market-nav-global{display:none!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
  }

  /* The account dock replaces the old swipe tab bar. */
  html body.bu-nalog-page .bu-nalog-tabs-mobile{display:none!important}
  html body.bu-nalog-page .bu-settings-nav{
    position:relative!important;top:auto!important;display:flex!important;gap:7px!important;width:100%!important;
    margin:0!important;padding:8px!important;overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;scrollbar-width:none!important;background:#edf7fa!important
  }
  html body.bu-nalog-page .bu-settings-nav::-webkit-scrollbar{display:none!important}
  html body.bu-nalog-page .bu-settings-nav-a{
    display:flex!important;flex:0 0 min(43vw,170px)!important;flex-direction:column!important;justify-content:center!important;
    min-height:54px!important;padding:9px 12px!important;scroll-snap-align:start!important;border:1px solid #cadde6!important;
    border-radius:14px!important;background:#fff!important
  }
  html body.bu-nalog-page .bu-settings-nav-a span{display:block!important;overflow:hidden!important;font-size:9px!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  html body.bu-nalog-page .bu-nalog-flow{width:100%!important;margin:0!important;padding:10px 8px 112px!important}
  html body.bu-nalog-page .bu-dash-main{width:100%!important;margin:0!important;padding-inline:0!important}
  html body.bu-nalog-page :is(.bu-account-head,.bu-compose-head,.bu-account-page-head){margin-inline:0!important;border-radius:17px!important}
  html body.bu-nalog-page .bu-account-dock{
    right:8px!important;bottom:calc(7px + env(safe-area-inset-bottom,0px))!important;left:8px!important;
    width:auto!important;height:64px!important;min-height:64px!important;max-height:64px!important;padding:6px!important
  }
  html body.bu-nalog-page .bu-account-dock>.bu-account-dock-publish{transform:none!important}

  /* Verification is a compact status, never a content-blocking billboard. */
  html body .bu-otp-bar{
    right:10px!important;bottom:calc(78px + env(safe-area-inset-bottom,0px))!important;left:10px!important;
    display:grid!important;grid-template-columns:30px minmax(0,1fr) auto!important;gap:7px!important;
    width:auto!important;min-height:48px!important;padding:6px 7px!important;border-radius:15px!important
  }
  html body .bu-otp-bar-icon{width:30px!important;height:30px!important;border-radius:9px!important;font-size:16px!important}
  html body .bu-otp-bar-copy strong{font-size:10px!important;line-height:1.1!important}
  html body .bu-otp-bar-copy small{font-size:8px!important}
  html body .bu-otp-bar .bu-btn{width:auto!important;min-width:76px!important;height:34px!important;min-height:34px!important;padding:0 8px!important;font-size:9px!important;border-radius:10px!important}
  html body:is(.bu-notes-open,.bu-ai-open,.bu-agent-open,.bu-chat-sheet-open,.bu-keyboard-open,.bu-mshell-open,.bu-mobile-nav-open,.bu-menu-open) .bu-otp-bar{display:none!important}

  /* All modal layers use the visual viewport and sit above both headers. */
  html body.bu-workspace.bu-ai-open .ut-right-rail{
    position:fixed!important;z-index:110050!important;top:var(--bu-vv-top,0px)!important;right:0!important;bottom:auto!important;left:0!important;
    width:100%!important;min-width:0!important;max-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;border-radius:0!important;overflow:hidden!important
  }
  html body.bu-workspace.bu-ai-open #bu-dispo{
    display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;overflow:hidden!important
  }
  html body.bu-workspace.bu-ai-open #bu-dispo .bu-dispo-head{flex:0 0 auto!important}
  html body.bu-workspace.bu-ai-open #bu-dispo .bu-dispo-chips{flex:0 0 auto!important;max-height:48px!important;overflow-x:auto!important;overflow-y:hidden!important}
  html body.bu-workspace.bu-ai-open #bu-dispo .bu-dispo-log{flex:1 1 0!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important}
  html body.bu-workspace.bu-ai-open #bu-dispo .bu-dispo-form{flex:0 0 auto!important}
  html body.bu-workspace.bu-ai-open #bu-dispo .bu-dispo-trust{display:none!important}
  html body.bu-keyboard-open .bu-dispo-starters{display:none!important}
  html body.bu-keyboard-open #bu-dispo .bu-dispo-head{padding-block:8px!important}
  html body.bu-keyboard-open #bu-dispo .bu-dispo-chips{display:none!important}

  html body.bu-workspace.bu-notes-open #bu-notes.bu-notes,
  html body.bu-nalog-page.bu-notes-open #bu-notes.bu-notes,
  html body.bu-public-unified.bu-notes-open #bu-notes.bu-notes{z-index:110010!important}
  html body.bu-notes-open :is(#bu-fab-ai,.bu-mobile-ai-banner,.bu-board-ai-fab,#bu-mobile-shell-v2,.bu-account-dock,.bu-mobchrome){display:none!important}

  html body #bu-notes.bu-notes,
  html body.bu-workspace #bu-notes.bu-notes,
  html body.bu-nalog-page #bu-notes.bu-notes,
  html body.bu-public-unified #bu-notes.bu-notes{
    position:fixed!important;z-index:110010!important;inset:auto 7px calc(7px + env(safe-area-inset-bottom,0px))!important;
    width:auto!important;max-width:none!important;max-height:min(78dvh,620px)!important;margin:0!important;border-radius:20px!important;overflow:hidden!important
  }
  html body #bu-notes.bu-notes>header{gap:6px!important;padding:10px!important}
  html body #bu-notes.bu-notes>header strong{font-size:16px!important}
  html body .bu-notes-head-actions{flex-wrap:nowrap!important;gap:4px!important}
  html body .bu-notes-head-actions .bu-btn{min-height:36px!important;padding:0 8px!important;font-size:9px!important;white-space:nowrap!important}
  html body .bu-notes-list{padding-bottom:12px!important;overscroll-behavior:contain!important}
  html body.bu-notes-open::before{z-index:110000!important;background:rgba(7,28,43,.2)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

  /* Public menu is one bounded sheet; the page and bottom dock do not compete. */
  html body.bu-public-unified .bu-public-mobile-menu:not([hidden]){position:fixed!important;z-index:110040!important;inset:var(--bu-phone-top) 0 0!important;height:auto!important;overflow:hidden!important}
  html body.bu-public-unified .bu-public-mobile-menu-panel{
    position:absolute!important;inset:0 0 0 auto!important;width:min(88vw,420px)!important;max-width:420px!important;
    padding:12px 12px calc(84px + env(safe-area-inset-bottom,0px))!important;overflow-y:auto!important;overscroll-behavior:contain!important
  }
  html body.bu-mshell-open .bu-mobchrome,html body.bu-mobile-nav-open .bu-mobchrome{display:none!important}

  /* One bottom dock per context. */
  html body.bu-workspace #bu-mobile-shell-v2>.bu-mobile-dock-v2,
  html body .bu-mobdock{
    bottom:calc(7px + env(safe-area-inset-bottom,0px))!important;height:64px!important;min-height:64px!important;max-height:64px!important;border-radius:20px!important
  }
  html body.bu-workspace #bu-mobile-shell-v2>.bu-mobile-dock-v2>.bu-mobile-publish-v2{transform:none!important}
  html body.bu-workspace .bu-mobchrome{display:none!important}
  html body.bu-nalog-page .bu-mobchrome{display:none!important}
  html body.bu-public-unified #bu-mobile-shell-v2{display:none!important}
  html body.bu-public-unified .bu-mobchrome{display:block!important}

  /* Forms and detail cards never create horizontal scrolling. */
  html body :is(.bu-post-layout-nalog,.bu-compose-steps,.bu-compose-step,.bu-post-map-card,.bu-post-maps-2,.bu-place-grid,.bu-compose-metrics,.bu-form-grid,.bu-item,.bu-mload-pro,.bu-truck-detail,.bu-detail-sheet){
    width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important
  }
  html body.bu-nalog-compose-page .bu-post-maps-2{grid-template-columns:1fr!important}
  html body.bu-nalog-compose-page .bu-post-map-card{position:relative!important;top:auto!important}

  /* Mobile filter sheet is a real dialog, never loose unstyled text. */
  html body.bu-workspace #bu-filter-fold.open{
    position:fixed!important;z-index:110030!important;inset:calc(var(--bu-phone-top) + 7px) 7px calc(var(--bu-phone-dock) + 14px)!important;
    display:flex!important;flex-direction:column!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;
    margin:0!important;padding:12px!important;overflow-x:hidden!important;overflow-y:auto!important;border:1px solid #b8d9e5!important;
    border-radius:20px!important;background:#f7fcfe!important;box-shadow:0 24px 70px rgba(4,32,49,.34)!important
  }
  html body.bu-workspace #bu-filter-scrim:not([hidden]){position:fixed!important;z-index:110020!important;inset:var(--bu-phone-top) 0 0!important;background:rgba(4,25,40,.3)!important;backdrop-filter:none!important}

  /* First screen communicates the product before decorative media. */
  html body.bu-landing-page .bu-hero-preview{min-height:auto!important;padding:0 0 22px!important}
  html body.bu-landing-page .bu-hero-preview .bu-neon-hero-inner{display:block!important;padding:18px 14px 14px!important}
  html body.bu-landing-page .bu-hero-preview .bu-neon-hero-copy{width:100%!important;max-width:680px!important;margin:0 auto!important;padding:18px 16px!important;border-radius:22px!important}
  html body.bu-landing-page .bu-hero-preview .bu-neon-brandline{margin:0 0 9px!important}
  html body.bu-landing-page .bu-hero-preview .bu-early-access{margin:0 0 12px!important}
  html body.bu-landing-page .bu-hero-preview .bu-neon-live-title{margin:8px 0 12px!important;font-size:clamp(38px,10.5vw,58px)!important;line-height:.96!important;letter-spacing:-.045em!important}
  html body.bu-landing-page .bu-hero-preview .bu-neon-live-title>span:first-child{white-space:normal!important}
  html body.bu-landing-page .bu-hero-preview .bu-neon-lead{font-size:15px!important;line-height:1.48!important}
  html body.bu-landing-page .bu-hero-preview .bu-neon-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:15px!important}
  html body.bu-landing-page .bu-hero-preview .bu-neon-hero-actions>a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;padding:10px!important}
  html body.bu-landing-page .bu-hero-preview .bu-neon-phones{display:none!important}
  html body.bu-landing-page .bu-hero-preview .bu-neon-quad{position:relative!important;right:auto!important;bottom:auto!important;left:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:auto!important;margin:4px 14px 0!important;transform:none!important}

  /* Current v143 home hero: readable offer and actions in the first viewport. */
  html body.bu-landing-page .bu-v143 .v143-hero{min-height:0!important;max-height:none!important;padding:10px 0 24px!important;overflow:hidden!important}
  html body.bu-landing-page .bu-v143 .v143-prize-ribbon{
    position:relative!important;z-index:10!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
    display:grid!important;gap:3px!important;width:auto!important;max-width:none!important;min-height:0!important;margin:0 14px 10px!important;padding:9px 11px!important;border-radius:15px!important
  }
  html body.bu-landing-page .bu-v143 .v143-prize-ribbon>span{font-size:8px!important}
  html body.bu-landing-page .bu-v143 .v143-prize-ribbon>strong{font-size:13px!important;line-height:1.25!important}
  html body.bu-landing-page .bu-v143 .v143-prize-ribbon>small{font-size:8px!important;line-height:1.3!important;white-space:normal!important}
  html body.bu-landing-page .bu-v143 .v143-hero-grid{display:block!important;width:auto!important;max-width:none!important;min-height:0!important;margin:0!important;padding:6px 14px 0!important}
  html body.bu-landing-page .bu-v143 .v143-hero-copy{width:100%!important;max-width:680px!important;margin:0!important;padding:14px!important;overflow:visible!important;border:1px solid rgba(124,226,235,.2)!important;border-radius:22px!important;background:rgba(2,31,47,.7)!important;backdrop-filter:blur(8px)!important}
  html body.bu-landing-page .bu-v143 .v143-hero-copy:before{content:none!important;display:none!important}
  html body.bu-landing-page .bu-v143 .v143-status{margin:0 0 12px!important;padding:7px 10px!important}
  html body.bu-landing-page .bu-v143 .v143-hero h1{width:100%!important;max-width:100%!important;margin:0 0 13px!important;font-size:clamp(37px,10vw,54px)!important;line-height:.98!important;white-space:normal!important}
  html body.bu-landing-page .bu-v143 .v143-hero-copy>p{max-width:600px!important;margin:0 0 15px!important;font-size:14px!important;line-height:1.48!important}
  html body.bu-landing-page .bu-v143 .v143-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;margin:0 0 12px!important}
  html body.bu-landing-page .bu-v143 .v143-actions .v143-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:46px!important;padding:9px!important}
  html body.bu-landing-page .bu-v143 .v143-hero-trust{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
  html body.bu-landing-page .bu-v143 .v143-hero-trust span{min-width:0!important;padding:7px!important;font-size:8px!important;line-height:1.25!important}
  html body.bu-landing-page .bu-v143 .v143-hero-trust i{flex:0 0 22px!important;width:22px!important;height:22px!important}
  html body.bu-landing-page .bu-v143 :is(.v143-hero-product,.v143-hero-dock){display:none!important}
}
@media(max-width:390px){
  html body:is(.bu-workspace,.bu-public-unified,.bu-nalog-page) .bu-mobile-brand-copy strong{font-size:20px!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{width:47px!important;height:47px!important;max-width:47px!important;flex-basis:47px!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:39px!important;width:39px!important;min-width:39px!important;max-width:39px!important;height:39px!important;min-height:39px!important;max-height:39px!important
  }
  html body .bu-notes-head-actions .bu-btn{padding-inline:6px!important;font-size:8px!important}
}