html[data-app-host=vk]:not([data-vk-frame=true]){height:100%;overflow:hidden}
html[data-app-host=vk]:not([data-vk-frame=true]) body{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}
html[data-app-host=vk]:not([data-vk-frame=true]) main{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;padding-block:0}
html[data-app-host=vk]:not([data-vk-frame=true]) :is(.app-footer,.app-back-to-top){display:none}
.vk-app-view{flex:1;min-height:0;overflow:hidden}
.vk-app-view iframe{display:block;width:100%;height:100%;border:0;background:var(--ink);color-scheme:dark}
html[data-app-host=vk]:not([data-vk-frame=true]) .vk-access{flex-shrink:0;margin:0 0 12px;font-size:13px}
.vk-back{flex-shrink:0;min-width:44px;min-height:44px;padding:4px 12px;background:var(--surface);color:var(--gold);border:1px solid var(--gold)}
.vk-back:hover{background:var(--raised);color:var(--gold-hover)}
.vk-back:active{background:var(--gold);color:var(--ink)}
.vk-back:disabled{background:var(--surface);color:var(--muted);border-color:var(--line)}
html[data-vk-frame=true] body{padding:0;min-height:100dvh}
html[data-vk-frame=true] :is(.app-header,.app-footer,.app-nav){display:none}
html[data-vk-frame=true] main{width:100%;padding-block:12px}
html[data-vk-frame=true] .app-back-to-top{bottom:12px}
.vk-bank-action{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.vk-bank-action :is(h2,p){margin:0}
.vk-bank-action :is(a.button,button){min-height:44px;background:var(--gold);color:var(--ink);border:1px solid var(--gold);text-decoration:none}
.vk-bank-action :is(a.button,button):hover{background:var(--gold-hover);color:var(--ink)}
.vk-bank-action :is(a.button,button):active{background:#d5b454;color:var(--ink)}
.vk-bank-action button:disabled{background:var(--surface);color:var(--muted);border-color:var(--line)}