/* Vilka vi är: header, tabs, sticky save bar, sender preview, register empty state. Tokens only. */
.vk-head{display:flex;gap:var(--s-3);align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.vk-refresh{display:flex;gap:var(--s-3);align-items:center;flex-wrap:wrap}
.vk-tabs{display:flex;gap:var(--s-1);margin:0 0 var(--s-4);box-shadow:inset 0 -1px 0 var(--edge2);overflow-x:auto}
.vk-tabs button{min-height:44px;padding:0 var(--s-4);border:0;border-bottom:2px solid transparent;background:none;color:var(--ink2);font:inherit;font-weight:500;cursor:pointer;white-space:nowrap}
.vk-tabs button:hover{color:var(--ink)}
.vk-tabs button[aria-selected=true]{color:var(--acc-ink);border-bottom-color:var(--acc)}
.vk-tabs button:focus-visible{outline:0;box-shadow:0 0 0 3px var(--acc-soft);border-radius:6px}
.vk-panel[hidden]{display:none}
.vk-prices{display:flex;flex-direction:column;gap:2px;margin:var(--s-2) 0}
.vk-prices a{color:var(--acc-ink);font-weight:500}
.vk-preview{margin:var(--s-4) 0;padding:var(--s-4);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh)}
.vk-preview h2{margin:0 0 var(--s-3);font-size:var(--fs-md);font-weight:600}
.vk-pv{padding:var(--s-3);border:1px dashed var(--line);border-radius:var(--r-lg)}
.vk-pv p{margin:0 0 2px}
.vk-preview>.hint{margin:var(--s-2) 0 0}
.vk-empty{padding:var(--s-4);text-align:left;display:flex;flex-direction:column;gap:var(--s-2);align-items:flex-start}
.vk-empty p{margin:0}
.vk-bar{position:sticky;bottom:var(--s-3);z-index:20;display:flex;gap:var(--s-3);align-items:center;flex-wrap:wrap;margin-top:var(--s-4);padding:var(--s-3) var(--s-4);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh);border:1px solid var(--acc)}
.vk-bar[hidden]{display:none}
.vk-bar>span:first-child{font-weight:600;margin-right:auto}
@media (max-width:860px){.vk-bar{bottom:calc(var(--tap) + var(--s-6))}.vk-bar-keys{display:none}.vk-bar .btn,.vk-refresh .btn{min-height:var(--tap)}}