/* One dark bar with the small logo, in the same color as the app screens. */
:root{--app-bar:#121512;--app-bar-height:56px}
.topbar,body.is-app-mode .topbar{background:var(--app-bar)!important;border-bottom:1px solid rgba(199,166,87,.18)!important;box-shadow:none!important}
.topbar .brand,.app-shell-top .brand{display:block!important;flex:none;width:38px;height:38px;overflow:hidden;font-size:0!important;line-height:0!important;color:transparent!important;background:url(icons/vwork-symbol-install-v1.png) center/contain no-repeat}
.topbar .brand span,.app-shell-top .brand span{display:none}
.topbar nav a,.topbar .text-button,body.is-app-mode .topbar nav a,body.is-app-mode .topbar .text-button{color:#f0f0e9!important}
.topbar .pwa-install-quick{color:#e6c678!important;background:transparent!important;border-color:rgba(230,198,120,.6)!important}
body.is-app-mode .app-shell-top{background:var(--app-bar)!important;border-color:rgba(199,166,87,.18)!important}
body.is-app-mode .app-shell-top .shell-greeting,body.is-app-mode .app-back-button{color:#f0f0e9!important}
html:not([data-vwork-native-shell]) body.is-app-mode .app-shell-top .brand{display:none!important}
@media(max-width:700px){
 body.is-app-mode .topbar{height:calc(var(--app-bar-height) + env(safe-area-inset-top))!important;min-height:calc(var(--app-bar-height) + env(safe-area-inset-top))!important;flex-wrap:nowrap!important}
 body.is-app-mode .topbar nav{display:none!important}
 body.is-app-mode main{inset:calc(var(--app-bar-height) + env(safe-area-inset-top)) 0 calc(70px + env(safe-area-inset-bottom)) 0!important}
 body.is-app-mode .mobile-side-rail{top:calc(var(--app-bar-height) + env(safe-area-inset-top))!important}
 /* The row only appears when there is a way back to show. */
 html:not([data-vwork-native-shell]) body.is-app-mode .app-shell-top{display:none!important}
 html:not([data-vwork-native-shell]) body.is-app-mode .app-shell-top:has(.app-back-button:not(.is-hidden):not(:disabled)){display:flex!important;padding:8px 16px!important;border-bottom:0!important}
 body.is-app-mode .app-back-button{min-height:32px;font-size:13px!important}
 body.is-app-mode .app-back-button span{font-size:16px!important}
}