/* Veltar Account Switcher v2 — shared by webmail, administrator, and manager surfaces. */
:root{--vas-ink:#152033;--vas-muted:#6f7b8d;--vas-line:#e6eaf0;--vas-soft:#f7f9fc;--vas-accent:#3158d4;--vas-accent-soft:#edf2ff;--vas-danger:#a0444d;--vas-success:#257458}
body.vas-open{overflow:hidden}
.vas-backdrop{position:fixed;inset:0;z-index:420;display:grid;place-items:center;padding:24px;background:rgba(10,18,31,.46);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:vasFade .14s ease-out}
.vas-backdrop[hidden]{display:none}
.vas-panel{width:min(570px,calc(100vw - 32px));max-height:min(760px,calc(100dvh - 48px));display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(226,231,238,.96);border-radius:24px;background:#fff;box-shadow:0 34px 110px rgba(15,23,42,.24);color:var(--vas-ink);animation:vasPop .18s cubic-bezier(.2,.78,.26,1)}
.vas-panel[hidden]{display:none}
.vas-head{display:grid;grid-template-columns:44px minmax(0,1fr) 42px;gap:12px;align-items:center;padding:17px 18px 14px;border-bottom:1px solid var(--vas-line)}
.vas-brand{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#13213a;color:#fff;font-size:17px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.vas-title{min-width:0}.vas-title strong{display:block;font-size:18px;line-height:1.15;letter-spacing:-.025em}.vas-title small{display:block;overflow:hidden;margin-top:4px;color:var(--vas-muted);font-size:11px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.vas-close{width:42px;height:42px;border:0;border-radius:13px;background:#f3f5f8;color:#687587;font-size:22px;line-height:1;cursor:pointer}.vas-close:hover{background:#e9edf3;color:#2e3949}.vas-close:focus-visible,.vas-main:focus-visible,.vas-remove:focus-visible,.vas-actions button:focus-visible,.vas-search:focus-within{outline:2px solid var(--vas-accent);outline-offset:2px}
.vas-tools{padding:12px 14px 10px;border-bottom:1px solid var(--vas-line);background:#fbfcfe}
.vas-search{height:44px;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;border:1px solid #dce2ea;border-radius:13px;background:#fff;padding:0 11px;box-shadow:0 1px 2px rgba(15,23,42,.02)}.vas-search>span{color:#8e99a8;font-size:15px}.vas-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--vas-ink);font:inherit;font-size:12.5px}.vas-search input::placeholder{color:#9ba5b2}
.vas-tool-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:9px}.vas-filters{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.vas-filters::-webkit-scrollbar{display:none}.vas-filters button{min-height:30px;padding:0 10px;border:1px solid #e0e5ec;border-radius:999px;background:#fff;color:#667386;font-size:10px;font-weight:800;cursor:pointer}.vas-filters button.active{border-color:#cbd7fc;background:var(--vas-accent-soft);color:var(--vas-accent)}.vas-summary{color:#8792a1;font-size:10px;font-weight:700;white-space:nowrap}.vas-panel.is-refreshing .vas-summary:after{content:"";display:inline-block;width:9px;height:9px;margin-left:6px;border:1.5px solid #c5cfdf;border-top-color:var(--vas-accent);border-radius:50%;vertical-align:-1px;animation:vasSpin .7s linear infinite}
.vas-current{padding:12px 14px 8px;background:#fff}.vas-current[hidden]{display:none}.vas-current-label{display:block;margin:0 0 6px 3px;color:#8c96a4;font-size:9px;font-weight:850;letter-spacing:.085em;text-transform:uppercase}.vas-current-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:11px;align-items:center;min-height:64px;padding:9px 11px;border:1px solid #dce5ff;border-radius:15px;background:linear-gradient(180deg,#f8faff,#f1f5ff)}
.vas-list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:7px 10px 12px;background:#fff}.vas-group+.vas-group{margin-top:5px;padding-top:5px;border-top:1px solid #f0f2f5}.vas-group[hidden],.vas-row[hidden]{display:none!important}.vas-group-head{position:sticky;top:-7px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 7px 6px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#8993a0;font-size:9px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.vas-group-head span:last-child{color:#a4acb7;font-variant-numeric:tabular-nums}
.vas-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border-radius:15px;transition:background .12s ease,opacity .12s ease,transform .12s ease}.vas-row+.vas-row{margin-top:3px}.vas-row:hover{background:#f7f9fc}.vas-row.is-current{background:#eef3ff}.vas-row.is-unavailable{opacity:.58}.vas-row.is-switching{background:#edf2ff;box-shadow:inset 0 0 0 1px #d8e2ff}.vas-panel.is-busy .vas-row:not(.is-switching){opacity:.45}.vas-panel.is-busy .vas-main,.vas-panel.is-busy .vas-remove{pointer-events:none}
.vas-main{width:100%;min-width:0;min-height:66px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:11px;align-items:center;border:0;border-radius:15px;background:transparent;padding:9px 10px;text-align:left;color:inherit;cursor:pointer}.vas-main:disabled{cursor:not-allowed}.vas-main:active:not(:disabled){transform:scale(.994)}
.vas-avatar{position:relative;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#e9eef5;color:#40506a;font-size:11px;font-weight:900}.vas-avatar.mailbox{background:#edf1f7;color:#43536a}.vas-avatar.control{background:#18375d;color:#fff}.vas-avatar.manager{background:#485da9;color:#fff}.vas-row.is-switching .vas-avatar{color:transparent}.vas-row.is-switching .vas-avatar:after{content:"";position:absolute;inset:12px;border:2px solid rgba(49,88,212,.22);border-top-color:var(--vas-accent);border-radius:50%;animation:vasSpin .65s linear infinite}
.vas-copy{min-width:0}.vas-copy strong{display:flex;align-items:center;gap:6px;min-width:0;color:#223047;font-size:12.5px;line-height:1.3}.vas-copy small{display:block;overflow:hidden;margin-top:3px;color:#758295;font-size:10.8px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.vas-row.is-switching .vas-copy strong:after{content:"Switching…";color:#4d68c9;font-size:9px;font-weight:850}
.vas-badges{display:inline-flex;flex-wrap:wrap;gap:4px}.vas-badge{display:inline-flex;align-items:center;min-height:20px;padding:0 6px;border-radius:999px;background:#edf2ff;color:#4a62ba;font-size:8.5px;font-weight:850;white-space:nowrap}.vas-badge.protected{background:#f1f2f4;color:#737c88}
.vas-trailing{display:flex;align-items:center;justify-content:flex-end;gap:6px}.vas-pill{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:0 8px;border-radius:999px;background:#f0f2f5;color:#697586;font-size:9px;font-weight:850;white-space:nowrap}.vas-pill.current{background:#dfe8ff;color:var(--vas-accent)}.vas-pill.signed{background:#e7f6ef;color:var(--vas-success)}.vas-pill.control{background:#eaf0f7;color:#3e5878}.vas-pill.manager{background:#eceef9;color:#4c5da0}.vas-pill.protected,.vas-pill.disabled{background:#f1f2f4;color:#79818c}.vas-unread{min-width:23px;height:23px;display:grid;place-items:center;padding:0 6px;border-radius:999px;background:var(--vas-accent);color:#fff;font-size:9px;font-weight:850}
.vas-remove{width:38px;height:38px;margin-right:8px;border:0;border-radius:11px;background:transparent;color:#a0a9b5;font-size:18px;cursor:pointer}.vas-remove:hover{background:#fff0f1;color:#9c424c}
.vas-loading{min-height:180px;display:flex;align-items:center;justify-content:center;gap:5px;color:#8c97a5}.vas-loading span{width:7px;height:7px;border-radius:50%;background:#879be1;animation:vasPulse .8s infinite alternate}.vas-loading span:nth-child(2){animation-delay:.12s}.vas-loading span:nth-child(3){animation-delay:.24s}.vas-loading small{margin-left:7px;font-size:11px}.vas-empty,.vas-error{margin:10px;padding:24px 16px;border:1px dashed #dce2ea;border-radius:15px;color:#758194;text-align:center;font-size:11px;line-height:1.5}.vas-error strong,.vas-error small{display:block}.vas-error strong{color:#4f5c6e;font-size:12px}.vas-error small{margin-top:4px}
.vas-actions{flex:0 0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--vas-line);background:#fbfcfd}.vas-actions button{min-width:0;min-height:42px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #e1e6ed;border-radius:11px;background:#fff;color:#526074;padding:8px 9px;font-size:10.5px;font-weight:800;cursor:pointer}.vas-actions button:hover{background:#f4f6f9}.vas-actions button[hidden]{display:none}.vas-actions .vas-primary{grid-column:1/-1;border-color:var(--vas-accent);background:var(--vas-accent);color:#fff;box-shadow:0 7px 16px rgba(49,88,212,.16)}.vas-actions .vas-primary:hover{background:#294dc0}.vas-actions.vas-actions-two{grid-template-columns:1fr 1fr}.vas-actions.vas-actions-two .vas-danger{grid-column:auto}.vas-actions .vas-danger{grid-column:1/-1;min-height:31px;border:0;background:transparent;color:var(--vas-danger)}.vas-actions .vas-danger:hover{background:#fff1f2}
@keyframes vasSpin{to{transform:rotate(360deg)}}@keyframes vasPulse{to{opacity:.3;transform:translateY(-2px)}}@keyframes vasFade{from{opacity:0}to{opacity:1}}@keyframes vasPop{from{opacity:0;transform:translateY(7px) scale(.986)}to{opacity:1;transform:none}}
@media(max-width:700px){
  .vas-backdrop{align-items:end;padding:max(8px,env(safe-area-inset-top)) 0 0;background:rgba(10,18,31,.32);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
  .vas-panel{width:100%;max-height:min(88dvh,780px);border:0;border-radius:25px 25px 0 0;box-shadow:0 -24px 70px rgba(15,23,42,.2);animation:vasSheet .2s cubic-bezier(.2,.82,.26,1)}
  .vas-panel:before{content:"";flex:0 0 auto;width:38px;height:4px;margin:8px auto 0;border-radius:999px;background:#d6dce4}
  .vas-head{grid-template-columns:40px minmax(0,1fr) 44px;padding:9px max(13px,env(safe-area-inset-right)) 11px max(13px,env(safe-area-inset-left))}.vas-brand{width:40px;height:40px;border-radius:12px}.vas-title strong{font-size:18px}.vas-title small{font-size:10.5px}.vas-close{width:44px;height:44px}
  .vas-tools{padding:9px max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left))}.vas-search{height:46px}.vas-search input{font-size:16px}.vas-tool-row{padding-top:8px}.vas-summary{font-size:9.5px}
  .vas-current{padding:9px max(9px,env(safe-area-inset-right)) 7px max(9px,env(safe-area-inset-left))}.vas-current-card{grid-template-columns:44px minmax(0,1fr) auto;min-height:60px}.vas-avatar{width:44px;height:44px;border-radius:13px}
  .vas-list{padding:5px max(7px,env(safe-area-inset-right)) 8px max(7px,env(safe-area-inset-left))}.vas-main{grid-template-columns:44px minmax(0,1fr) auto;min-height:63px;padding:8px}.vas-copy strong{font-size:12.5px}.vas-copy small{font-size:10.4px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.vas-remove{width:44px;height:44px;margin-right:2px}.vas-pill{font-size:8.8px}
  .vas-actions{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px max(8px,env(safe-area-inset-right)) max(8px,calc(env(safe-area-inset-bottom) + 3px)) max(8px,env(safe-area-inset-left))}.vas-actions button{min-height:45px}.vas-actions .vas-primary,.vas-actions .vas-danger{grid-column:1/-1}
  @keyframes vasSheet{from{opacity:.7;transform:translateY(24px)}to{opacity:1;transform:none}}
}
@media(prefers-reduced-motion:reduce){.vas-backdrop,.vas-panel,.vas-row,.vas-main{animation:none!important;transition:none!important}}

/* 0.18.139 — shared Add account and sign-out confirmation on control surfaces */
.vas-auth-panel{width:min(470px,calc(100vw - 32px));max-height:min(720px,calc(100dvh - 48px))}
.vas-auth-body{overflow-y:auto;padding:20px 22px 24px;background:#fff}
.vas-auth-copy{margin-bottom:16px}.vas-auth-copy strong{display:block;color:#243047;font-size:15px;letter-spacing:-.015em}.vas-auth-copy p{margin:5px 0 0;color:#778396;font-size:11px;line-height:1.5}
.vas-auth-form{display:grid;gap:13px}.vas-auth-form[hidden]{display:none}.vas-auth-form label{display:grid;gap:6px;color:#566376;font-size:10px;font-weight:800}.vas-auth-form input{width:100%;height:46px;border:1px solid #dce2ea;border-radius:12px;background:#fff;padding:0 12px;color:#1f2b3e;font:inherit;font-size:14px;outline:none}.vas-auth-form input:focus{border-color:#91a6ea;box-shadow:0 0 0 3px rgba(49,88,212,.09)}
.vas-form-error{padding:10px 11px;border:1px solid #f1cfd3;border-radius:11px;background:#fff5f5;color:#a0444d;font-size:10.5px;line-height:1.4}.vas-form-error[hidden]{display:none}
.vas-auth-submit,.vas-auth-secondary{min-height:46px;border-radius:12px;font-size:11px;font-weight:850;cursor:pointer}.vas-auth-submit{border:0;background:var(--vas-accent);color:#fff;box-shadow:0 7px 16px rgba(49,88,212,.16)}.vas-auth-submit:hover{background:#294dc0}.vas-auth-submit:disabled{opacity:.58;cursor:default}.vas-auth-secondary{border:1px solid #e0e5ec;background:#fff;color:#5f6c80}.vas-auth-secondary:hover{background:#f5f7fa}
.vas-confirm-panel{width:min(420px,calc(100vw - 32px));padding:28px 25px 22px;text-align:center;overflow:visible}.vas-confirm-icon{width:58px;height:58px;margin:0 auto 14px;border-radius:18px;background:#fff0f1;color:#a0444d;display:grid;place-items:center}.vas-confirm-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.vas-confirm-panel h2{margin:0;color:#202c40;font-size:21px;letter-spacing:-.035em}.vas-confirm-panel p{margin:9px auto 0;max-width:340px;color:#707d90;font-size:11.5px;line-height:1.55}.vas-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.vas-confirm-actions button{min-height:45px;border:1px solid #e0e5ec;border-radius:12px;background:#fff;color:#5d697b;font-size:11px;font-weight:850;cursor:pointer}.vas-confirm-actions button:hover{background:#f5f7fa}.vas-confirm-actions .danger{border-color:#a0444d;background:#a0444d;color:#fff}.vas-confirm-actions .danger:hover{background:#903b44}.vas-confirm-actions button:disabled{opacity:.58;cursor:default}
@media(max-width:700px){.vas-auth-panel{width:100%;max-height:min(92dvh,780px)}.vas-auth-body{padding:18px max(16px,env(safe-area-inset-right)) max(22px,calc(env(safe-area-inset-bottom) + 14px)) max(16px,env(safe-area-inset-left))}.vas-auth-form input{font-size:16px}.vas-confirm-panel{width:100%;border-radius:25px 25px 0 0;padding:28px max(18px,env(safe-area-inset-right)) max(18px,calc(env(safe-area-inset-bottom) + 14px)) max(18px,env(safe-area-inset-left))}.vas-confirm-panel:before{content:"";position:absolute;top:8px;left:50%;width:38px;height:4px;border-radius:999px;background:#d6dce4;transform:translateX(-50%)}.vas-confirm-actions button{min-height:48px}}

/* 0.18.308 — account chooser as the mailbox launch destination */
.vas-current-action{width:100%;font:inherit;text-align:left;cursor:pointer}.vas-current-action:hover{border-color:#c7d4fb;background:linear-gradient(180deg,#f3f6ff,#eaf0ff)}.vas-current-action:active{transform:scale(.995)}.vas-current-action:focus-visible{outline:2px solid var(--vas-accent);outline-offset:2px}
.vas-current.is-switching .vas-current-action{opacity:.68;pointer-events:none}.vas-current.is-switching .vas-avatar{color:transparent}.vas-current.is-switching .vas-avatar:after{content:"";position:absolute;inset:12px;border:2px solid rgba(49,88,212,.22);border-top-color:var(--vas-accent);border-radius:50%;animation:vasSpin .65s linear infinite}
.vas-backdrop.is-startup-account-picker{background:radial-gradient(circle at 50% 8%,rgba(80,112,214,.13),transparent 31%),linear-gradient(180deg,#f8faff 0%,#f3f6fb 58%,#eef2f8 100%);backdrop-filter:none;-webkit-backdrop-filter:none}
.vas-panel.is-startup-account-picker{box-shadow:0 30px 90px rgba(26,40,72,.17);border-color:rgba(219,226,238,.98)}
.vas-panel.is-startup-account-picker .vas-head{grid-template-columns:44px minmax(0,1fr)}
.vas-panel.is-startup-account-picker .vas-close{display:none}
.vas-panel.is-startup-account-picker .vas-title small{white-space:normal}
.vas-panel.is-startup-account-picker .vas-actions{grid-template-columns:1fr}.vas-panel.is-startup-account-picker .vas-actions .vas-primary{grid-column:1}.vas-panel.is-startup-account-picker .vas-actions .vas-danger{grid-column:1}
@media(max-width:700px){
  .vas-backdrop.is-startup-account-picker{align-items:center;padding:max(18px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 4%,rgba(80,112,214,.14),transparent 34%),linear-gradient(180deg,#f8faff,#eef2f8)}
  .vas-backdrop.is-startup-account-picker .vas-panel{width:min(540px,100%);max-height:min(820px,calc(100dvh - max(36px,env(safe-area-inset-top) + env(safe-area-inset-bottom))));border:1px solid rgba(219,226,238,.98);border-radius:24px;box-shadow:0 24px 72px rgba(26,40,72,.17);animation:vasPop .18s cubic-bezier(.2,.78,.26,1)}
  .vas-backdrop.is-startup-account-picker .vas-panel:before{display:none}
  .vas-panel.is-startup-account-picker .vas-head{grid-template-columns:40px minmax(0,1fr);padding:15px 15px 13px}
}
/* 0.18.460 — smooth mailbox ↔ control-account navigation */
@view-transition{navigation:auto}
::view-transition-old(root){animation:vasRouteOut .13s cubic-bezier(.4,0,.8,.2) both}
::view-transition-new(root){animation:vasRouteIn .22s cubic-bezier(.2,.72,.24,1) both}
@keyframes vasRouteOut{from{opacity:1;transform:none}to{opacity:.82;transform:scale(.995)}}
@keyframes vasRouteIn{from{opacity:0;transform:translateY(5px) scale(.997)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}