/* The panel fits the visible viewport, including installed mode and keyboard. */
#vian #vian-panel{overflow:hidden;display:flex;flex-direction:column}
#vian #vian-panel[hidden]{display:none}
#vian .vian-header{position:sticky!important;top:0;z-index:2;flex:0 0 auto!important;min-height:64px!important;background:#fff!important}
#vian #vian-close{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;min-width:76px;min-height:44px;padding:6px 10px;font-size:15px!important;color:#25344a;background:#f3f5f9;border-radius:12px;white-space:nowrap}
#vian #vian-messages{flex:1 1 auto;min-height:48px;overflow:auto}
#vian #vian-form,#vian .vian-options,#vian .vian-disclosure{flex-shrink:0}
#vian .vian-options[open]{max-height:180px;overflow:auto}
#vian #vian-quota:empty{display:none}
#vian #vian-use-ai{width:auto;display:inline;margin-right:5px}
@media(max-width:700px){
 #vian #vian-panel{position:fixed;top:calc(var(--nm-negox-view-top,0px) + env(safe-area-inset-top,0px) + 8px);left:12px;right:12px;bottom:auto;width:auto;max-width:none;height:calc(var(--nm-negox-view-height,100dvh) - env(safe-area-inset-top,0px) - 108px);max-height:none;border-radius:18px}
 #vian .vian-header{padding:8px 12px!important}
 #vian .vian-header img{width:32px;height:32px}
 #vian .vian-header strong{font-size:18px}
 #vian .vian-header small{font-size:12px}
 #vian .vian-message{font-size:16px;line-height:1.5}
 #vian .vian-options{padding-bottom:8px}
}