/* Requested site-wide corner mark. Empty flex space preserves existing header/nav flow. */
body > .header.wrap::before,.shell > aside::before{content:"";display:block;width:105px;height:40px;flex:0 0 105px}
body > .header.wrap > .brand,.shell > aside > .brand{position:absolute;left:6px;top:6px;margin:0}
body > .header.wrap > .brand:focus-visible,.shell > aside > .brand:focus-visible{outline-offset:2px}
@media(max-width:760px){body > .header.wrap::before{width:83px;height:32px;flex-basis:83px}}
@media(max-width:600px){.shell > aside::before{width:83px;height:32px;flex-basis:83px}}

/* Use the accepted workspace corner placement after chat starts as well. */
body.vi1-layout.vi1-chat-started .topbar{padding-left:6px}
body.vi1-layout.vi1-chat-started .topbar > .workspace-heading{position:relative;top:-16px;gap:6px}
body.vi1-layout .topbar .brand:focus-visible{outline-offset:2px}
@media(min-width:801px){
 body.vi1-layout.vi1-chat-started #vi1-sidebar-toggle{position:fixed;z-index:67;left:calc(var(--vi1-sidebar-width) - 38px);top:6px}
 body.vi1-layout.vi1-chat-started:not(.vi1-sidebar-open) .vi1-sidebar{padding-top:44px}
}
@media(max-width:800px){
 body.vi1-layout.vi1-sidebar-open.vi1-chat-started .topbar > .workspace-heading{padding-left:0;z-index:66}
 body.vi1-layout.vi1-sidebar-open.vi1-chat-started #vi1-sidebar-toggle{position:fixed;z-index:67;left:calc(min(276px,80vw) - 38px);top:6px}
}
@media(max-width:650px){body.vi1-layout.vi1-chat-started .topbar > .workspace-heading{top:-9px}}

/* Reuse the same flat map projection and opaque source mask for existing page birds. */
.vi1-map-birdmark{display:block;position:relative;isolation:isolate;overflow:visible;background:transparent}
.vi1-map-birdmark::before{content:"";position:absolute;width:172.50153497013932%;height:66.6276234392191%;left:-36.381636523000715%;top:37.18061227846516%;background:url('./assets/polar-world-map.svg') 0 0/100% 100% no-repeat;pointer-events:none;z-index:0}
.vi1-map-birdmark > img{display:block;position:relative;z-index:1;width:100%;height:100%;max-width:none;margin:0;object-fit:contain;mix-blend-mode:normal;-webkit-mask:url('./assets/bird-original-silhouette.svg') center/100% 100% no-repeat;mask:url('./assets/bird-original-silhouette.svg') center/100% 100% no-repeat}
.vi1-vault-birdmark{width:96px;height:96px;margin:0 auto 15px}

/* Owner request: one white sidebar corner row, using the existing mark and control.
   Its flow placeholder retains the header/hero height; mobile keeps it outside the inert drawer. */
body.vi1-layout{--vi1-corner-logo-width:105px;--vi1-corner-logo-height:40px}
body.vi1-layout .topbar::before{content:"";display:block;flex:0 0 var(--vi1-corner-logo-width);width:var(--vi1-corner-logo-width);height:var(--vi1-corner-logo-height)}
body.vi1-layout:not(.vi1-chat-started) .topbar>.workspace-heading,
body.vi1-layout.vi1-chat-started .topbar>.workspace-heading{position:fixed;left:6px;top:6px;width:max(calc(var(--vi1-corner-logo-width) + 44px),calc(var(--vi1-sidebar-width) - 12px));height:var(--vi1-corner-logo-height);min-width:0;gap:12px;justify-content:space-between;padding:0;background:#fff;z-index:67}
body.vi1-layout .topbar>.workspace-heading>.brand{order:-1}
body.vi1-layout .topbar>.workspace-heading #vi1-sidebar-toggle{position:static;inset:auto;z-index:auto;margin:0;flex:none}
body.vi1-layout.vi1-sidebar-open .vi1-sidebar-title{position:relative;top:18px}
@media(min-width:801px){
 body.vi1-layout:not(.vi1-sidebar-open):not(.vi1-chat-started) .vi1-sidebar,
 body.vi1-layout:not(.vi1-sidebar-open).vi1-chat-started .vi1-sidebar{padding-top:52px}
}
@media(max-width:800px){body.vi1-layout.vi1-sidebar-open .topbar>.workspace-heading{width:calc(min(276px,80vw) - 12px)}}
@media(max-width:760px){body.vi1-layout{--vi1-corner-logo-width:83px;--vi1-corner-logo-height:32px}}