@visma-swno/customer-onboarding-wizard 1.0.2 → 1.0.4

package/dist/index.js

@@ -1,13 +1,13 @@
-import { css as $, svg as v, LitElement as L, html as n, nothing as q } from "lit";
-import { property as g, customElement as S, state as l } from "lit/decorators.js";
-$`:root{--font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--primary-color:#0066cc;--secondary-color:#6c757d;--success-color:#28a745;--danger-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--background-color:#ffffff;--surface-color:#f8f9fa;--border-color:#dee2e6;--ga-text-primary:#212529;--ga-text-secondary:#6c757d;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--border-radius:4px;--box-shadow:0 2px 4px rgba(0,0,0,0.1);}*{box-sizing:border-box;}`;
-const E = $`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-information-accent:var(--ga-color-utility-blue-accent);--ga-color-surface-information:var(--ga-color-information-accent);--ga-color-utility-blue-accent:var(--ga-color-blue-10);--ga-color-blue-40:#93bbf9;--ga-color-utility-blue:var(--ga-color-blue-40);--ga-color-blue-60:#366af6;--ga-color-border-information:var(--ga-color-information);--ga-color-icon-information:var(--ga-color-information);--ga-color-information:var(--ga-color-blue-60);--ga-color-border-action:var(--ga-color-primary);--ga-color-border-action-hover:var(--ga-color-primary-60);--ga-color-border-action-hover-2:var(--ga-color-secondary-30);--ga-color-border-disabled:var(--ga-color-neutral);--ga-color-border-error:var(--ga-color-error);--ga-color-border-focus:var(--ga-color-primary);--ga-color-border-primary:var(--ga-color-neutral-60);--ga-color-border-secondary:var(--ga-color-secondary-30);--ga-color-border-selected:var(--ga-color-green-60);--ga-color-border-success:var(--ga-color-success);--ga-color-border-tertiary:var(--ga-color-neutral);--ga-color-border-warning:var(--ga-color-warning);--ga-color-categorical-graph-01:#6769d8;--ga-color-categorical-graph-02:#479fc6;--ga-color-categorical-graph-03:var(--ga-color-teal-70);--ga-color-categorical-graph-04:#c0497d;--ga-color-categorical-graph-05:#041255;--ga-color-categorical-graph-06:#dc756b;--ga-color-categorical-graph-07:var(--ga-color-rose-40);--ga-color-categorical-graph-08:#984319;--ga-color-categorical-graph-09:var(--ga-color-indigo-40);--ga-color-categorical-graph-10:#610f08;--ga-color-cyan-60:#377ea0;--ga-color-icon-action-hover:var(--ga-color-primary-60);--ga-color-primary-60:var(--ga-color-cyan-60);--ga-color-surface-progress-2:var(--ga-color-primary-60);--ga-color-cyan-70:#2a6480;--ga-color-primary-70:var(--ga-color-cyan-70);--ga-color-surface-progress:var(--ga-color-primary-70);--ga-color-text-body-secondary:var(--ga-color-primary-70);--ga-color-cyan-80:#1f4e66;--ga-color-icon-action:var(--ga-color-primary);--ga-color-primary:var(--ga-color-cyan-80);--ga-color-surface-action:var(--ga-color-primary);--ga-color-text-action:var(--ga-color-primary);--ga-color-cyan-90:#133445;--ga-color-icon-primary:var(--ga-color-primary-90);--ga-color-primary-90:var(--ga-color-cyan-90);--ga-color-surface-action-hover:var(--ga-color-primary-90);--ga-color-text-action-hover:var(--ga-color-primary-90);--ga-color-text-body:var(--ga-color-primary-90);--ga-color-text-error:var(--ga-color-primary-90);--ga-color-text-headings:var(--ga-color-primary-90);--ga-color-text-information:var(--ga-color-primary-90);--ga-color-text-success:var(--ga-color-primary-90);--ga-color-text-warning:var(--ga-color-primary-90);--ga-color-diverging-graph-01:#281986;--ga-color-diverging-graph-02:#3d37a3;--ga-color-diverging-graph-03:#504fba;--ga-color-diverging-graph-04:#6769d8;--ga-color-diverging-graph-05:#8489f5;--ga-color-diverging-graph-06:var(--ga-color-indigo-40);--ga-color-diverging-graph-07:#c5cbfb;--ga-color-diverging-graph-08:var(--ga-color-indigo-10);--ga-color-diverging-graph-09:var(--ga-color-teal-30);--ga-color-diverging-graph-10:var(--ga-color-teal-40);--ga-color-diverging-graph-11:var(--ga-color-teal-50);--ga-color-diverging-graph-12:var(--ga-color-teal-60);--ga-color-diverging-graph-13:var(--ga-color-teal-70);--ga-color-diverging-graph-14:var(--ga-color-teal-80);--ga-color-diverging-graph-15:var(--ga-color-teal-90);--ga-color-error:var(--ga-color-red-60);--ga-color-icon-error:var(--ga-color-error);--ga-color-error-accent:var(--ga-color-utility-red-accent);--ga-color-green-10:#eef5ee;--ga-color-success-accent:var(--ga-color-utility-green-accent);--ga-color-surface-selected:var(--ga-color-green-10);--ga-color-surface-success:var(--ga-color-success-accent);--ga-color-utility-green-accent:var(--ga-color-green-10);--ga-color-green-40:#9bc59b;--ga-color-utility-green:var(--ga-color-green-40);--ga-color-green-60:#448548;--ga-color-icon-success:var(--ga-color-success);--ga-color-success:var(--ga-color-green-60);--ga-color-grey-10:#f2f2f2;--ga-color-utility-grey-accent:var(--ga-color-grey-10);--ga-color-grey-40:#b9b9b9;--ga-color-text-disabled:var(--ga-color-utility-grey);--ga-color-utility-grey:var(--ga-color-grey-40);--ga-color-icon-disabled:var(--ga-color-neutral);--ga-color-icon-on-action:var(--ga-color-secondary);--ga-color-icon-on-disabled:var(--ga-color-neutral-60);--ga-color-icon-on-primary:var(--ga-color-white);--ga-color-icon-warning:var(--ga-color-warning);--ga-color-indigo-10:#f0f2fe;--ga-color-utility-indigo-accent:var(--ga-color-indigo-10);--ga-color-indigo-40:#adb4f9;--ga-color-utility-indigo:var(--ga-color-indigo-40);--ga-color-lime-10:#edf6dd;--ga-color-utility-lime-accent:var(--ga-color-lime-10);--ga-color-lime-40:#a5c656;--ga-color-utility-lime:var(--ga-color-lime-40);--ga-color-miscellaneous-overlay:#70778891;--ga-color-miscellaneous-skeleton-element:var(--ga-color-neutral-10);--ga-color-miscellaneous-skeleton-highlight:var(--ga-color-neutral-20);--ga-color-neutral:var(--ga-color-neutral-30);--ga-color-neutral-10:#f2f3f5;--ga-color-surface-page:var(--ga-color-neutral-10);--ga-color-neutral-20:#e2e4e9;--ga-color-surface-container:var(--ga-color-neutral-20);--ga-color-surface-disabled:var(--ga-color-neutral-20);--ga-color-neutral-30:#cccfd7;--ga-color-neutral-60:#6f7687;--ga-color-surface-disable-selected:var(--ga-color-neutral-60);--ga-color-text-disable-selected:var(--ga-color-neutral-60);--ga-color-text-on-disabled:var(--ga-color-neutral-60);--ga-color-orange-10:#fcf0e7;--ga-color-secondary-10:var(--ga-color-orange-10);--ga-color-surface-warning:var(--ga-color-utility-orange-accent);--ga-color-text-on-action:var(--ga-color-secondary-10);--ga-color-utility-orange-accent:var(--ga-color-orange-10);--ga-color-warning-accent:var(--ga-color-utility-orange-accent);--ga-color-orange-20:#fae0ce;--ga-color-secondary:var(--ga-color-orange-20);--ga-color-surface-action-hover-2:var(--ga-color-orange-20);--ga-color-text-menu:var(--ga-color-secondary);--ga-color-orange-30:#f5c3a1;--ga-color-secondary-30:var(--ga-color-orange-30);--ga-color-surface-highlight:var(--ga-color-secondary-30);--ga-color-orange-40:#f2a676;--ga-color-utility-orange:var(--ga-color-orange-40);--ga-color-orange-60:#bb5822;--ga-color-warning:var(--ga-color-orange-60);--ga-color-pink-10:#fbeefc;--ga-color-utility-pink-accent:var(--ga-color-pink-10);--ga-color-pink-40:#e79dee;--ga-color-utility-pink:var(--ga-color-pink-40);--ga-color-purple-10:#f3f1fe;--ga-color-utility-purple-accent:var(--ga-color-purple-10);--ga-color-purple-40:#c3acf9;--ga-color-utility-purple:var(--ga-color-purple-40);--ga-color-purple-80:#591ab5;--ga-color-text-link-visited:var(--ga-color-purple-80);--ga-color-red-10:#fcf1ee;--ga-color-surface-error:var(--ga-color-utility-red-accent);--ga-color-utility-red-accent:var(--ga-color-red-10);--ga-color-red-40:#eca79e;--ga-color-utility-red:var(--ga-color-red-40);--ga-color-red-60:#cc453e;--ga-color-rose-10:#fcf0f4;--ga-color-utility-rose-accent:var(--ga-color-rose-10);--ga-color-rose-40:#efa1bd;--ga-color-utility-rose:var(--ga-color-rose-40);--ga-color-sequential-graph-10:var(--ga-color-teal-10);--ga-color-sequential-graph-20:var(--ga-color-teal-20);--ga-color-sequential-graph-30:var(--ga-color-teal-30);--ga-color-sequential-graph-40:var(--ga-color-teal-40);--ga-color-sequential-graph-50:var(--ga-color-teal-50);--ga-color-sequential-graph-60:var(--ga-color-teal-60);--ga-color-sequential-graph-70:var(--ga-color-teal-70);--ga-color-sequential-graph-80:var(--ga-color-teal-80);--ga-color-sequential-graph-90:var(--ga-color-teal-90);--ga-color-sequential-graph-100:var(--ga-color-teal-100);--ga-color-surface-primary:var(--ga-color-white);--ga-color-teal-10:#ecf5f4;--ga-color-utility-teal-accent:var(--ga-color-teal-10);--ga-color-teal-20:#d5e8e6;--ga-color-teal-30:#b4d7d4;--ga-color-teal-40:#92c3c0;--ga-color-utility-teal:var(--ga-color-teal-40);--ga-color-teal-50:#51a39e;--ga-color-teal-60:#3a837e;--ga-color-teal-70:#2c6764;--ga-color-teal-80:#21514e;--ga-color-teal-90:#143734;--ga-color-teal-100:#081f1f;--ga-color-white:#fff;--ga-duration-0:0ms;--ga-duration-fast:100ms;--ga-transition-state:var(--ga-duration-fast) 0ms var(--ga-easing-standard);--ga-duration-instant:50ms;--ga-transition-hover:var(--ga-duration-instant) 0ms var(--ga-easing-standard);--ga-duration-moderate:150ms;--ga-transition-dismiss:var(--ga-duration-moderate) 0ms var(--ga-easing-exit);--ga-transition-reveal:var(--ga-duration-moderate) 0ms var(--ga-easing-entrance);--ga-duration-slow:250ms;--ga-transition-overlay-in:var(--ga-duration-slow) 0ms var(--ga-easing-entrance);--ga-transition-overlay-out:var(--ga-duration-slow) 0ms var(--ga-easing-exit);--ga-duration-slower:400ms;--ga-transition-backdrop:var(--ga-duration-slower) 0ms var(--ga-easing-standard);--ga-easing-entrance:cubic-bezier(0,0,0.38,0.9);--ga-easing-exit:cubic-bezier(0.2,0,1,0.9);--ga-easing-standard:cubic-bezier(0.2,0,0.38,0.9);--ga-font-family-primary:"Inter",system-ui,sans-serif;--ga-font-weight-bold:700;--ga-font-weight-medium:500;--ga-font-weight-normal:400;--ga-font-weight-semibold:600;--ga-radius:4px;--ga-radius-round:999px;--ga-radius-sharp:0.02rem;--ga-shadow-east:-2px 0 5px 0 #1334451a,-8px 0 8px 0 #13344517,-19px 0 11px 0 #1334450d,-34px 0 14px 0 #13344503,-53px 0 15px 0 #13344500;--ga-shadow-north:0 4px 8px 0 #1334451a,0 15px 15px 0 #13344517,0 34px 21px 0 #1334450d,0 61px 24px 0 #13344503,0 95px 27px 0 #13344500;--ga-shadow-south:0 -1px 1px 0 #13344514,0 -2px 2px 0 #13344512,0 -6px 3px 0 #1334450a,0 -10px 4px 0 #13344503,0 -15px 4px 0 #13344500;--ga-shadow-west:1px 0 3px 0 #1334451a,5px 0 5px 0 #13344517,12px 0 7px 0 #1334450d,21px 0 8px 0 #13344503,33px 0 9px 0 #13344500;--ga-size-0:0;--ga-size-1:0.0625rem;--ga-size-2:0.125rem;--ga-size-4:0.25rem;--ga-size-6:0.375rem;--ga-size-8:0.5rem;--ga-size-10:0.625rem;--ga-size-11:0.6875rem;--ga-size-12:0.75rem;--ga-size-14:0.875rem;--ga-size-16:1rem;--ga-size-18:1.125rem;--ga-size-20:1.25rem;--ga-size-24:1.5rem;--ga-size-28:1.75rem;--ga-size-32:2rem;--ga-size-36:2.25rem;--ga-size-40:2.5rem;--ga-size-44:2.75rem;--ga-size-48:3rem;--ga-size-56:3.5rem;--ga-size-64:4rem;--ga-size-80:5rem;--ga-size-96:6rem;--ga-size-112:7rem;--ga-size-128:8rem;--ga-size-144:9rem;--ga-size-160:10rem;--ga-size-192:12rem;--ga-size-224:14rem;--ga-size-256:16rem;--ga-size-288:18rem;--ga-size-320:20rem;--ga-size-352:22rem;--ga-size-384:24rem;--ga-size-416:26rem;--ga-size-border-width-lg:4px;--ga-size-border-width-md:2px;--ga-size-border-width-none:0;--ga-size-border-width-sm:1px;--ga-size-spacing-00:0;--ga-size-spacing-01:0.125rem;--ga-size-spacing-02:0.25rem;--ga-size-spacing-03:0.5rem;--ga-size-spacing-04:0.75rem;--ga-size-spacing-05:1rem;--ga-size-spacing-06:1.5rem;--ga-size-spacing-07:2rem;--ga-size-spacing-08:2.5rem;--ga-size-spacing-09:3rem;--ga-size-spacing-10:4rem;--ga-size-spacing-11:5rem;--ga-size-spacing-12:6rem;--ga-size-spacing-13:10rem;--ga-text-2xl-font-size:1.5rem;--ga-text-2xl-font-style:normal;--ga-text-2xl-line-height:2rem;--ga-text-2xl-font-family:inherit;--ga-text-2xl-font-weight:400;--ga-text-2xl-letter-spacing:-0.019rem;--ga-text-2xl:var(--ga-text-2xl-font-style) var(--ga-text-2xl-font-weight) var(--ga-text-2xl-font-size)/var(--ga-text-2xl-line-height) var(--ga-text-2xl-font-family);--ga-text-3xl-font-size:2rem;--ga-text-3xl-font-style:normal;--ga-text-3xl-line-height:2.5rem;--ga-text-3xl-font-family:inherit;--ga-text-3xl-font-weight:400;--ga-text-3xl-letter-spacing:-0.022rem;--ga-text-3xl:var(--ga-text-3xl-font-style) var(--ga-text-3xl-font-weight) var(--ga-text-3xl-font-size)/var(--ga-text-3xl-line-height) var(--ga-text-3xl-font-family);--ga-text-lg-font-size:1rem;--ga-text-lg-font-style:normal;--ga-text-lg-line-height:1.5rem;--ga-text-lg-font-family:inherit;--ga-text-lg-font-weight:400;--ga-text-lg-letter-spacing:-0.011rem;--ga-text-lg:var(--ga-text-lg-font-style) var(--ga-text-lg-font-weight) var(--ga-text-lg-font-size)/var(--ga-text-lg-line-height) var(--ga-text-lg-font-family);--ga-text-md-font-size:0.875rem;--ga-text-md-font-style:normal;--ga-text-md-line-height:1.25rem;--ga-text-md-font-family:inherit;--ga-text-md-font-weight:400;--ga-text-md-letter-spacing:-0.006rem;--ga-text-md:var(--ga-text-md-font-style) var(--ga-text-md-font-weight) var(--ga-text-md-font-size)/var(--ga-text-md-line-height) var(--ga-text-md-font-family);--ga-text-sm-font-size:0.75rem;--ga-text-sm-font-style:normal;--ga-text-sm-line-height:1.25rem;--ga-text-sm-font-family:inherit;--ga-text-sm-font-weight:400;--ga-text-sm-letter-spacing:0;--ga-text-sm:var(--ga-text-sm-font-style) var(--ga-text-sm-font-weight) var(--ga-text-sm-font-size)/var(--ga-text-sm-line-height) var(--ga-text-sm-font-family);--ga-text-xl-font-size:1.125rem;--ga-text-xl-font-style:normal;--ga-text-xl-line-height:1.5rem;--ga-text-xl-font-family:inherit;--ga-text-xl-font-weight:400;--ga-text-xl-letter-spacing:-0.017rem;--ga-text-xl:var(--ga-text-xl-font-style) var(--ga-text-xl-font-weight) var(--ga-text-xl-font-size)/var(--ga-text-xl-line-height) var(--ga-text-xl-font-family);--ga-text-xs-font-size:0.6875rem;--ga-text-xs-font-style:normal;--ga-text-xs-line-height:1rem;--ga-text-xs-font-family:inherit;--ga-text-xs-font-weight:400;--ga-text-xs-letter-spacing:0.005rem;--ga-text-xs:var(--ga-text-xs-font-style) var(--ga-text-xs-font-weight) var(--ga-text-xs-font-size)/var(--ga-text-xs-line-height) var(--ga-text-xs-font-family);--vsn-customer-onboarding-wizard-font-family:var(--font-family,Inter,ui-sans-serif,system-ui,sans-serif);--ga-text-sm-size:var(--ga-text-sm-font-size);--ga-text-md-size:var(--ga-text-md-font-size);--ga-text-md-tracking:var(--ga-text-md-letter-spacing);--ga-text-xl-size:var(--ga-text-xl-font-size);--ga-text-xl-tracking:var(--ga-text-xl-letter-spacing);--ga-text-2xl-size:var(--ga-text-2xl-font-size);--ga-text-2xl-tracking:var(--ga-text-2xl-letter-spacing);--ga-size-content-2xs:11.25rem;--ga-size-content-xs:15rem;--ga-size-content-sm:22.5rem;--ga-color-utility-green-light:var(--ga-color-green-10);--ga-shadow-dropdown:var(--ga-shadow-south);}@media (width >= 48rem){:host{--ga-text-2xl-font-size:1.5rem;--ga-text-2xl-font-style:normal;--ga-text-2xl-line-height:2.5rem;--ga-text-2xl-font-family:inherit;--ga-text-2xl-font-weight:400;--ga-text-2xl-letter-spacing:-0.019rem;--ga-text-2xl:var(--ga-text-2xl-font-style) var(--ga-text-2xl-font-weight) var(--ga-text-2xl-font-size)/var(--ga-text-2xl-line-height) var(--ga-text-2xl-font-family);--ga-text-3xl-font-size:2.25rem;--ga-text-3xl-font-style:normal;--ga-text-3xl-line-height:3rem;--ga-text-3xl-font-family:inherit;--ga-text-3xl-font-weight:400;--ga-text-3xl-letter-spacing:-0.022rem;--ga-text-3xl:var(--ga-text-3xl-font-style) var(--ga-text-3xl-font-weight) var(--ga-text-3xl-font-size)/var(--ga-text-3xl-line-height) var(--ga-text-3xl-font-family);--ga-text-xl-font-size:1.25rem;--ga-text-xl-font-style:normal;--ga-text-xl-line-height:2rem;--ga-text-xl-font-family:inherit;--ga-text-xl-font-weight:400;--ga-text-xl-letter-spacing:-0.017rem;--ga-text-xl:var(--ga-text-xl-font-style) var(--ga-text-xl-font-weight) var(--ga-text-xl-font-size)/var(--ga-text-xl-line-height) var(--ga-text-xl-font-family);}}`, d = {
-  circle: () => v`
+import { css as S, svg as b, LitElement as E, html as n, nothing as p } from "lit";
+import { property as g, customElement as A, state as l } from "lit/decorators.js";
+S`:root{--font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--primary-color:#0066cc;--secondary-color:#6c757d;--success-color:#28a745;--danger-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--background-color:#ffffff;--surface-color:#f8f9fa;--border-color:#dee2e6;--ga-text-primary:#212529;--ga-text-secondary:#6c757d;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--border-radius:4px;--box-shadow:0 2px 4px rgba(0,0,0,0.1);}*{box-sizing:border-box;}`;
+const N = S`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-information-accent:var(--ga-color-utility-blue-accent);--ga-color-surface-information:var(--ga-color-information-accent);--ga-color-utility-blue-accent:var(--ga-color-blue-10);--ga-color-blue-40:#93bbf9;--ga-color-utility-blue:var(--ga-color-blue-40);--ga-color-blue-60:#366af6;--ga-color-border-information:var(--ga-color-information);--ga-color-icon-information:var(--ga-color-information);--ga-color-information:var(--ga-color-blue-60);--ga-color-border-action:var(--ga-color-primary);--ga-color-border-action-hover:var(--ga-color-primary-60);--ga-color-border-action-hover-2:var(--ga-color-secondary-30);--ga-color-border-disabled:var(--ga-color-neutral);--ga-color-border-error:var(--ga-color-error);--ga-color-border-focus:var(--ga-color-primary);--ga-color-border-primary:var(--ga-color-neutral-60);--ga-color-border-secondary:var(--ga-color-secondary-30);--ga-color-border-selected:var(--ga-color-green-60);--ga-color-border-success:var(--ga-color-success);--ga-color-border-tertiary:var(--ga-color-neutral);--ga-color-border-warning:var(--ga-color-warning);--ga-color-categorical-graph-01:#6769d8;--ga-color-categorical-graph-02:#479fc6;--ga-color-categorical-graph-03:var(--ga-color-teal-70);--ga-color-categorical-graph-04:#c0497d;--ga-color-categorical-graph-05:#041255;--ga-color-categorical-graph-06:#dc756b;--ga-color-categorical-graph-07:var(--ga-color-rose-40);--ga-color-categorical-graph-08:#984319;--ga-color-categorical-graph-09:var(--ga-color-indigo-40);--ga-color-categorical-graph-10:#610f08;--ga-color-cyan-60:#377ea0;--ga-color-icon-action-hover:var(--ga-color-primary-60);--ga-color-primary-60:var(--ga-color-cyan-60);--ga-color-surface-progress-2:var(--ga-color-primary-60);--ga-color-cyan-70:#2a6480;--ga-color-primary-70:var(--ga-color-cyan-70);--ga-color-surface-progress:var(--ga-color-primary-70);--ga-color-text-body-secondary:var(--ga-color-primary-70);--ga-color-cyan-80:#1f4e66;--ga-color-icon-action:var(--ga-color-primary);--ga-color-primary:var(--ga-color-cyan-80);--ga-color-surface-action:var(--ga-color-primary);--ga-color-text-action:var(--ga-color-primary);--ga-color-cyan-90:#133445;--ga-color-icon-primary:var(--ga-color-primary-90);--ga-color-primary-90:var(--ga-color-cyan-90);--ga-color-surface-action-hover:var(--ga-color-primary-90);--ga-color-text-action-hover:var(--ga-color-primary-90);--ga-color-text-body:var(--ga-color-primary-90);--ga-color-text-error:var(--ga-color-primary-90);--ga-color-text-headings:var(--ga-color-primary-90);--ga-color-text-information:var(--ga-color-primary-90);--ga-color-text-success:var(--ga-color-primary-90);--ga-color-text-warning:var(--ga-color-primary-90);--ga-color-diverging-graph-01:#281986;--ga-color-diverging-graph-02:#3d37a3;--ga-color-diverging-graph-03:#504fba;--ga-color-diverging-graph-04:#6769d8;--ga-color-diverging-graph-05:#8489f5;--ga-color-diverging-graph-06:var(--ga-color-indigo-40);--ga-color-diverging-graph-07:#c5cbfb;--ga-color-diverging-graph-08:var(--ga-color-indigo-10);--ga-color-diverging-graph-09:var(--ga-color-teal-30);--ga-color-diverging-graph-10:var(--ga-color-teal-40);--ga-color-diverging-graph-11:var(--ga-color-teal-50);--ga-color-diverging-graph-12:var(--ga-color-teal-60);--ga-color-diverging-graph-13:var(--ga-color-teal-70);--ga-color-diverging-graph-14:var(--ga-color-teal-80);--ga-color-diverging-graph-15:var(--ga-color-teal-90);--ga-color-error:var(--ga-color-red-60);--ga-color-icon-error:var(--ga-color-error);--ga-color-error-accent:var(--ga-color-utility-red-accent);--ga-color-green-10:#eef5ee;--ga-color-success-accent:var(--ga-color-utility-green-accent);--ga-color-surface-selected:var(--ga-color-green-10);--ga-color-surface-success:var(--ga-color-success-accent);--ga-color-utility-green-accent:var(--ga-color-green-10);--ga-color-green-40:#9bc59b;--ga-color-utility-green:var(--ga-color-green-40);--ga-color-green-60:#448548;--ga-color-icon-success:var(--ga-color-success);--ga-color-success:var(--ga-color-green-60);--ga-color-grey-10:#f2f2f2;--ga-color-utility-grey-accent:var(--ga-color-grey-10);--ga-color-grey-40:#b9b9b9;--ga-color-text-disabled:var(--ga-color-utility-grey);--ga-color-utility-grey:var(--ga-color-grey-40);--ga-color-icon-disabled:var(--ga-color-neutral);--ga-color-icon-on-action:var(--ga-color-secondary);--ga-color-icon-on-disabled:var(--ga-color-neutral-60);--ga-color-icon-on-primary:var(--ga-color-white);--ga-color-icon-warning:var(--ga-color-warning);--ga-color-indigo-10:#f0f2fe;--ga-color-utility-indigo-accent:var(--ga-color-indigo-10);--ga-color-indigo-40:#adb4f9;--ga-color-utility-indigo:var(--ga-color-indigo-40);--ga-color-lime-10:#edf6dd;--ga-color-utility-lime-accent:var(--ga-color-lime-10);--ga-color-lime-40:#a5c656;--ga-color-utility-lime:var(--ga-color-lime-40);--ga-color-miscellaneous-overlay:#70778891;--ga-color-miscellaneous-skeleton-element:var(--ga-color-neutral-10);--ga-color-miscellaneous-skeleton-highlight:var(--ga-color-neutral-20);--ga-color-neutral:var(--ga-color-neutral-30);--ga-color-neutral-10:#f2f3f5;--ga-color-surface-page:var(--ga-color-neutral-10);--ga-color-neutral-20:#e2e4e9;--ga-color-surface-container:var(--ga-color-neutral-20);--ga-color-surface-disabled:var(--ga-color-neutral-20);--ga-color-neutral-30:#cccfd7;--ga-color-neutral-60:#6f7687;--ga-color-surface-disable-selected:var(--ga-color-neutral-60);--ga-color-text-disable-selected:var(--ga-color-neutral-60);--ga-color-text-on-disabled:var(--ga-color-neutral-60);--ga-color-orange-10:#fcf0e7;--ga-color-secondary-10:var(--ga-color-orange-10);--ga-color-surface-warning:var(--ga-color-utility-orange-accent);--ga-color-text-on-action:var(--ga-color-secondary-10);--ga-color-utility-orange-accent:var(--ga-color-orange-10);--ga-color-warning-accent:var(--ga-color-utility-orange-accent);--ga-color-orange-20:#fae0ce;--ga-color-secondary:var(--ga-color-orange-20);--ga-color-surface-action-hover-2:var(--ga-color-orange-20);--ga-color-text-menu:var(--ga-color-secondary);--ga-color-orange-30:#f5c3a1;--ga-color-secondary-30:var(--ga-color-orange-30);--ga-color-surface-highlight:var(--ga-color-secondary-30);--ga-color-orange-40:#f2a676;--ga-color-utility-orange:var(--ga-color-orange-40);--ga-color-orange-60:#bb5822;--ga-color-warning:var(--ga-color-orange-60);--ga-color-pink-10:#fbeefc;--ga-color-utility-pink-accent:var(--ga-color-pink-10);--ga-color-pink-40:#e79dee;--ga-color-utility-pink:var(--ga-color-pink-40);--ga-color-purple-10:#f3f1fe;--ga-color-utility-purple-accent:var(--ga-color-purple-10);--ga-color-purple-40:#c3acf9;--ga-color-utility-purple:var(--ga-color-purple-40);--ga-color-purple-80:#591ab5;--ga-color-text-link-visited:var(--ga-color-purple-80);--ga-color-red-10:#fcf1ee;--ga-color-surface-error:var(--ga-color-utility-red-accent);--ga-color-utility-red-accent:var(--ga-color-red-10);--ga-color-red-40:#eca79e;--ga-color-utility-red:var(--ga-color-red-40);--ga-color-red-60:#cc453e;--ga-color-rose-10:#fcf0f4;--ga-color-utility-rose-accent:var(--ga-color-rose-10);--ga-color-rose-40:#efa1bd;--ga-color-utility-rose:var(--ga-color-rose-40);--ga-color-sequential-graph-10:var(--ga-color-teal-10);--ga-color-sequential-graph-20:var(--ga-color-teal-20);--ga-color-sequential-graph-30:var(--ga-color-teal-30);--ga-color-sequential-graph-40:var(--ga-color-teal-40);--ga-color-sequential-graph-50:var(--ga-color-teal-50);--ga-color-sequential-graph-60:var(--ga-color-teal-60);--ga-color-sequential-graph-70:var(--ga-color-teal-70);--ga-color-sequential-graph-80:var(--ga-color-teal-80);--ga-color-sequential-graph-90:var(--ga-color-teal-90);--ga-color-sequential-graph-100:var(--ga-color-teal-100);--ga-color-surface-primary:var(--ga-color-white);--ga-color-teal-10:#ecf5f4;--ga-color-utility-teal-accent:var(--ga-color-teal-10);--ga-color-teal-20:#d5e8e6;--ga-color-teal-30:#b4d7d4;--ga-color-teal-40:#92c3c0;--ga-color-utility-teal:var(--ga-color-teal-40);--ga-color-teal-50:#51a39e;--ga-color-teal-60:#3a837e;--ga-color-teal-70:#2c6764;--ga-color-teal-80:#21514e;--ga-color-teal-90:#143734;--ga-color-teal-100:#081f1f;--ga-color-white:#fff;--ga-duration-0:0ms;--ga-duration-fast:100ms;--ga-transition-state:var(--ga-duration-fast) 0ms var(--ga-easing-standard);--ga-duration-instant:50ms;--ga-transition-hover:var(--ga-duration-instant) 0ms var(--ga-easing-standard);--ga-duration-moderate:150ms;--ga-transition-dismiss:var(--ga-duration-moderate) 0ms var(--ga-easing-exit);--ga-transition-reveal:var(--ga-duration-moderate) 0ms var(--ga-easing-entrance);--ga-duration-slow:250ms;--ga-transition-overlay-in:var(--ga-duration-slow) 0ms var(--ga-easing-entrance);--ga-transition-overlay-out:var(--ga-duration-slow) 0ms var(--ga-easing-exit);--ga-duration-slower:400ms;--ga-transition-backdrop:var(--ga-duration-slower) 0ms var(--ga-easing-standard);--ga-easing-entrance:cubic-bezier(0,0,0.38,0.9);--ga-easing-exit:cubic-bezier(0.2,0,1,0.9);--ga-easing-standard:cubic-bezier(0.2,0,0.38,0.9);--ga-font-family-primary:"Inter",system-ui,sans-serif;--ga-font-weight-bold:700;--ga-font-weight-medium:500;--ga-font-weight-normal:400;--ga-font-weight-semibold:600;--ga-radius:4px;--ga-radius-round:999px;--ga-radius-sharp:0.02rem;--ga-shadow-east:-2px 0 5px 0 #1334451a,-8px 0 8px 0 #13344517,-19px 0 11px 0 #1334450d,-34px 0 14px 0 #13344503,-53px 0 15px 0 #13344500;--ga-shadow-north:0 4px 8px 0 #1334451a,0 15px 15px 0 #13344517,0 34px 21px 0 #1334450d,0 61px 24px 0 #13344503,0 95px 27px 0 #13344500;--ga-shadow-south:0 -1px 1px 0 #13344514,0 -2px 2px 0 #13344512,0 -6px 3px 0 #1334450a,0 -10px 4px 0 #13344503,0 -15px 4px 0 #13344500;--ga-shadow-west:1px 0 3px 0 #1334451a,5px 0 5px 0 #13344517,12px 0 7px 0 #1334450d,21px 0 8px 0 #13344503,33px 0 9px 0 #13344500;--ga-size-0:0;--ga-size-1:0.0625rem;--ga-size-2:0.125rem;--ga-size-4:0.25rem;--ga-size-6:0.375rem;--ga-size-8:0.5rem;--ga-size-10:0.625rem;--ga-size-11:0.6875rem;--ga-size-12:0.75rem;--ga-size-14:0.875rem;--ga-size-16:1rem;--ga-size-18:1.125rem;--ga-size-20:1.25rem;--ga-size-24:1.5rem;--ga-size-28:1.75rem;--ga-size-32:2rem;--ga-size-36:2.25rem;--ga-size-40:2.5rem;--ga-size-44:2.75rem;--ga-size-48:3rem;--ga-size-56:3.5rem;--ga-size-64:4rem;--ga-size-80:5rem;--ga-size-96:6rem;--ga-size-112:7rem;--ga-size-128:8rem;--ga-size-144:9rem;--ga-size-160:10rem;--ga-size-192:12rem;--ga-size-224:14rem;--ga-size-256:16rem;--ga-size-288:18rem;--ga-size-320:20rem;--ga-size-352:22rem;--ga-size-384:24rem;--ga-size-416:26rem;--ga-size-border-width-lg:4px;--ga-size-border-width-md:2px;--ga-size-border-width-none:0;--ga-size-border-width-sm:1px;--ga-size-spacing-00:0;--ga-size-spacing-01:0.125rem;--ga-size-spacing-02:0.25rem;--ga-size-spacing-03:0.5rem;--ga-size-spacing-04:0.75rem;--ga-size-spacing-05:1rem;--ga-size-spacing-06:1.5rem;--ga-size-spacing-07:2rem;--ga-size-spacing-08:2.5rem;--ga-size-spacing-09:3rem;--ga-size-spacing-10:4rem;--ga-size-spacing-11:5rem;--ga-size-spacing-12:6rem;--ga-size-spacing-13:10rem;--ga-text-2xl-font-size:1.5rem;--ga-text-2xl-font-style:normal;--ga-text-2xl-line-height:2rem;--ga-text-2xl-font-family:inherit;--ga-text-2xl-font-weight:400;--ga-text-2xl-letter-spacing:-0.019rem;--ga-text-2xl:var(--ga-text-2xl-font-style) var(--ga-text-2xl-font-weight) var(--ga-text-2xl-font-size)/var(--ga-text-2xl-line-height) var(--ga-text-2xl-font-family);--ga-text-3xl-font-size:2rem;--ga-text-3xl-font-style:normal;--ga-text-3xl-line-height:2.5rem;--ga-text-3xl-font-family:inherit;--ga-text-3xl-font-weight:400;--ga-text-3xl-letter-spacing:-0.022rem;--ga-text-3xl:var(--ga-text-3xl-font-style) var(--ga-text-3xl-font-weight) var(--ga-text-3xl-font-size)/var(--ga-text-3xl-line-height) var(--ga-text-3xl-font-family);--ga-text-lg-font-size:1rem;--ga-text-lg-font-style:normal;--ga-text-lg-line-height:1.5rem;--ga-text-lg-font-family:inherit;--ga-text-lg-font-weight:400;--ga-text-lg-letter-spacing:-0.011rem;--ga-text-lg:var(--ga-text-lg-font-style) var(--ga-text-lg-font-weight) var(--ga-text-lg-font-size)/var(--ga-text-lg-line-height) var(--ga-text-lg-font-family);--ga-text-md-font-size:0.875rem;--ga-text-md-font-style:normal;--ga-text-md-line-height:1.25rem;--ga-text-md-font-family:inherit;--ga-text-md-font-weight:400;--ga-text-md-letter-spacing:-0.006rem;--ga-text-md:var(--ga-text-md-font-style) var(--ga-text-md-font-weight) var(--ga-text-md-font-size)/var(--ga-text-md-line-height) var(--ga-text-md-font-family);--ga-text-sm-font-size:0.75rem;--ga-text-sm-font-style:normal;--ga-text-sm-line-height:1.25rem;--ga-text-sm-font-family:inherit;--ga-text-sm-font-weight:400;--ga-text-sm-letter-spacing:0;--ga-text-sm:var(--ga-text-sm-font-style) var(--ga-text-sm-font-weight) var(--ga-text-sm-font-size)/var(--ga-text-sm-line-height) var(--ga-text-sm-font-family);--ga-text-xl-font-size:1.125rem;--ga-text-xl-font-style:normal;--ga-text-xl-line-height:1.5rem;--ga-text-xl-font-family:inherit;--ga-text-xl-font-weight:400;--ga-text-xl-letter-spacing:-0.017rem;--ga-text-xl:var(--ga-text-xl-font-style) var(--ga-text-xl-font-weight) var(--ga-text-xl-font-size)/var(--ga-text-xl-line-height) var(--ga-text-xl-font-family);--ga-text-xs-font-size:0.6875rem;--ga-text-xs-font-style:normal;--ga-text-xs-line-height:1rem;--ga-text-xs-font-family:inherit;--ga-text-xs-font-weight:400;--ga-text-xs-letter-spacing:0.005rem;--ga-text-xs:var(--ga-text-xs-font-style) var(--ga-text-xs-font-weight) var(--ga-text-xs-font-size)/var(--ga-text-xs-line-height) var(--ga-text-xs-font-family);--vsn-customer-onboarding-wizard-font-family:var(--font-family,Inter,ui-sans-serif,system-ui,sans-serif);--ga-text-sm-size:var(--ga-text-sm-font-size);--ga-text-md-size:var(--ga-text-md-font-size);--ga-text-md-tracking:var(--ga-text-md-letter-spacing);--ga-text-xl-size:var(--ga-text-xl-font-size);--ga-text-xl-tracking:var(--ga-text-xl-letter-spacing);--ga-text-2xl-size:var(--ga-text-2xl-font-size);--ga-text-2xl-tracking:var(--ga-text-2xl-letter-spacing);--ga-size-content-2xs:11.25rem;--ga-size-content-xs:15rem;--ga-size-content-sm:22.5rem;--ga-color-utility-green-light:var(--ga-color-green-10);--ga-shadow-dropdown:var(--ga-shadow-south);}@media (width >= 48rem){:host{--ga-text-2xl-font-size:1.5rem;--ga-text-2xl-font-style:normal;--ga-text-2xl-line-height:2.5rem;--ga-text-2xl-font-family:inherit;--ga-text-2xl-font-weight:400;--ga-text-2xl-letter-spacing:-0.019rem;--ga-text-2xl:var(--ga-text-2xl-font-style) var(--ga-text-2xl-font-weight) var(--ga-text-2xl-font-size)/var(--ga-text-2xl-line-height) var(--ga-text-2xl-font-family);--ga-text-3xl-font-size:2.25rem;--ga-text-3xl-font-style:normal;--ga-text-3xl-line-height:3rem;--ga-text-3xl-font-family:inherit;--ga-text-3xl-font-weight:400;--ga-text-3xl-letter-spacing:-0.022rem;--ga-text-3xl:var(--ga-text-3xl-font-style) var(--ga-text-3xl-font-weight) var(--ga-text-3xl-font-size)/var(--ga-text-3xl-line-height) var(--ga-text-3xl-font-family);--ga-text-xl-font-size:1.25rem;--ga-text-xl-font-style:normal;--ga-text-xl-line-height:2rem;--ga-text-xl-font-family:inherit;--ga-text-xl-font-weight:400;--ga-text-xl-letter-spacing:-0.017rem;--ga-text-xl:var(--ga-text-xl-font-style) var(--ga-text-xl-font-weight) var(--ga-text-xl-font-size)/var(--ga-text-xl-line-height) var(--ga-text-xl-font-family);}}`, d = {
+  circle: () => b`
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
       <circle cx="12" cy="12" r="10"/>
     </svg>
   `,
-  circleDashed: () => v`
+  circleDashed: () => b`
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
       <path d="M10.1 2.18a9.93 9.93 0 0 1 3.8 0"/>
       <path d="M17.6 3.71a9.95 9.95 0 0 1 2.69 2.7"/>
@@ -19,12 +19,12 @@ const E = $`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
       <path d="M3.71 6.4a9.95 9.95 0 0 1 2.7-2.69"/>
     </svg>
   `,
-  check: () => v`
+  check: () => b`
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
       <path d="M20 6 9 17l-5-5"/>
     </svg>
   `,
-  circleDotDashed: () => v`
+  circleDotDashed: () => b`
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
       <path d="M10.1 2.18a9.93 9.93 0 0 1 3.8 0"/>
       <path d="M17.6 3.71a9.95 9.95 0 0 1 2.69 2.7"/>
@@ -37,44 +37,44 @@ const E = $`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
       <circle cx="12" cy="12" r="1"/>
     </svg>
   `,
-  circleCheckBig: () => v`
+  circleCheckBig: () => b`
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
       <path d="M21.801 10A10 10 0 1 1 17 3.335"/>
       <path d="m9 11 3 3L22 4"/>
     </svg>
   `,
-  octagonAlert: () => v`
+  octagonAlert: () => b`
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
       <path d="M12 16h.01"/>
       <path d="M12 8v4"/>
       <path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"/>
     </svg>
   `,
-  x: () => v`
+  x: () => b`
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
       <path d="M18 6 6 18"/>
       <path d="m6 6 12 12"/>
     </svg>
   `,
-  pencil: () => v`
+  pencil: () => b`
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
       <path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/>
       <path d="m15 5 4 4"/>
     </svg>
   `,
-  info: () => v`
+  info: () => b`
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
       <circle cx="12" cy="12" r="10"/>
       <path d="M12 16v-4"/>
       <path d="M12 8h.01"/>
     </svg>
   `,
-  chevronDown: () => v`
+  chevronDown: () => b`
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
       <path d="m6 9 6 6 6-6"/>
     </svg>
   `,
-  trash: () => v`
+  trash: () => b`
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
       <polyline points="3 6 5 6 21 6"/>
       <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2"/>
@@ -82,130 +82,25 @@ const E = $`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
       <line x1="14" y1="11" x2="14" y2="17"/>
     </svg>
   `,
-  userRound: () => v`
+  userRound: () => b`
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
       <circle cx="12" cy="8" r="5"/>
       <path d="M20 21a8 8 0 0 0-16 0"/>
     </svg>
   `,
-  plus: () => v`
+  plus: () => b`
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
       <path d="M5 12h14"/>
       <path d="M12 5v14"/>
     </svg>
   `,
-  search: () => v`
+  search: () => b`
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
       <circle cx="11" cy="11" r="8"/>
       <path d="m21 21-4.3-4.3"/>
     </svg>
   `
-}, I = {
-  "en-GB": {
-    wizard: {
-      title: "Set up your company"
-    },
-    steps: {
-      company: "Company",
-      administrators: "Administrators",
-      partnerAccess: "Partner Access",
-      progressLabel: "Setup progress"
-    },
-    welcome: {
-      greeting: "Welcome to Visma Software,",
-      description: "Let's get your company account ready. This setup takes about 5 minutes and helps you hit the ground running."
-    },
-    company: {
-      title: "Your company",
-      description: "Confirm your company details. This information will be used for your profile and system identity. You can always edit this later in settings.",
-      placeholder: "Company information placeholder",
-      contactLabel: "Contact",
-      editContactLabel: "Edit contact",
-      subscriptionLabel: "Your subscription includes",
-      address2Placeholder: "Address Line 2 (Optional)",
-      saveChanges: "Save changes",
-      cancelEdit: "Cancel",
-      companyNameLabel: "Company name",
-      organizationNumberLabel: "Organization number",
-      address1Label: "Address",
-      postalCodeLabel: "Postal code",
-      cityLabel: "City",
-      countryLabel: "Country",
-      webUrlLabel: "Website",
-      emailLabel: "Email",
-      editFormLabel: "Edit company details",
-      addressGroupLabel: "Postal code and city",
-      managePlanMessage: "Manage your plan by reaching out to your partner {partnerName}.",
-      fieldRequired: "This field is required.",
-      emailInvalid: "Please enter a valid email address."
-    },
-    administrators: {
-      title: "Administrators",
-      description: "Invite colleagues to help manage your company account and users. You can always add more administrators or adjust permissions later in the Admin settings.",
-      addAdministratorButton: "Add Administrator",
-      addNameButton: "Add name",
-      firstNameLabel: "First name",
-      lastNameLabel: "Last name",
-      youLabel: "You",
-      deleteRowLabel: "Delete administrator",
-      confirmSingular: "Confirm {count} Administrator",
-      confirmPlural: "Confirm {count} Administrators",
-      doneButton: "Done",
-      editButton: "Edit"
-    },
-    partnerAccess: {
-      title: "Give access to consultants",
-      description: "Invite consultants from {partnerName}, and give them access to help you configure the system. You can manage or revoke their access at any time.",
-      findConsultantPlaceholder: "Find consultant",
-      loading: "Loading consultants...",
-      confirmSingular: "Confirm {count} consultant",
-      confirmPlural: "Confirm {count} consultants"
-    },
-    complete: {
-      title: "Setup complete!",
-      message1: "We have invited your administrators and partners to join you. Your company is now ready.",
-      message2: "Please see our admin page to see where you can make further changes.",
-      goToAdminButton: "Go to Admin Page"
-    },
-    common: {
-      saveAndClose: "Save and close",
-      startSetup: "Start Set Up",
-      confirm: "Confirm",
-      close: "Close",
-      loading: "Loading customer information...",
-      dismissError: "Dismiss error"
-    },
-    errors: {
-      invalidRequest: {
-        title: "Invalid Request",
-        message: "Invalid request. Please check your input."
-      },
-      validationError: {
-        title: "Validation Error",
-        message: "Validation error. Please check your input."
-      },
-      notFound: {
-        title: "Not Found",
-        message: "Resource not found."
-      },
-      serverError: {
-        title: "Server Error",
-        message: "Server error. Please try again later."
-      },
-      requestTimeout: {
-        title: "Request Timeout",
-        message: "Request timeout. Please try again."
-      },
-      networkError: {
-        title: "Network Error",
-        message: "Network error. Please check your connection."
-      },
-      requestFailed: {
-        title: "Request Failed",
-        message: "Request failed. Please try again."
-      }
-    }
-  },
+}, B = {
   "en-US": {
     wizard: {
       title: "Set up your company"
@@ -236,6 +131,7 @@ const E = $`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
       postalCodeLabel: "Postal code",
       cityLabel: "City",
       countryLabel: "Country",
+      countryLabelWithValue: "Country: {country}",
       webUrlLabel: "Website",
       emailLabel: "Email",
       editFormLabel: "Edit company details",
@@ -262,6 +158,7 @@ const E = $`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
       title: "Give access to consultants",
       description: "Invite consultants from {partnerName}, and give them access to help you configure the system. You can manage or revoke their access at any time.",
       findConsultantPlaceholder: "Find consultant",
+      noResultsFound: "No consultants found",
       loading: "Loading consultants...",
       confirmSingular: "Confirm {count} consultant",
       confirmPlural: "Confirm {count} consultants"
@@ -341,6 +238,7 @@ const E = $`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
       postalCodeLabel: "Postnummer",
       cityLabel: "By",
       countryLabel: "Land",
+      countryLabelWithValue: "Land: {country}",
       webUrlLabel: "Hjemmeside",
       emailLabel: "E-mail",
       editFormLabel: "Rediger virksomhedsoplysninger",
@@ -367,6 +265,7 @@ const E = $`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
       title: "Giv adgang til konsulenter",
       description: "Inviter konsulenter fra {partnerName}, og giv dem adgang til at hjælpe dig med at konfigurere systemet. Du kan administrere eller tilbagekalde deres adgang når som helst.",
       findConsultantPlaceholder: "Find konsulent",
+      noResultsFound: "Ingen konsulenter fundet",
       loading: "Indlæser konsulenter...",
       confirmSingular: "Bekræft {count} konsulent",
       confirmPlural: "Bekræft {count} konsulenter"
@@ -446,6 +345,7 @@ const E = $`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
       postalCodeLabel: "Postinumero",
       cityLabel: "Kaupunki",
       countryLabel: "Maa",
+      countryLabelWithValue: "Maa: {country}",
       webUrlLabel: "Verkkosivusto",
       emailLabel: "Sähköposti",
       editFormLabel: "Muokkaa yritystietoja",
@@ -472,6 +372,7 @@ const E = $`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
       title: "Anna käyttöoikeus konsulteille",
       description: "Kutsu konsultteja {partnerName}:stä ja anna heille käyttöoikeus auttaaksesi järjestelmän määrittämisessä. Voit hallita tai peruuttaa heidän käyttöoikeutensa milloin tahansa.",
       findConsultantPlaceholder: "Etsi konsultti",
+      noResultsFound: "Konsultteja ei löydy",
       loading: "Ladataan konsultteja...",
       confirmSingular: "Vahvista {count} konsultti",
       confirmPlural: "Vahvista {count} konsultit"
@@ -551,6 +452,7 @@ const E = $`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
       postalCodeLabel: "Postnummer",
       cityLabel: "By",
       countryLabel: "Land",
+      countryLabelWithValue: "Land: {country}",
       webUrlLabel: "Nettside",
       emailLabel: "E-post",
       editFormLabel: "Rediger bedriftsdetaljer",
@@ -577,6 +479,7 @@ const E = $`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
       title: "Gi tilgang til konsulenter",
       description: "Inviter konsulenter fra {partnerName}, og gi dem tilgang til å hjelpe deg med å konfigurere systemet. Du kan administrere eller tilbakekalle tilgangen deres når som helst.",
       findConsultantPlaceholder: "Finn konsulent",
+      noResultsFound: "Ingen konsulenter funnet",
       loading: "Laster konsulenter...",
       confirmSingular: "Bekreft {count} konsulent",
       confirmPlural: "Bekreft {count} konsulenter"
@@ -656,6 +559,7 @@ const E = $`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
       postalCodeLabel: "Postcode",
       cityLabel: "Stad",
       countryLabel: "Land",
+      countryLabelWithValue: "Land: {country}",
       webUrlLabel: "Website",
       emailLabel: "E-mail",
       editFormLabel: "Bedrijfsgegevens bewerken",
@@ -682,6 +586,7 @@ const E = $`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
       title: "Geef toegang aan consultants",
       description: "Nodig consultants van {partnerName} uit en geef ze toegang om u te helpen bij het configureren van het systeem. U kunt hun toegang op elk moment beheren of intrekken.",
       findConsultantPlaceholder: "Zoek consultant",
+      noResultsFound: "Geen consultants gevonden",
       loading: "Consultants laden...",
       confirmSingular: "Bevestig {count} consultant",
       confirmPlural: "Bevestig {count} consultants"
@@ -761,6 +666,7 @@ const E = $`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
       postalCodeLabel: "Postnummer",
       cityLabel: "Stad",
       countryLabel: "Land",
+      countryLabelWithValue: "Land: {country}",
       webUrlLabel: "Webbplats",
       emailLabel: "E-post",
       editFormLabel: "Redigera företagsuppgifter",
@@ -787,6 +693,7 @@ const E = $`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
       title: "Ge åtkomst till konsulter",
       description: "Bjud in konsulter från {partnerName} och ge dem åtkomst för att hjälpa dig konfigurera systemet. Du kan hantera eller återkalla deras åtkomst när som helst.",
       findConsultantPlaceholder: "Hitta konsult",
+      noResultsFound: "Inga konsulter hittades",
       loading: "Laddar konsulter...",
       confirmSingular: "Bekräfta {count} konsult",
       confirmPlural: "Bekräfta {count} konsulter"
@@ -837,19 +744,22 @@ const E = $`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
     }
   }
 };
-class U {
+class T {
   constructor() {
-    this.currentLocale = "en-GB";
+    this.currentLocale = "en-US";
   }
   /**
    * Set the current locale
-   * Returns true when the locale is supported, otherwise falls back to en-GB and returns false.
+   * Returns true when the locale is supported, otherwise falls back to en-US and returns false.
+   * Note: en-GB is mapped to en-US translations.
    */
   setLocale(t) {
-    return I[t] ? (this.currentLocale = t, !0) : (console.warn(`Locale "${t}" not supported. Falling back to en-GB.`), this.currentLocale = "en-GB", !1);
+    const a = t === "en-GB" ? "en-US" : t;
+    return Object.prototype.hasOwnProperty.call(B, a) ? (this.currentLocale = a, !0) : (console.warn(`Locale "${t}" not supported. Falling back to en-US.`), this.currentLocale = "en-US", !1);
   }
   /**
    * Get the current locale
+   * Returns the resolved locale (en-GB is returned as 'en-US').
    */
   getLocale() {
     return this.currentLocale;
@@ -858,20 +768,20 @@ class U {
    * Get translations for the current locale
    */
   getTranslations() {
-    return I[this.currentLocale];
+    return B[this.currentLocale];
   }
   /**
    * Get a translation by key path
    */
   t(t) {
     const a = t.split(".");
-    let r = I[this.currentLocale];
+    let r = B[this.currentLocale];
     for (const i of a)
       r = r == null ? void 0 : r[i];
     return typeof r == "string" ? r : t;
   }
 }
-class B extends Error {
+class q extends Error {
   constructor(t, a) {
     super(`HTTP ${t}: ${a}`), this.status = t, this.name = "HttpError";
   }
@@ -908,7 +818,7 @@ class O {
    * @param retryFn - Function to retry the request
    */
   emitHttpError(t, a, r, i, o) {
-    var C;
+    var L;
     if (t !== 401 && t !== 403)
       return;
     const s = {
@@ -918,12 +828,12 @@ class O {
       endpoint: r,
       method: i,
       retry: o
-    }, z = new CustomEvent("http-error", {
+    }, h = new CustomEvent("http-error", {
       detail: s,
       bubbles: !0,
       composed: !0
     });
-    (C = this.eventTarget) == null || C.dispatchEvent(z);
+    (L = this.eventTarget) == null || L.dispatchEvent(h);
   }
   /**
    * Emit error message event for internal error handling
@@ -935,7 +845,7 @@ class O {
    * @param method - HTTP method
    */
   emitErrorMessage(t, a, r, i) {
-    var z;
+    var h;
     const o = {
       status: t,
       errorKey: a,
@@ -946,22 +856,22 @@ class O {
       bubbles: !0,
       composed: !0
     });
-    (z = this.eventTarget) == null || z.dispatchEvent(s);
+    (h = this.eventTarget) == null || h.dispatchEvent(s);
   }
   async request(t, a = {}) {
-    const { method: r = "GET", headers: i = {}, body: o, timeout: s = 3e4 } = a, z = new AbortController(), C = setTimeout(() => z.abort(), s), x = {
+    const { method: r = "GET", headers: i = {}, body: o, timeout: s = 3e4 } = a, h = new AbortController(), L = setTimeout(() => h.abort(), s), z = {
       ...this.defaultHeaders,
       ...i
     };
-    this.authToken && (x.Authorization = `Bearer ${this.authToken}`);
+    this.authToken && (z.Authorization = `Bearer ${this.authToken}`);
     try {
       const c = await fetch(`${this.baseUrl}${t}`, {
         method: r,
-        headers: x,
+        headers: z,
         body: o ? JSON.stringify(o) : void 0,
-        signal: z.signal
+        signal: h.signal
       });
-      if (clearTimeout(C), !c.ok) {
+      if (clearTimeout(L), !c.ok) {
         if (c.status === 401 || c.status === 403)
           this.emitHttpError(
             c.status,
@@ -972,18 +882,18 @@ class O {
             // Retry function
           );
         else if (!(a.suppressErrorStatuses ?? []).includes(c.status)) {
-          const D = this.getErrorKey(c.status);
-          this.emitErrorMessage(c.status, D, t, r);
+          const U = this.getErrorKey(c.status);
+          this.emitErrorMessage(c.status, U, t, r);
         }
-        throw new B(c.status, c.statusText);
+        throw new q(c.status, c.statusText);
       }
       return c.status === 204 ? void 0 : await c.json();
     } catch (c) {
-      if (clearTimeout(C), c instanceof B)
+      if (clearTimeout(L), c instanceof q)
         throw c;
       if (c instanceof Error) {
-        const w = c.message.includes("aborted") ? "requestTimeout" : "networkError";
-        throw this.emitErrorMessage(0, w, t, r), new Error(`Request failed: ${c.message}`);
+        const k = c.message.includes("aborted") ? "requestTimeout" : "networkError";
+        throw this.emitErrorMessage(0, k, t, r), new Error(`Request failed: ${c.message}`);
       }
       throw c;
     }
@@ -1063,7 +973,7 @@ class O {
         { suppressErrorStatuses: [404] }
       );
     } catch (a) {
-      if (a instanceof B && a.status === 404)
+      if (a instanceof q && a.status === 404)
         return null;
       throw a;
     }
@@ -1097,16 +1007,22 @@ class O {
     return this.request(t, { method: "PATCH", body: a, headers: r });
   }
 }
-const j = $`button{padding:var(--ga-size-spacing-04) var(--ga-size-spacing-07);border-radius:var(--ga-radius);font-size:var(--ga-text-md-size);font-weight:var(--ga-font-weight-medium);cursor:pointer;transition:background-color var(--ga-transition-hover),border-color var(--ga-transition-hover);border:var(--ga-size-border-width-sm) solid transparent;white-space:nowrap;font-family:var(--vsn-customer-onboarding-wizard-font-family);}.btn-primary{background:var(--ga-color-surface-action);color:var(--ga-color-secondary-10);border-color:var(--ga-color-surface-action);}.btn-primary:hover:not(:disabled){background:var(--ga-color-surface-action-hover);border-color:var(--ga-color-surface-action-hover);}.btn-primary:disabled{opacity:0.5;cursor:not-allowed;}.btn-secondary{background:var(--ga-color-white);color:var(--ga-color-text-body);border-color:var(--ga-color-cyan-80);}.btn-secondary:hover{background:var(--ga-color-secondary-10);}.btn-primary:focus-visible,.btn-secondary:focus-visible{outline:var(--ga-size-border-width-md) solid var(--ga-color-border-focus);outline-offset:var(--ga-size-border-width-md);}`, P = $`:host{display:block;}.step-content{text-align:left;}.step-content h2{font-size:var(--ga-text-2xl-size);line-height:var(--ga-text-2xl-line-height);letter-spacing:var(--ga-text-2xl-tracking);font-weight:var(--ga-font-weight-normal);margin:0 0 var(--ga-size-spacing-03);color:var(--ga-color-text-headings);}.wizard-actions{display:flex;justify-content:flex-end;align-items:center;margin-top:var(--ga-size-spacing-09);gap:var(--ga-size-spacing-05);}.field-error{display:flex;align-items:center;gap:var(--ga-size-spacing-02);margin-top:var(--ga-size-spacing-01);color:var(--ga-color-icon-error);font-size:var(--ga-text-sm-size);font-family:var(--vsn-customer-onboarding-wizard-font-family);line-height:var(--ga-text-sm-line-height);}.field-error svg{width:var(--ga-size-spacing-04);height:var(--ga-size-spacing-04);flex-shrink:0;}.field-error-text{color:var(--ga-color-text-body);}.field-error--empty{visibility:hidden;}`;
-var M = Object.defineProperty, V = Object.getOwnPropertyDescriptor, F = (e, t, a, r) => {
+const j = S`button{padding:var(--ga-size-spacing-04) var(--ga-size-spacing-07);border-radius:var(--ga-radius);font-size:var(--ga-text-md-size);font-weight:var(--ga-font-weight-medium);cursor:pointer;transition:background-color var(--ga-transition-hover),border-color var(--ga-transition-hover);border:var(--ga-size-border-width-sm) solid transparent;white-space:nowrap;font-family:var(--vsn-customer-onboarding-wizard-font-family);}.btn-primary{background:var(--ga-color-surface-action);color:var(--ga-color-secondary-10);border-color:var(--ga-color-surface-action);}.btn-primary:hover:not(:disabled){background:var(--ga-color-surface-action-hover);border-color:var(--ga-color-surface-action-hover);}.btn-primary:disabled{opacity:0.5;cursor:not-allowed;}.btn-secondary{background:var(--ga-color-white);color:var(--ga-color-text-body);border-color:var(--ga-color-cyan-80);}.btn-secondary:hover{background:var(--ga-color-secondary-10);}.btn-primary:focus-visible,.btn-secondary:focus-visible{outline:var(--ga-size-border-width-md) solid var(--ga-color-border-focus);outline-offset:var(--ga-size-border-width-md);}`, P = S`:host{display:block;}.step-content{text-align:left;}.step-content h2{font-size:var(--ga-text-2xl-size);line-height:var(--ga-text-2xl-line-height);letter-spacing:var(--ga-text-2xl-tracking);font-weight:var(--ga-font-weight-normal);margin:0 0 var(--ga-size-spacing-03);color:var(--ga-color-text-headings);}.wizard-actions{display:flex;justify-content:flex-end;align-items:center;margin-top:var(--ga-size-spacing-09);gap:var(--ga-size-spacing-05);}.field-error{display:flex;align-items:center;gap:var(--ga-size-spacing-02);margin-top:var(--ga-size-spacing-01);color:var(--ga-color-icon-error);font-size:var(--ga-text-sm-size);font-family:var(--vsn-customer-onboarding-wizard-font-family);line-height:var(--ga-text-sm-line-height);}.field-error svg{width:var(--ga-size-spacing-04);height:var(--ga-size-spacing-04);flex-shrink:0;}.field-error-text{color:var(--ga-color-text-body);}.field-error--empty{visibility:hidden;}`;
+var M = Object.defineProperty, V = Object.getOwnPropertyDescriptor, D = (e, t, a, r) => {
   for (var i = r > 1 ? void 0 : r ? V(t, a) : t, o = e.length - 1, s; o >= 0; o--)
     (s = e[o]) && (i = (r ? s(t, a, i) : s(i)) || i);
   return r && i && M(t, a, i), i;
 };
-let N = class extends L {
+let R = class extends E {
   constructor() {
     super(...arguments), this.userName = "User";
   }
+  firstUpdated() {
+    this.updateComplete.then(() => {
+      var e, t;
+      (t = (e = this.shadowRoot) == null ? void 0 : e.querySelector("h2")) == null || t.focus();
+    });
+  }
   handleStartSetup() {
     this.dispatchEvent(new CustomEvent("start-setup", {
       bubbles: !0,
@@ -1124,7 +1040,7 @@ let N = class extends L {
     return n`
       <div class="wizard-content">
         <div class="welcome-wrapper">
-          <h2 class="welcome-message">
+          <h2 class="welcome-message" tabindex="-1">
             ${e.welcome.greeting}<br />
             <span class="user-name">${this.userName}!</span>
           </h2>
@@ -1144,28 +1060,28 @@ let N = class extends L {
     `;
   }
 };
-N.styles = [
-  E,
+R.styles = [
+  N,
   j,
   P,
-  $`.wizard-content{text-align:left;padding:var(--ga-size-spacing-08) 0 var(--ga-size-spacing-06);}.welcome-wrapper{width:var(--ga-size-content-sm);margin:0 auto;text-align:left;}.welcome-wrapper p{font-size:var(--ga-text-md-size);line-height:var(--ga-text-md-line-height);letter-spacing:var(--ga-text-md-tracking);color:var(--ga-color-text-body);margin:0;}.welcome-wrapper h2.welcome-message{font-size:var(--ga-text-2xl-size);line-height:var(--ga-text-2xl-line-height);letter-spacing:var(--ga-text-2xl-tracking);font-weight:400;margin:0 0 var(--ga-size-spacing-06);color:var(--ga-color-text-headings);}`
+  S`.wizard-content{text-align:left;padding:var(--ga-size-spacing-08) 0 var(--ga-size-spacing-06);}.welcome-wrapper{width:var(--ga-size-content-sm);margin:0 auto;text-align:left;}.welcome-wrapper p{font-size:var(--ga-text-md-size);line-height:var(--ga-text-md-line-height);letter-spacing:var(--ga-text-md-tracking);color:var(--ga-color-text-body);margin:0;}.welcome-wrapper h2.welcome-message{font-size:var(--ga-text-2xl-size);line-height:var(--ga-text-2xl-line-height);letter-spacing:var(--ga-text-2xl-tracking);font-weight:400;margin:0 0 var(--ga-size-spacing-06);color:var(--ga-color-text-headings);}h2[tabindex="-1"]:focus{outline:none;}`
 ];
-F([
+D([
   g({ type: String })
-], N.prototype, "userName", 2);
-F([
+], R.prototype, "userName", 2);
+D([
   g({ type: Object })
-], N.prototype, "translations", 2);
-N = F([
-  S("wizard-step-welcome")
-], N);
-var _ = Object.defineProperty, G = Object.getOwnPropertyDescriptor, u = (e, t, a, r) => {
-  for (var i = r > 1 ? void 0 : r ? G(t, a) : t, o = e.length - 1, s; o >= 0; o--)
+], R.prototype, "translations", 2);
+R = D([
+  A("wizard-step-welcome")
+], R);
+var _ = Object.defineProperty, W = Object.getOwnPropertyDescriptor, v = (e, t, a, r) => {
+  for (var i = r > 1 ? void 0 : r ? W(t, a) : t, o = e.length - 1, s; o >= 0; o--)
     (s = e[o]) && (i = (r ? s(t, a, i) : s(i)) || i);
   return r && i && _(t, a, i), i;
 };
-const A = ["NO", "SE", "DK", "FI", "NL"];
-let p = class extends L {
+const C = ["NO", "SE", "DK", "FI", "NL"];
+let m = class extends E {
   constructor() {
     super(...arguments), this.locale = "en-GB", this.customerInfo = null, this.editingContact = !1, this.countryDropdownOpen = !1, this.fieldErrors = {}, this.editName = "", this.editAddress1 = "", this.editAddress2 = "", this.editPostalCode = "", this.editCity = "", this.editCountryCode = "", this.editWebUrl = "", this.editContactEmail = "", this.localCustomer = null;
   }
@@ -1253,16 +1169,48 @@ let p = class extends L {
     e.currentTarget.contains(e.relatedTarget) || (this.countryDropdownOpen = !1);
   }
   handleCountryKeydown(e) {
-    const t = A.indexOf(this.editCountryCode);
+    const t = C.indexOf(this.editCountryCode);
     if (e.key === "ArrowDown") {
       e.preventDefault(), this.countryDropdownOpen = !0;
-      const a = Math.min(t + 1, A.length - 1);
-      this.editCountryCode = A[a];
+      const a = C[Math.min(t + 1, C.length - 1)];
+      this.editCountryCode = a, this.updateComplete.then(() => {
+        var r, i;
+        (i = (r = this.shadowRoot) == null ? void 0 : r.querySelector(`[data-country-code="${a}"]`)) == null || i.focus();
+      });
     } else if (e.key === "ArrowUp") {
       e.preventDefault(), this.countryDropdownOpen = !0;
-      const a = Math.max(t - 1, 0);
-      this.editCountryCode = A[a];
-    } else e.key === "Escape" && (this.countryDropdownOpen = !1);
+      const a = C[Math.max(t - 1, 0)];
+      this.editCountryCode = a, this.updateComplete.then(() => {
+        var r, i;
+        (i = (r = this.shadowRoot) == null ? void 0 : r.querySelector(`[data-country-code="${a}"]`)) == null || i.focus();
+      });
+    } else e.key === "Escape" && (e.stopPropagation(), this.countryDropdownOpen = !1);
+  }
+  handleOptionKeydown(e, t) {
+    var a, r;
+    if (e.key === "Enter" || e.key === " ")
+      e.preventDefault(), this.selectCountry(t);
+    else if (e.key === "ArrowDown") {
+      e.preventDefault();
+      const i = C.indexOf(t), o = C[Math.min(i + 1, C.length - 1)];
+      this.editCountryCode = o, this.updateComplete.then(() => {
+        var s, h;
+        (h = (s = this.shadowRoot) == null ? void 0 : s.querySelector(`[data-country-code="${o}"]`)) == null || h.focus();
+      });
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      const i = C.indexOf(t), o = C[Math.max(i - 1, 0)];
+      this.editCountryCode = o, this.updateComplete.then(() => {
+        var s, h;
+        (h = (s = this.shadowRoot) == null ? void 0 : s.querySelector(`[data-country-code="${o}"]`)) == null || h.focus();
+      });
+    } else e.key === "Escape" && (e.stopPropagation(), (r = (a = this.shadowRoot) == null ? void 0 : a.querySelector(".select-trigger")) == null || r.focus(), this.countryDropdownOpen = !1);
+  }
+  firstUpdated() {
+    this.updateComplete.then(() => {
+      var e, t;
+      (t = (e = this.shadowRoot) == null ? void 0 : e.querySelector("h2")) == null || t.focus();
+    });
   }
   updated(e) {
     var t;
@@ -1279,14 +1227,14 @@ let p = class extends L {
       }
   }
   handleStepKeydown(e) {
-    e.key === "Escape" && this.editingContact && (e.preventDefault(), this.handleCancelEdit());
+    e.key === "Escape" && this.editingContact && (e.preventDefault(), e.stopPropagation(), this.handleCancelEdit());
   }
   render() {
     const e = this.translations;
     if (!this.customerInfo)
       return n`
         <div class="step-content">
-          <h2>${e.company.title}</h2>
+          <h2 tabindex="-1">${e.company.title}</h2>
           <p>${e.company.description}</p>
           <hr class="section-divider" />
           <div class="loading-placeholder">
@@ -1305,7 +1253,7 @@ let p = class extends L {
     const { customer: t, subscriptions: a } = this.customerInfo, r = this.localCustomer ?? t, i = r.name.split(" ").map((o) => o[0]).join("").toUpperCase().substring(0, 2);
     return n`
       <div class="step-content" @keydown=${this.handleStepKeydown}>
-        <h2>${e.company.title}</h2>
+        <h2 tabindex="-1">${e.company.title}</h2>
         <p>${e.company.description}</p>
 
         <hr class="section-divider" />
@@ -1319,6 +1267,7 @@ let p = class extends L {
                   aria-label=${e.company.companyNameLabel}
                   aria-invalid=${this.fieldErrors.name ? "true" : "false"}
                   .value=${this.editName}
+                  aria-describedby=${this.fieldErrors.name ? "company-error-name" : p}
                   @input=${(o) => {
       this.editName = o.target.value, this.clearFieldError("name");
     }}
@@ -1326,11 +1275,13 @@ let p = class extends L {
       this.validateField("name", o.target.value);
     }}
                 />
-                ${this.fieldErrors.name ? n`<span class="field-error">${d.octagonAlert()}<span class="field-error-text">${this.fieldErrors.name}</span></span>` : ""}
-                <span class="org-number" aria-label=${e.company.organizationNumberLabel} title=${e.company.organizationNumberLabel}>${r.organizationNumber}</span>
+                ${this.fieldErrors.name ? n`<span class="field-error" role="alert" id="company-error-name"><span aria-hidden="true">${d.octagonAlert()}</span><span class="field-error-text">${this.fieldErrors.name}</span></span>` : ""}
+                <span class="sr-only">${e.company.organizationNumberLabel}: </span>
+                <span class="org-number" title=${e.company.organizationNumberLabel}>${r.organizationNumber}</span>
               </div>` : n`<div class="company-name-wrapper">
                 <h3 class="company-name">${r.name}</h3>
-                <span class="org-number" aria-label=${e.company.organizationNumberLabel} title=${e.company.organizationNumberLabel}>${r.organizationNumber}</span>
+                <span class="sr-only">${e.company.organizationNumberLabel}: </span>
+                <span class="org-number" title=${e.company.organizationNumberLabel}>${r.organizationNumber}</span>
               </div>`}
         </div>
 
@@ -1346,6 +1297,7 @@ let p = class extends L {
                     aria-label=${e.company.address1Label}
                     aria-invalid=${this.fieldErrors.address1 ? "true" : "false"}
                     .value=${this.editAddress1}
+                    aria-describedby=${this.fieldErrors.address1 ? "company-error-address1" : p}
                     @input=${(o) => {
       this.editAddress1 = o.target.value, this.clearFieldError("address1");
     }}
@@ -1353,7 +1305,7 @@ let p = class extends L {
       this.validateField("address1", o.target.value);
     }}
                   />
-                  ${this.fieldErrors.address1 ? n`<span class="field-error">${d.octagonAlert()}<span class="field-error-text">${this.fieldErrors.address1}</span></span>` : ""}
+                  ${this.fieldErrors.address1 ? n`<span class="field-error" role="alert" id="company-error-address1"><span aria-hidden="true">${d.octagonAlert()}</span><span class="field-error-text">${this.fieldErrors.address1}</span></span>` : ""}
                 </div>
                 <input
                   class="form-input"
@@ -1375,6 +1327,7 @@ let p = class extends L {
                     aria-label=${e.company.postalCodeLabel}
                     aria-invalid=${this.fieldErrors.postalCode ? "true" : "false"}
                     .value=${this.editPostalCode}
+                    aria-describedby=${this.fieldErrors.postalCode ? "company-error-postal" : p}
                     @input=${(o) => {
       this.editPostalCode = o.target.value, this.clearFieldError("postalCode");
     }}
@@ -1388,6 +1341,7 @@ let p = class extends L {
                     aria-label=${e.company.cityLabel}
                     aria-invalid=${this.fieldErrors.city ? "true" : "false"}
                     .value=${this.editCity}
+                    aria-describedby=${this.fieldErrors.city ? "company-error-city" : p}
                     @input=${(o) => {
       this.editCity = o.target.value, this.clearFieldError("city");
     }}
@@ -1396,8 +1350,8 @@ let p = class extends L {
     }}
                   />
                   </div>
-                  ${this.fieldErrors.postalCode ? n`<span class="field-error">${d.octagonAlert()}<span class="field-error-text">${this.fieldErrors.postalCode}</span></span>` : ""}
-                  ${this.fieldErrors.city ? n`<span class="field-error">${d.octagonAlert()}<span class="field-error-text">${this.fieldErrors.city}</span></span>` : ""}
+                  ${this.fieldErrors.postalCode ? n`<span class="field-error" role="alert" id="company-error-postal"><span aria-hidden="true">${d.octagonAlert()}</span><span class="field-error-text">${this.fieldErrors.postalCode}</span></span>` : ""}
+                  ${this.fieldErrors.city ? n`<span class="field-error" role="alert" id="company-error-city"><span aria-hidden="true">${d.octagonAlert()}</span><span class="field-error-text">${this.fieldErrors.city}</span></span>` : ""}
                 </div>
                 <div
                   class="select-wrapper"
@@ -1408,7 +1362,7 @@ let p = class extends L {
                     class="form-input select-trigger"
                     aria-haspopup="listbox"
                     aria-expanded=${String(this.countryDropdownOpen)}
-                    aria-label=${e.company.countryLabel}
+                    aria-label=${this.editCountryCode ? e.company.countryLabelWithValue.replace("{country}", this.getCountryLabel(this.editCountryCode)) : e.company.countryLabel}
                     @click=${this.toggleCountryDropdown}
                     @keydown=${this.handleCountryKeydown}
                   >
@@ -1417,18 +1371,17 @@ let p = class extends L {
                   </button>
                   ${this.countryDropdownOpen ? n`
                     <ul class="dropdown-menu" role="listbox" aria-label=${e.company.countryLabel}>
-                      ${A.map((o) => n`
+                      ${C.map((o) => n`
                         <li
                           class="dropdown-option"
                           role="option"
                           aria-selected=${String(o === this.editCountryCode)}
                           tabindex="0"
+                          data-country-code=${o}
                           @click=${() => this.selectCountry(o)}
-                          @keydown=${(s) => {
-      (s.key === "Enter" || s.key === " ") && (s.preventDefault(), this.selectCountry(o));
-    }}
+                          @keydown=${(s) => this.handleOptionKeydown(s, o)}
                         >
-                          <span class="dropdown-option-icon">${o === this.editCountryCode ? d.check() : ""}</span>
+                          <span class="dropdown-option-icon" aria-hidden="true">${o === this.editCountryCode ? d.check() : ""}</span>
                           ${this.getCountryLabel(o)}
                         </li>
                       `)}
@@ -1442,6 +1395,7 @@ let p = class extends L {
                     aria-label=${e.company.webUrlLabel}
                     aria-invalid=${this.fieldErrors.webUrl ? "true" : "false"}
                     .value=${this.editWebUrl}
+                    aria-describedby=${this.fieldErrors.webUrl ? "company-error-webUrl" : p}
                     @input=${(o) => {
       this.editWebUrl = o.target.value, this.clearFieldError("webUrl");
     }}
@@ -1449,7 +1403,7 @@ let p = class extends L {
       this.validateField("webUrl", o.target.value);
     }}
                   />
-                  ${this.fieldErrors.webUrl ? n`<span class="field-error">${d.octagonAlert()}<span class="field-error-text">${this.fieldErrors.webUrl}</span></span>` : ""}
+                  ${this.fieldErrors.webUrl ? n`<span class="field-error" role="alert" id="company-error-webUrl"><span aria-hidden="true">${d.octagonAlert()}</span><span class="field-error-text">${this.fieldErrors.webUrl}</span></span>` : ""}
                 </div>
                 <div class="form-field">
                   <input
@@ -1458,6 +1412,7 @@ let p = class extends L {
                     aria-label=${e.company.emailLabel}
                     aria-invalid=${this.fieldErrors.contactEmail ? "true" : "false"}
                     .value=${this.editContactEmail}
+                    aria-describedby=${this.fieldErrors.contactEmail ? "company-error-email" : p}
                     @input=${(o) => {
       this.editContactEmail = o.target.value, this.clearFieldError("contactEmail");
     }}
@@ -1465,7 +1420,7 @@ let p = class extends L {
       this.validateField("contactEmail", o.target.value);
     }}
                   />
-                  ${this.fieldErrors.contactEmail ? n`<span class="field-error">${d.octagonAlert()}<span class="field-error-text">${this.fieldErrors.contactEmail}</span></span>` : ""}
+                  ${this.fieldErrors.contactEmail ? n`<span class="field-error" role="alert" id="company-error-email"><span aria-hidden="true">${d.octagonAlert()}</span><span class="field-error-text">${this.fieldErrors.contactEmail}</span></span>` : ""}
                 </div>
                 <div class="edit-actions">
                   <button type="button" class="btn-primary" @click=${this.handleSaveChanges}>
@@ -1479,14 +1434,14 @@ let p = class extends L {
             ` : n`
               <div class="contact-info">
                 <div class="contact-group">
-                  <p>${r.address1}</p>
-                  ${r.address2 ? n`<p>${r.address2}</p>` : ""}
-                  <p>${r.postalCode} ${r.city}</p>
-                  <p>${this.getCountryLabel(r.countryCode)}</p>
+                  <p title=${e.company.address1Label}>${r.address1}</p>
+                  ${r.address2 ? n`<p title=${e.company.address2Placeholder}>${r.address2}</p>` : ""}
+                  <p><span title=${e.company.postalCodeLabel}>${r.postalCode}</span> <span title=${e.company.cityLabel}>${r.city}</span></p>
+                  <p title=${e.company.countryLabel}>${this.getCountryLabel(r.countryCode)}</p>
                 </div>
                 <div class="contact-group">
-                  <p>${r.webUrl}</p>
-                  <p>${r.contactEmail}</p>
+                  <p title=${e.company.webUrlLabel}>${r.webUrl}</p>
+                  <p title=${e.company.emailLabel}>${r.contactEmail}</p>
                 </div>
               </div>
               <button class="edit-contact-btn" type="button" aria-label=${e.company.editContactLabel} aria-expanded=${String(this.editingContact)} title=${e.company.editContactLabel} @click=${this.handleEditContact}>
@@ -1501,14 +1456,14 @@ let p = class extends L {
             <ul class="subscription-list">
               ${a.map((o) => n`
                 <li>
-                  ${d.check()}
+                  <span aria-hidden="true">${d.check()}</span>
                   ${o}
                 </li>
               `)}
             </ul>
             ${this.editingContact ? n`
               <div class="plan-notification" role="note">
-                <div class="plan-notification-icon">${d.info()}</div>
+                <div class="plan-notification-icon" aria-hidden="true">${d.info()}</div>
                 <p class="plan-notification-text">
                   ${(() => {
       const o = e.company.managePlanMessage.split("{partnerName}"), s = this.customerInfo.partner.name;
@@ -1534,69 +1489,75 @@ let p = class extends L {
     `;
   }
 };
-p.styles = [
-  E,
+m.styles = [
+  N,
   j,
   P,
-  $`:host{--avatar-size:var(--ga-size-spacing-09);}.step-content > p{font-size:var(--ga-text-md-size);line-height:var(--ga-text-md-line-height);letter-spacing:var(--ga-text-md-tracking);color:var(--ga-color-text-body);margin:0 0 var(--ga-size-spacing-06);}.section-divider{border:none;border-top:var(--ga-size-border-width-sm) solid var(--ga-color-neutral-30);margin:0 0 var(--ga-size-spacing-06);}.loading-placeholder{padding:var(--ga-size-spacing-05);background:var(--ga-color-neutral-10);border-radius:var(--ga-radius);color:var(--ga-color-neutral-60);font-size:var(--ga-text-md-size);line-height:var(--ga-text-md-line-height);}.company-header{display:flex;align-items:center;gap:var(--ga-size-spacing-05);margin-bottom:var(--ga-size-spacing-07);}.company-avatar{width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--ga-radius-round);background:transparent;border:var(--ga-size-border-width-sm) solid var(--ga-color-text-headings);color:var(--ga-color-text-headings);display:flex;align-items:center;justify-content:center;font-size:var(--ga-text-md-size);font-weight:600;flex-shrink:0;}.company-name{font-size:var(--ga-text-xl-size);line-height:var(--ga-text-xl-line-height);letter-spacing:var(--ga-text-xl-tracking);font-weight:400;margin:0;color:var(--ga-color-text-headings);}.company-columns{display:flex;gap:var(--ga-size-spacing-07);align-items:flex-start;padding-bottom:var(--ga-size-spacing-04);padding-left:var(--ga-size-spacing-10);padding-right:var(--ga-size-spacing-10);}.contact-column{width:var(--ga-size-content-xs);flex-shrink:0;display:flex;flex-direction:column;gap:var(--ga-size-spacing-05);}.edit-contact-btn{all:unset;display:flex;align-items:center;justify-content:center;width:var(--ga-size-spacing-07);height:var(--ga-size-spacing-07);border:var(--ga-size-border-width-sm) solid var(--ga-color-border-primary);border-radius:var(--ga-radius);cursor:pointer;color:var(--ga-color-text-body);}.edit-contact-btn:hover{background:var(--ga-color-neutral-10);}.edit-contact-btn:focus-visible{outline:var(--ga-size-border-width-md) solid var(--ga-color-primary);outline-offset:var(--ga-size-border-width-md);}.edit-contact-btn svg{width:var(--ga-size-spacing-05);height:var(--ga-size-spacing-05);}.edit-form{display:flex;flex-direction:column;gap:var(--ga-size-spacing-05);}.form-field{display:flex;flex-direction:column;}.form-input{width:100%;padding:var(--ga-size-spacing-03) var(--ga-size-spacing-04);border:var(--ga-size-border-width-sm) solid var(--ga-color-border-primary);border-radius:var(--ga-radius);font-size:var(--ga-text-md-size);font-family:var(--ga-font-family-primary);line-height:var(--ga-text-md-line-height);letter-spacing:var(--ga-text-md-tracking);color:var(--ga-color-text-action);background:var(--ga-color-white);box-sizing:border-box;outline:none;transition:border-color 0.2s;}.form-input:focus{border-color:var(--ga-color-border-focus);box-shadow:0 0 0 var(--ga-size-border-width-md) var(--ga-color-white),0 0 0 var(--ga-size-border-width-lg) var(--ga-color-border-focus);}.form-input.has-error{border-color:var(--ga-color-border-error);background:var(--ga-color-surface-error);}.form-input.has-error:focus{border-color:var(--ga-color-border-error);box-shadow:0 0 0 var(--ga-size-border-width-md) var(--ga-color-white),0 0 0 var(--ga-size-border-width-lg) var(--ga-color-border-error);}.postal-city-row{display:flex;gap:var(--ga-size-spacing-03);}.input-postal{width:var(--ga-size-spacing-10);flex-shrink:0;}.input-city{flex:1;}.input-country{max-width:var(--ga-size-content-2xs);}.select-wrapper{position:relative;max-width:var(--ga-size-content-2xs);}.select-trigger{display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer;width:100%;padding-right:var(--ga-size-spacing-04);}.select-trigger svg{width:var(--ga-size-spacing-05);height:var(--ga-size-spacing-05);flex-shrink:0;color:var(--ga-color-text-action);}.dropdown-menu{position:absolute;top:calc(100% + var(--ga-size-spacing-01));left:0;right:0;background:var(--ga-color-surface-primary);border:var(--ga-size-border-width-sm) solid var(--ga-color-border-primary);border-radius:var(--ga-radius);box-shadow:var(--ga-shadow-dropdown);list-style:none;margin:0;padding:0;z-index:10;overflow:hidden;}.dropdown-option{display:flex;align-items:center;gap:var(--ga-size-spacing-03);padding:var(--ga-size-spacing-03) var(--ga-size-spacing-04);font-size:var(--ga-text-md-size);font-family:var(--ga-font-family-primary);line-height:var(--ga-text-md-line-height);letter-spacing:var(--ga-text-md-tracking);color:var(--ga-color-text-body);cursor:pointer;list-style:none;outline:none;position:relative;}.dropdown-option[aria-selected='true']{background:var(--ga-color-surface-selected);}.dropdown-option:hover{background:var(--ga-color-surface-action-hover-2);color:var(--ga-color-text-action-hover);}.dropdown-option:focus{box-shadow:inset 0 0 0 var(--ga-size-border-width-md) var(--ga-color-border-focus);}.dropdown-option-icon{width:var(--ga-size-spacing-05);height:var(--ga-size-spacing-05);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--ga-color-text-body);}.dropdown-option-icon svg{width:var(--ga-size-spacing-05);height:var(--ga-size-spacing-05);}.company-name-wrapper{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--ga-size-spacing-03);}.org-number{font-size:var(--ga-text-sm-size);line-height:var(--ga-text-sm-line-height);color:var(--ga-color-text-subtle);}.company-name-input{width:100%;}.edit-actions{display:flex;gap:var(--ga-size-spacing-05);align-items:center;margin-top:var(--ga-size-spacing-03);}.subscription-card{flex:1;border:var(--ga-size-border-width-sm) solid var(--ga-color-border-primary);border-radius:var(--ga-radius);background:var(--ga-color-white);padding:var(--ga-size-spacing-03) var(--ga-size-spacing-03) var(--ga-size-spacing-03) var(--ga-size-spacing-05);display:flex;flex-direction:column;gap:var(--ga-size-spacing-03);}.subscription-title{font-size:var(--ga-text-md-size);line-height:var(--ga-text-md-line-height);letter-spacing:var(--ga-text-md-tracking);font-weight:700;color:var(--ga-color-text-body);margin:0;}.contact-info{display:flex;flex-direction:column;gap:var(--ga-size-spacing-05);}.contact-group{display:flex;flex-direction:column;gap:var(--ga-size-spacing-01);}.contact-info p{margin:0;font-size:var(--ga-text-md-size);line-height:var(--ga-text-md-line-height);letter-spacing:var(--ga-text-md-tracking);color:var(--ga-color-text-body);}.subscription-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--ga-size-spacing-03);}.subscription-list li{display:flex;align-items:center;gap:var(--ga-size-spacing-03);font-size:var(--ga-text-md-size);line-height:var(--ga-text-md-line-height);letter-spacing:var(--ga-text-md-tracking);color:var(--ga-color-text-body);}.subscription-list li svg{width:var(--ga-size-spacing-05);height:var(--ga-size-spacing-05);color:var(--ga-color-text-body);flex-shrink:0;}.plan-notification{display:flex;align-items:flex-start;gap:var(--ga-size-spacing-05);padding:var(--ga-size-spacing-03) var(--ga-size-spacing-03) var(--ga-size-spacing-03) var(--ga-size-spacing-05);background:var(--ga-color-surface-information);border:var(--ga-size-border-width-sm) solid var(--ga-color-border-information);border-radius:var(--ga-radius);}.plan-notification-icon{color:var(--ga-color-icon-information);flex-shrink:0;padding-top:var(--ga-size-spacing-03);}.plan-notification-icon svg{width:var(--ga-size-spacing-05);height:var(--ga-size-spacing-05);}.plan-notification-text{font-size:var(--ga-text-md-size);line-height:var(--ga-text-md-line-height);color:var(--ga-color-text-body);margin:var(--ga-size-spacing-03) 0;}.wizard-actions{margin-top:0;}`
+  S`:host{--avatar-size:var(--ga-size-spacing-09);}.step-content > p{font-size:var(--ga-text-md-size);line-height:var(--ga-text-md-line-height);letter-spacing:var(--ga-text-md-tracking);color:var(--ga-color-text-body);margin:0 0 var(--ga-size-spacing-06);}.section-divider{border:none;border-top:var(--ga-size-border-width-sm) solid var(--ga-color-neutral-30);margin:0 0 var(--ga-size-spacing-06);}.loading-placeholder{padding:var(--ga-size-spacing-05);background:var(--ga-color-neutral-10);border-radius:var(--ga-radius);color:var(--ga-color-neutral-60);font-size:var(--ga-text-md-size);line-height:var(--ga-text-md-line-height);}.company-header{display:flex;align-items:center;gap:var(--ga-size-spacing-05);margin-bottom:var(--ga-size-spacing-07);}.company-avatar{width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--ga-radius-round);background:transparent;border:var(--ga-size-border-width-sm) solid var(--ga-color-text-headings);color:var(--ga-color-text-headings);display:flex;align-items:center;justify-content:center;font-size:var(--ga-text-md-size);font-weight:600;flex-shrink:0;}.company-name{font-size:var(--ga-text-xl-size);line-height:var(--ga-text-xl-line-height);letter-spacing:var(--ga-text-xl-tracking);font-weight:400;margin:0;color:var(--ga-color-text-headings);}.company-columns{display:flex;gap:var(--ga-size-spacing-07);align-items:flex-start;padding-bottom:var(--ga-size-spacing-04);padding-left:var(--ga-size-spacing-10);padding-right:var(--ga-size-spacing-10);}.contact-column{width:var(--ga-size-content-xs);flex-shrink:0;display:flex;flex-direction:column;gap:var(--ga-size-spacing-05);}.edit-contact-btn{all:unset;display:flex;align-items:center;justify-content:center;width:var(--ga-size-spacing-07);height:var(--ga-size-spacing-07);border:var(--ga-size-border-width-sm) solid var(--ga-color-border-primary);border-radius:var(--ga-radius);cursor:pointer;color:var(--ga-color-text-body);}.edit-contact-btn:hover{background:var(--ga-color-neutral-10);}.edit-contact-btn:focus-visible{outline:var(--ga-size-border-width-md) solid var(--ga-color-primary);outline-offset:var(--ga-size-border-width-md);}.edit-contact-btn svg{width:var(--ga-size-spacing-05);height:var(--ga-size-spacing-05);}.edit-form{display:flex;flex-direction:column;gap:var(--ga-size-spacing-05);}.form-field{display:flex;flex-direction:column;}.form-input{width:100%;padding:var(--ga-size-spacing-03) var(--ga-size-spacing-04);border:var(--ga-size-border-width-sm) solid var(--ga-color-border-primary);border-radius:var(--ga-radius);font-size:var(--ga-text-md-size);font-family:var(--ga-font-family-primary);line-height:var(--ga-text-md-line-height);letter-spacing:var(--ga-text-md-tracking);color:var(--ga-color-text-action);background:var(--ga-color-white);box-sizing:border-box;outline:none;transition:border-color 0.2s;}.form-input:focus{border-color:var(--ga-color-border-focus);box-shadow:0 0 0 var(--ga-size-border-width-md) var(--ga-color-white),0 0 0 var(--ga-size-border-width-lg) var(--ga-color-border-focus);}.form-input.has-error{border-color:var(--ga-color-border-error);background:var(--ga-color-surface-error);}.form-input.has-error:focus{border-color:var(--ga-color-border-error);box-shadow:0 0 0 var(--ga-size-border-width-md) var(--ga-color-white),0 0 0 var(--ga-size-border-width-lg) var(--ga-color-border-error);}.postal-city-row{display:flex;gap:var(--ga-size-spacing-03);}.input-postal{width:var(--ga-size-spacing-10);flex-shrink:0;}.input-city{flex:1;}.input-country{max-width:var(--ga-size-content-2xs);}.select-wrapper{position:relative;max-width:var(--ga-size-content-2xs);}.select-trigger{display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer;width:100%;padding-right:var(--ga-size-spacing-04);}.select-trigger svg{width:var(--ga-size-spacing-05);height:var(--ga-size-spacing-05);flex-shrink:0;color:var(--ga-color-text-action);}.dropdown-menu{position:absolute;top:calc(100% + var(--ga-size-spacing-01));left:0;right:0;background:var(--ga-color-surface-primary);border:var(--ga-size-border-width-sm) solid var(--ga-color-border-primary);border-radius:var(--ga-radius);box-shadow:var(--ga-shadow-dropdown);list-style:none;margin:0;padding:0;z-index:10;overflow:hidden;}.dropdown-option{display:flex;align-items:center;gap:var(--ga-size-spacing-03);padding:var(--ga-size-spacing-03) var(--ga-size-spacing-04);font-size:var(--ga-text-md-size);font-family:var(--ga-font-family-primary);line-height:var(--ga-text-md-line-height);letter-spacing:var(--ga-text-md-tracking);color:var(--ga-color-text-body);cursor:pointer;list-style:none;outline:none;position:relative;}.dropdown-option[aria-selected='true']{background:var(--ga-color-surface-selected);}.dropdown-option:hover{background:var(--ga-color-surface-action-hover-2);color:var(--ga-color-text-action-hover);}.dropdown-option:focus{box-shadow:inset 0 0 0 var(--ga-size-border-width-md) var(--ga-color-border-focus);}.dropdown-option-icon{width:var(--ga-size-spacing-05);height:var(--ga-size-spacing-05);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--ga-color-text-body);}.dropdown-option-icon svg{width:var(--ga-size-spacing-05);height:var(--ga-size-spacing-05);}.company-name-wrapper{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--ga-size-spacing-03);}.org-number{font-size:var(--ga-text-sm-size);line-height:var(--ga-text-sm-line-height);color:var(--ga-color-text-subtle);}.company-name-input{width:100%;}.edit-actions{display:flex;gap:var(--ga-size-spacing-05);align-items:center;margin-top:var(--ga-size-spacing-03);}.subscription-card{flex:1;border:var(--ga-size-border-width-sm) solid var(--ga-color-border-primary);border-radius:var(--ga-radius);background:var(--ga-color-white);padding:var(--ga-size-spacing-03) var(--ga-size-spacing-03) var(--ga-size-spacing-03) var(--ga-size-spacing-05);display:flex;flex-direction:column;gap:var(--ga-size-spacing-03);}.subscription-title{font-size:var(--ga-text-md-size);line-height:var(--ga-text-md-line-height);letter-spacing:var(--ga-text-md-tracking);font-weight:700;color:var(--ga-color-text-body);margin:0;}.contact-info{display:flex;flex-direction:column;gap:var(--ga-size-spacing-05);}.contact-group{display:flex;flex-direction:column;gap:var(--ga-size-spacing-01);}.contact-info p{margin:0;font-size:var(--ga-text-md-size);line-height:var(--ga-text-md-line-height);letter-spacing:var(--ga-text-md-tracking);color:var(--ga-color-text-body);}.subscription-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--ga-size-spacing-03);}.subscription-list li{display:flex;align-items:center;gap:var(--ga-size-spacing-03);font-size:var(--ga-text-md-size);line-height:var(--ga-text-md-line-height);letter-spacing:var(--ga-text-md-tracking);color:var(--ga-color-text-body);}.subscription-list li svg{width:var(--ga-size-spacing-05);height:var(--ga-size-spacing-05);color:var(--ga-color-text-body);flex-shrink:0;}.plan-notification{display:flex;align-items:flex-start;gap:var(--ga-size-spacing-05);padding:var(--ga-size-spacing-03) var(--ga-size-spacing-03) var(--ga-size-spacing-03) var(--ga-size-spacing-05);background:var(--ga-color-surface-information);border:var(--ga-size-border-width-sm) solid var(--ga-color-border-information);border-radius:var(--ga-radius);}.plan-notification-icon{color:var(--ga-color-icon-information);flex-shrink:0;padding-top:var(--ga-size-spacing-03);}.plan-notification-icon svg{width:var(--ga-size-spacing-05);height:var(--ga-size-spacing-05);}.plan-notification-text{font-size:var(--ga-text-md-size);line-height:var(--ga-text-md-line-height);color:var(--ga-color-text-body);margin:var(--ga-size-spacing-03) 0;}.wizard-actions{margin-top:0;}.sr-only{position:absolute;width:var(--ga-size-border-width-sm);height:var(--ga-size-border-width-sm);padding:0;margin:calc(var(--ga-size-border-width-sm) * -1);overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}h2[tabindex="-1"]:focus{outline:none;}`
 ];
-u([
+v([
   g({ type: Object })
-], p.prototype, "translations", 2);
-u([
+], m.prototype, "translations", 2);
+v([
   g({ type: String })
-], p.prototype, "locale", 2);
-u([
+], m.prototype, "locale", 2);
+v([
   g({ type: Object })
-], p.prototype, "customerInfo", 2);
-u([
+], m.prototype, "customerInfo", 2);
+v([
   l()
-], p.prototype, "editingContact", 2);
-u([
+], m.prototype, "editingContact", 2);
+v([
   l()
-], p.prototype, "countryDropdownOpen", 2);
-u([
+], m.prototype, "countryDropdownOpen", 2);
+v([
   l()
-], p.prototype, "fieldErrors", 2);
-u([
+], m.prototype, "fieldErrors", 2);
+v([
   l()
-], p.prototype, "editName", 2);
-u([
+], m.prototype, "editName", 2);
+v([
   l()
-], p.prototype, "editAddress1", 2);
-u([
+], m.prototype, "editAddress1", 2);
+v([
   l()
-], p.prototype, "editAddress2", 2);
-u([
+], m.prototype, "editAddress2", 2);
+v([
   l()
-], p.prototype, "editPostalCode", 2);
-u([
+], m.prototype, "editPostalCode", 2);
+v([
   l()
-], p.prototype, "editCity", 2);
-u([
+], m.prototype, "editCity", 2);
+v([
   l()
-], p.prototype, "editCountryCode", 2);
-u([
+], m.prototype, "editCountryCode", 2);
+v([
   l()
-], p.prototype, "editWebUrl", 2);
-u([
+], m.prototype, "editWebUrl", 2);
+v([
   l()
-], p.prototype, "editContactEmail", 2);
-u([
+], m.prototype, "editContactEmail", 2);
+v([
   l()
-], p.prototype, "localCustomer", 2);
-p = u([
-  S("wizard-step1-company")
-], p);
-var W = Object.defineProperty, Y = Object.getOwnPropertyDescriptor, y = (e, t, a, r) => {
-  for (var i = r > 1 ? void 0 : r ? Y(t, a) : t, o = e.length - 1, s; o >= 0; o--)
+], m.prototype, "localCustomer", 2);
+m = v([
+  A("wizard-step1-company")
+], m);
+var K = Object.defineProperty, G = Object.getOwnPropertyDescriptor, x = (e, t, a, r) => {
+  for (var i = r > 1 ? void 0 : r ? G(t, a) : t, o = e.length - 1, s; o >= 0; o--)
     (s = e[o]) && (i = (r ? s(t, a, i) : s(i)) || i);
-  return r && i && W(t, a, i), i;
+  return r && i && K(t, a, i), i;
 };
-let h = class extends L {
+let f = class extends E {
   constructor() {
     super(...arguments), this.httpService = null, this.customerId = "", this.locale = "en-GB", this.currentUser = null, this.existingAdmins = [], this.isLoadingAdmins = !1, this.rows = [], this.nextId = 1, this.lookingUpIds = /* @__PURE__ */ new Set(), this.isConfirming = !1, this.rowErrors = /* @__PURE__ */ new Map(), this._loadSequence = 0;
   }
+  firstUpdated() {
+    this.updateComplete.then(() => {
+      var e, t;
+      (t = (e = this.shadowRoot) == null ? void 0 : e.querySelector("h2")) == null || t.focus();
+    });
+  }
   updated(e) {
     e.has("httpService") || e.has("customerId") ? this.loadExistingAdmins() : e.has("currentUser") && this.existingAdmins.length > 0 && (this.existingAdmins = this.sortAdmins([...this.existingAdmins]));
   }
@@ -1643,7 +1604,7 @@ let h = class extends L {
     var a;
     if (!this.canAddMore) return;
     const e = this.nextId++;
-    this.rows = [...this.rows, { id: e, state: "lookup", isDone: !1, email: "", firstName: "", lastName: "" }], await this.updateComplete;
+    this.rows = [...this.rows, { id: e, state: "lookup", isDone: !1, wasEverDone: !1, email: "", firstName: "", lastName: "" }], await this.updateComplete;
     const t = (a = this.shadowRoot) == null ? void 0 : a.querySelectorAll('input[type="email"]');
     t && t.length > 0 && t[t.length - 1].focus();
   }
@@ -1653,19 +1614,22 @@ let h = class extends L {
     t.delete(e), this.rowErrors = t;
   }
   doneRow(e) {
-    const t = this.rows.find((a) => a.id === e);
-    if (t && t.state !== "lookup") {
-      if (t.state === "not-found") {
-        const a = this.validateRowRequiredField(e, "firstName", t.firstName), r = this.validateRowRequiredField(e, "lastName", t.lastName);
-        if (!a || !r) return;
-      }
-      this.rows = this.rows.map(
-        (a) => a.id === e ? { ...a, isDone: !0, email: a.email.trim(), firstName: a.firstName.trim(), lastName: a.lastName.trim() } : a
-      );
+    const t = this.rows.find((r) => r.id === e);
+    if (!t || t.state === "lookup") return;
+    if (t.state === "not-found") {
+      const r = this.validateRowRequiredField(e, "firstName", t.firstName), i = this.validateRowRequiredField(e, "lastName", t.lastName);
+      if (!r || !i) return;
     }
+    const a = { state: t.state, email: t.email.trim(), firstName: t.firstName.trim(), lastName: t.lastName.trim() };
+    this.rows = this.rows.map(
+      (r) => r.id === e ? { ...r, isDone: !0, wasEverDone: !0, email: r.email.trim(), firstName: r.firstName.trim(), lastName: r.lastName.trim(), doneSnapshot: a } : r
+    );
   }
   editRow(e) {
-    this.rows = this.rows.map((t) => t.id === e ? { ...t, isDone: !1 } : t);
+    this.rows = this.rows.map((t) => t.id === e ? { ...t, isDone: !1 } : t), this.updateComplete.then(() => {
+      var t, a;
+      (a = (t = this.shadowRoot) == null ? void 0 : t.querySelector(`[data-email-row-id="${e}"]`)) == null || a.focus();
+    });
   }
   updateRowEmail(e, t) {
     this.rows = this.rows.map(
@@ -1705,8 +1669,8 @@ let h = class extends L {
     return e;
   }
   async lookupUser(e) {
-    var r, i, o, s, z, C;
-    const t = this.rows.find((x) => x.id === e);
+    var r, i, o, s, h, L;
+    const t = this.rows.find((z) => z.id === e);
     if (!t || !this.httpService) return;
     if (!this.validateRowEmail(e, t.email)) {
       (i = (r = this.shadowRoot) == null ? void 0 : r.querySelector(`input[data-email-row-id="${e}"]`)) == null || i.focus();
@@ -1715,17 +1679,17 @@ let h = class extends L {
     const a = t.email.trim();
     this.lookingUpIds = /* @__PURE__ */ new Set([...this.lookingUpIds, e]);
     try {
-      const x = await this.httpService.getUserByEmail(a), c = this.rows.find((w) => w.id === e);
+      const z = await this.httpService.getUserByEmail(a), c = this.rows.find((k) => k.id === e);
       if (!c || c.email.trim() !== a) return;
-      x ? (this.rows = this.rows.map(
-        (w) => w.id === e ? { ...w, state: "found", firstName: x.firstName, lastName: x.lastName } : w
+      z ? (this.rows = this.rows.map(
+        (k) => k.id === e ? { ...k, state: "found", firstName: z.firstName, lastName: z.lastName } : k
       ), await this.updateComplete, (s = (o = this.shadowRoot) == null ? void 0 : o.querySelector(`button[data-done-row-id="${e}"]`)) == null || s.focus()) : (this.rows = this.rows.map(
-        (w) => w.id === e ? { ...w, state: "not-found", firstName: "", lastName: "" } : w
-      ), await this.updateComplete, (C = (z = this.shadowRoot) == null ? void 0 : z.querySelector(`input[data-row-id="${e}"]`)) == null || C.focus());
+        (k) => k.id === e ? { ...k, state: "not-found", firstName: "", lastName: "" } : k
+      ), await this.updateComplete, (L = (h = this.shadowRoot) == null ? void 0 : h.querySelector(`input[data-row-id="${e}"]`)) == null || L.focus());
     } catch {
     } finally {
-      const x = new Set(this.lookingUpIds);
-      x.delete(e), this.lookingUpIds = x;
+      const z = new Set(this.lookingUpIds);
+      z.delete(e), this.lookingUpIds = z;
     }
   }
   async handleConfirm() {
@@ -1750,6 +1714,27 @@ let h = class extends L {
       this.isConfirming = !1;
     }
   }
+  handleAdminTableKeydown(e) {
+    if (e.key === "Escape") {
+      const t = this.rows.find((a) => !a.isDone);
+      if (t)
+        if (e.preventDefault(), e.stopPropagation(), t.wasEverDone) {
+          const a = t.doneSnapshot;
+          this.rows = this.rows.map(
+            (i) => i.id === t.id ? a ? { ...i, isDone: !0, state: a.state, email: a.email, firstName: a.firstName, lastName: a.lastName } : { ...i, isDone: !0 } : i
+          );
+          const r = new Map(this.rowErrors);
+          r.delete(t.id), this.rowErrors = r, this.updateComplete.then(() => {
+            var i, o;
+            (o = (i = this.shadowRoot) == null ? void 0 : i.querySelector(`[data-edit-row-id="${t.id}"]`)) == null || o.focus();
+          });
+        } else
+          this.removeRow(t.id), this.updateComplete.then(() => {
+            var a, r;
+            (r = (a = this.shadowRoot) == null ? void 0 : a.querySelector(".btn-add-row")) == null || r.focus();
+          });
+    }
+  }
   handleSaveAndClose() {
     this.dispatchEvent(new CustomEvent("save-and-close", { bubbles: !0, composed: !0 }));
   }
@@ -1770,11 +1755,11 @@ let h = class extends L {
         </div>
         <div class="cell-action">
           ${r ? n`
-            <div class="you-tag" aria-label=${a.administrators.youLabel}>
-              <span>${d.userRound()}</span>
+            <div class="you-tag">
+              <span aria-hidden="true">${d.userRound()}</span>
               <span>${a.administrators.youLabel}</span>
             </div>
-          ` : q}
+          ` : p}
         </div>
       </div>
     `;
@@ -1793,10 +1778,11 @@ let h = class extends L {
             placeholder=${a.company.emailLabel}
             aria-label=${a.company.emailLabel}
             aria-invalid=${o.email ? "true" : "false"}
+            aria-describedby=${o.email ? "admin-error-email-" + e.id : p}
             @input=${(s) => this.updateRowEmail(e.id, s.target.value)}
             @blur=${(s) => this.validateRowEmail(e.id, s.target.value)}
           />
-          <span class="field-error ${o.email ? "" : "field-error--empty"}" aria-hidden=${o.email ? "false" : "true"}>${d.octagonAlert()}<span class="field-error-text">${o.email ?? ""}</span></span>
+          <span class="field-error ${o.email ? "" : "field-error--empty"}" role=${o.email ? "alert" : p} aria-hidden=${o.email ? "false" : "true"} id=${"admin-error-email-" + e.id}><span aria-hidden="true">${d.octagonAlert()}</span><span class="field-error-text">${o.email ?? ""}</span></span>
         </div>
         <div class="cell-lookup-btn">
           <button
@@ -1841,6 +1827,8 @@ let h = class extends L {
             <button
               type="button"
               class="btn-edit"
+              data-edit-row-id=${e.id}
+              ?disabled=${this.hasOpenRow}
               @click=${() => this.editRow(e.id)}
               aria-label=${a.administrators.editButton}
             >
@@ -1857,15 +1845,17 @@ let h = class extends L {
           <input
             class="grid-input ${i.email ? "has-error" : ""}"
             type="email"
+            data-email-row-id=${e.id}
             .value=${e.email}
             placeholder=${a.company.emailLabel}
             aria-label=${a.company.emailLabel}
             aria-invalid=${i.email ? "true" : "false"}
+            aria-describedby=${i.email ? "admin-error-email-" + e.id : p}
             ?disabled=${r}
             @input=${(o) => this.updateRowEmail(e.id, o.target.value)}
             @blur=${(o) => this.validateRowEmail(e.id, o.target.value)}
           />
-          <span class="field-error ${i.email ? "" : "field-error--empty"}" aria-hidden=${i.email ? "false" : "true"}>${d.octagonAlert()}<span class="field-error-text">${i.email ?? ""}</span></span>
+          <span class="field-error ${i.email ? "" : "field-error--empty"}" role=${i.email ? "alert" : p} aria-hidden=${i.email ? "false" : "true"} id=${"admin-error-email-" + e.id}><span aria-hidden="true">${d.octagonAlert()}</span><span class="field-error-text">${i.email ?? ""}</span></span>
         </div>
         <div class="cell-name">
           <span class="name-text">${e.firstName}</span>
@@ -1914,6 +1904,8 @@ let h = class extends L {
             <button
               type="button"
               class="btn-edit"
+              data-edit-row-id=${e.id}
+              ?disabled=${this.hasOpenRow}
               @click=${() => this.editRow(e.id)}
               aria-label=${a.administrators.editButton}
             >
@@ -1928,14 +1920,16 @@ let h = class extends L {
           <input
             class="grid-input ${r.email ? "has-error" : ""}"
             type="email"
+            data-email-row-id=${e.id}
             .value=${e.email}
             placeholder=${a.company.emailLabel}
             aria-label=${a.company.emailLabel}
             aria-invalid=${r.email ? "true" : "false"}
+            aria-describedby=${r.email ? "admin-error-email-" + e.id : p}
             @input=${(i) => this.updateRowEmail(e.id, i.target.value)}
             @blur=${(i) => this.validateRowEmail(e.id, i.target.value)}
           />
-          <span class="field-error ${r.email ? "" : "field-error--empty"}" aria-hidden=${r.email ? "false" : "true"}>${d.octagonAlert()}<span class="field-error-text">${r.email ?? ""}</span></span>
+          <span class="field-error ${r.email ? "" : "field-error--empty"}" role=${r.email ? "alert" : p} aria-hidden=${r.email ? "false" : "true"} id=${"admin-error-email-" + e.id}><span aria-hidden="true">${d.octagonAlert()}</span><span class="field-error-text">${r.email ?? ""}</span></span>
         </div>
         <div class="cell-name">
           <input
@@ -1946,9 +1940,10 @@ let h = class extends L {
             placeholder=${a.administrators.firstNameLabel}
             aria-label=${a.administrators.firstNameLabel}
             aria-invalid=${r.firstName ? "true" : "false"}
+            aria-describedby=${r.firstName ? "admin-error-firstName-" + e.id : p}
             @input=${(i) => this.updateFirstName(e.id, i.target.value)}
           />
-          <span class="field-error ${r.firstName ? "" : "field-error--empty"}" aria-hidden=${r.firstName ? "false" : "true"}>${d.octagonAlert()}<span class="field-error-text">${r.firstName ?? ""}</span></span>
+          <span class="field-error ${r.firstName ? "" : "field-error--empty"}" role=${r.firstName ? "alert" : p} aria-hidden=${r.firstName ? "false" : "true"} id=${"admin-error-firstName-" + e.id}><span aria-hidden="true">${d.octagonAlert()}</span><span class="field-error-text">${r.firstName ?? ""}</span></span>
         </div>
         <div class="cell-name-last">
           <input
@@ -1958,9 +1953,10 @@ let h = class extends L {
             placeholder=${a.administrators.lastNameLabel}
             aria-label=${a.administrators.lastNameLabel}
             aria-invalid=${r.lastName ? "true" : "false"}
+            aria-describedby=${r.lastName ? "admin-error-lastName-" + e.id : p}
             @input=${(i) => this.updateLastName(e.id, i.target.value)}
           />
-          <span class="field-error ${r.lastName ? "" : "field-error--empty"}" aria-hidden=${r.lastName ? "false" : "true"}>${d.octagonAlert()}<span class="field-error-text">${r.lastName ?? ""}</span></span>
+          <span class="field-error ${r.lastName ? "" : "field-error--empty"}" role=${r.lastName ? "alert" : p} aria-hidden=${r.lastName ? "false" : "true"} id=${"admin-error-lastName-" + e.id}><span aria-hidden="true">${d.octagonAlert()}</span><span class="field-error-text">${r.lastName ?? ""}</span></span>
         </div>
         <div class="cell-action">
           <button
@@ -1996,8 +1992,8 @@ let h = class extends L {
   render() {
     const e = this.translations, t = this.existingAdmins.length + 1;
     return n`
-      <div class="step-content">
-        <h2>${e.administrators.title}</h2>
+      <div class="step-content" @keydown=${this.handleAdminTableKeydown}>
+        <h2 tabindex="-1">${e.administrators.title}</h2>
         <p>${e.administrators.description}</p>
 
         <div class="admin-table">
@@ -2034,60 +2030,66 @@ let h = class extends L {
     `;
   }
 };
-h.styles = [
-  E,
+f.styles = [
+  N,
   j,
   P,
-  $`.step-content > p{font-size:var(--ga-text-md-size);line-height:var(--ga-text-md-line-height);letter-spacing:var(--ga-text-md-tracking);color:var(--ga-color-text-body);margin:0 0 var(--ga-size-spacing-07);}.admin-table{background:var(--ga-color-surface-page);border-radius:var(--ga-radius);overflow:hidden;}.admin-row{display:flex;align-items:flex-start;gap:var(--ga-size-spacing-04);padding:var(--ga-size-spacing-03) var(--ga-size-spacing-05);min-height:var(--ga-size-56);}.admin-row + .admin-row{border-top:var(--ga-size-border-width-sm) solid var(--ga-color-neutral-20);}.admin-row--done{align-items:center;}.row-num{font-size:var(--ga-text-sm-size);line-height:var(--ga-text-sm-line-height);color:var(--ga-color-text-body);width:var(--ga-size-spacing-05);text-align:right;flex-shrink:0;align-self:flex-start;padding-top:var(--ga-size-spacing-04);}.admin-row--done .row-num{align-self:auto;padding-top:0;}.cell-email{flex:0 0 var(--ga-size-content-xs);min-width:0;}.cell-name,.cell-name-last{flex:1 1 0;min-width:0;}.cell-lookup-btn{flex:1 1 0;}.cell-action{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:var(--ga-size-spacing-02);min-width:calc(var(--ga-size-spacing-12) + var(--ga-size-spacing-03));}.name-text{font-size:var(--ga-text-sm-size);line-height:var(--ga-text-sm-line-height);color:var(--ga-color-text-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;padding:0 var(--ga-size-spacing-02);}.grid-input{background:var(--ga-color-white);border:var(--ga-size-border-width-sm) solid var(--ga-color-neutral-30);border-radius:var(--ga-radius);height:var(--ga-size-40);padding:0 var(--ga-size-spacing-04);font-size:var(--ga-text-sm-size);line-height:var(--ga-text-sm-line-height);color:var(--ga-color-text-body);width:100%;box-sizing:border-box;outline:none;font-family:var(--vsn-customer-onboarding-wizard-font-family);}.grid-input:focus{border-color:var(--ga-color-border-focus);outline:var(--ga-size-border-width-md) solid var(--ga-color-border-focus);outline-offset:var(--ga-size-border-width-md);}.grid-input.has-error{border-color:var(--ga-color-border-error);background:var(--ga-color-surface-error);}.grid-input.has-error:focus{border-color:var(--ga-color-border-error);}.you-tag{display:inline-flex;align-items:center;gap:var(--ga-size-spacing-02);background:var(--ga-color-utility-green-light);border:var(--ga-size-border-width-sm) solid var(--ga-color-utility-green);border-radius:var(--ga-radius);padding:var(--ga-size-spacing-01) var(--ga-size-spacing-02);font-size:var(--ga-text-sm-size);line-height:var(--ga-text-sm-line-height);color:var(--ga-color-text-body);white-space:nowrap;}.you-tag svg{width:var(--ga-size-spacing-05);height:var(--ga-size-spacing-05);flex-shrink:0;}.btn-add-name{background:transparent;border:var(--ga-size-border-width-sm) solid var(--ga-color-primary);border-radius:var(--ga-radius);color:var(--ga-color-primary);font-size:var(--ga-text-sm-size);font-weight:500;height:var(--ga-size-40);padding:0 var(--ga-size-spacing-04);cursor:pointer;white-space:nowrap;font-family:var(--vsn-customer-onboarding-wizard-font-family);}.btn-add-name:hover:not(:disabled){background:var(--ga-color-surface-page);}.btn-add-name:focus-visible,.btn-done:focus-visible,.btn-edit:focus-visible,.btn-icon:focus-visible,.btn-add-row:focus-visible{outline:var(--ga-size-border-width-md) solid var(--ga-color-border-focus);outline-offset:var(--ga-size-border-width-md);}.btn-add-name:disabled{border-color:var(--ga-color-border-disabled);color:var(--ga-color-text-disabled);cursor:not-allowed;}.btn-done{background:var(--ga-color-primary-70);color:var(--ga-color-secondary-10);border:var(--ga-size-border-width-sm) solid var(--ga-color-primary-70);border-radius:var(--ga-radius);font-size:var(--ga-text-sm-size);font-weight:500;height:var(--ga-size-40);padding:0 var(--ga-size-spacing-04);cursor:pointer;white-space:nowrap;font-family:var(--vsn-customer-onboarding-wizard-font-family);}.btn-done:hover{background:var(--ga-color-primary-90);border-color:var(--ga-color-primary-90);}.btn-edit{background:var(--ga-color-white);color:var(--ga-color-text-body);border:var(--ga-size-border-width-sm) solid var(--ga-color-cyan-80);border-radius:var(--ga-radius);font-size:var(--ga-text-sm-size);font-weight:500;height:var(--ga-size-40);padding:0 var(--ga-size-spacing-04);cursor:pointer;white-space:nowrap;font-family:var(--vsn-customer-onboarding-wizard-font-family);}.btn-edit:hover{background:var(--ga-color-secondary-10);}.btn-icon{background:transparent;border:none;padding:var(--ga-size-spacing-02);cursor:pointer;color:var(--ga-color-primary);display:flex;align-items:center;justify-content:center;border-radius:var(--ga-radius);}.btn-icon:hover{background:var(--ga-color-surface-page);}.btn-icon svg{width:var(--ga-size-spacing-05);height:var(--ga-size-spacing-05);}.table-footer{border-top:var(--ga-size-border-width-sm) solid var(--ga-color-neutral-20);padding:var(--ga-size-spacing-03) var(--ga-size-spacing-05);display:flex;align-items:center;}.btn-add-row{display:inline-flex;align-items:center;gap:var(--ga-size-spacing-02);background:transparent;border:var(--ga-size-border-width-sm) solid var(--ga-color-primary);color:var(--ga-color-primary);font-size:var(--ga-text-md-size);font-weight:500;padding:var(--ga-size-spacing-03) var(--ga-size-spacing-05);cursor:pointer;border-radius:var(--ga-radius);font-family:var(--vsn-customer-onboarding-wizard-font-family);}.btn-add-row:hover:not(:disabled){background:var(--ga-color-surface-page);}.btn-add-row:disabled{color:var(--ga-color-text-disabled);border-color:var(--ga-color-neutral-30);cursor:not-allowed;}.btn-add-row svg{width:var(--ga-size-16);height:var(--ga-size-16);}.admin-row:not(.admin-row--done) .name-text{line-height:var(--ga-size-40);}`
+  S`.step-content > p{font-size:var(--ga-text-md-size);line-height:var(--ga-text-md-line-height);letter-spacing:var(--ga-text-md-tracking);color:var(--ga-color-text-body);margin:0 0 var(--ga-size-spacing-07);}.admin-table{background:var(--ga-color-surface-page);border-radius:var(--ga-radius);overflow:hidden;}.admin-row{display:flex;align-items:flex-start;gap:var(--ga-size-spacing-04);padding:var(--ga-size-spacing-03) var(--ga-size-spacing-05);min-height:var(--ga-size-56);}.admin-row + .admin-row{border-top:var(--ga-size-border-width-sm) solid var(--ga-color-neutral-20);}.admin-row--done{align-items:center;}.row-num{font-size:var(--ga-text-sm-size);line-height:var(--ga-text-sm-line-height);color:var(--ga-color-text-body);width:var(--ga-size-spacing-05);text-align:right;flex-shrink:0;align-self:flex-start;padding-top:var(--ga-size-spacing-04);}.admin-row--done .row-num{align-self:auto;padding-top:0;}.cell-email{flex:0 0 var(--ga-size-content-xs);min-width:0;}.cell-name,.cell-name-last{flex:1 1 0;min-width:0;}.cell-lookup-btn{flex:1 1 0;}.cell-action{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:var(--ga-size-spacing-02);min-width:calc(var(--ga-size-spacing-12) + var(--ga-size-spacing-03));}.name-text{font-size:var(--ga-text-sm-size);line-height:var(--ga-text-sm-line-height);color:var(--ga-color-text-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;padding:0 var(--ga-size-spacing-02);}.grid-input{background:var(--ga-color-white);border:var(--ga-size-border-width-sm) solid var(--ga-color-neutral-30);border-radius:var(--ga-radius);height:var(--ga-size-40);padding:0 var(--ga-size-spacing-04);font-size:var(--ga-text-sm-size);line-height:var(--ga-text-sm-line-height);color:var(--ga-color-text-body);width:100%;box-sizing:border-box;outline:none;font-family:var(--vsn-customer-onboarding-wizard-font-family);}.grid-input:focus{border-color:var(--ga-color-border-focus);outline:var(--ga-size-border-width-md) solid var(--ga-color-border-focus);outline-offset:var(--ga-size-border-width-md);}.grid-input.has-error{border-color:var(--ga-color-border-error);background:var(--ga-color-surface-error);}.grid-input.has-error:focus{border-color:var(--ga-color-border-error);}.you-tag{display:inline-flex;align-items:center;gap:var(--ga-size-spacing-02);background:var(--ga-color-utility-green-light);border:var(--ga-size-border-width-sm) solid var(--ga-color-utility-green);border-radius:var(--ga-radius);padding:var(--ga-size-spacing-01) var(--ga-size-spacing-02);font-size:var(--ga-text-sm-size);line-height:var(--ga-text-sm-line-height);color:var(--ga-color-text-body);white-space:nowrap;}.you-tag svg{width:var(--ga-size-spacing-05);height:var(--ga-size-spacing-05);flex-shrink:0;}.btn-add-name{background:transparent;border:var(--ga-size-border-width-sm) solid var(--ga-color-primary);border-radius:var(--ga-radius);color:var(--ga-color-primary);font-size:var(--ga-text-sm-size);font-weight:500;height:var(--ga-size-40);padding:0 var(--ga-size-spacing-04);cursor:pointer;white-space:nowrap;font-family:var(--vsn-customer-onboarding-wizard-font-family);}.btn-add-name:hover:not(:disabled){background:var(--ga-color-surface-page);}.btn-add-name:focus-visible,.btn-done:focus-visible,.btn-edit:focus-visible,.btn-icon:focus-visible,.btn-add-row:focus-visible{outline:var(--ga-size-border-width-md) solid var(--ga-color-border-focus);outline-offset:var(--ga-size-border-width-md);}.btn-add-name:disabled{border-color:var(--ga-color-border-disabled);color:var(--ga-color-text-disabled);cursor:not-allowed;}.btn-done{background:var(--ga-color-primary-70);color:var(--ga-color-secondary-10);border:var(--ga-size-border-width-sm) solid var(--ga-color-primary-70);border-radius:var(--ga-radius);font-size:var(--ga-text-sm-size);font-weight:500;height:var(--ga-size-40);padding:0 var(--ga-size-spacing-04);cursor:pointer;white-space:nowrap;font-family:var(--vsn-customer-onboarding-wizard-font-family);}.btn-done:hover{background:var(--ga-color-primary-90);border-color:var(--ga-color-primary-90);}.btn-edit{background:var(--ga-color-white);color:var(--ga-color-text-body);border:var(--ga-size-border-width-sm) solid var(--ga-color-cyan-80);border-radius:var(--ga-radius);font-size:var(--ga-text-sm-size);font-weight:500;height:var(--ga-size-40);padding:0 var(--ga-size-spacing-04);cursor:pointer;white-space:nowrap;font-family:var(--vsn-customer-onboarding-wizard-font-family);}.btn-edit:hover{background:var(--ga-color-secondary-10);}.btn-icon{background:transparent;border:none;padding:var(--ga-size-spacing-02);cursor:pointer;color:var(--ga-color-primary);display:flex;align-items:center;justify-content:center;border-radius:var(--ga-radius);}.btn-icon:hover{background:var(--ga-color-surface-page);}.btn-icon svg{width:var(--ga-size-spacing-05);height:var(--ga-size-spacing-05);}.table-footer{border-top:var(--ga-size-border-width-sm) solid var(--ga-color-neutral-20);padding:var(--ga-size-spacing-03) var(--ga-size-spacing-05);display:flex;align-items:center;}.btn-add-row{display:inline-flex;align-items:center;gap:var(--ga-size-spacing-02);background:transparent;border:var(--ga-size-border-width-sm) solid var(--ga-color-primary);color:var(--ga-color-primary);font-size:var(--ga-text-md-size);font-weight:500;padding:var(--ga-size-spacing-03) var(--ga-size-spacing-05);cursor:pointer;border-radius:var(--ga-radius);font-family:var(--vsn-customer-onboarding-wizard-font-family);}.btn-add-row:hover:not(:disabled){background:var(--ga-color-surface-page);}.btn-add-row:disabled{color:var(--ga-color-text-disabled);border-color:var(--ga-color-neutral-30);cursor:not-allowed;}.btn-add-row svg{width:var(--ga-size-16);height:var(--ga-size-16);}.admin-row:not(.admin-row--done) .name-text{line-height:var(--ga-size-40);}h2[tabindex="-1"]:focus{outline:none;}`
 ];
-y([
+x([
   g({ type: Object })
-], h.prototype, "translations", 2);
-y([
+], f.prototype, "translations", 2);
+x([
   g({ type: Object })
-], h.prototype, "httpService", 2);
-y([
+], f.prototype, "httpService", 2);
+x([
   g({ type: String })
-], h.prototype, "customerId", 2);
-y([
+], f.prototype, "customerId", 2);
+x([
   g({ type: String })
-], h.prototype, "locale", 2);
-y([
+], f.prototype, "locale", 2);
+x([
   g({ type: Object })
-], h.prototype, "currentUser", 2);
-y([
+], f.prototype, "currentUser", 2);
+x([
   l()
-], h.prototype, "existingAdmins", 2);
-y([
+], f.prototype, "existingAdmins", 2);
+x([
   l()
-], h.prototype, "isLoadingAdmins", 2);
-y([
+], f.prototype, "isLoadingAdmins", 2);
+x([
   l()
-], h.prototype, "rows", 2);
-y([
+], f.prototype, "rows", 2);
+x([
   l()
-], h.prototype, "nextId", 2);
-y([
+], f.prototype, "nextId", 2);
+x([
   l()
-], h.prototype, "lookingUpIds", 2);
-y([
+], f.prototype, "lookingUpIds", 2);
+x([
   l()
-], h.prototype, "isConfirming", 2);
-y([
+], f.prototype, "isConfirming", 2);
+x([
   l()
-], h.prototype, "rowErrors", 2);
-h = y([
-  S("wizard-step2-administrators")
-], h);
-var K = Object.defineProperty, H = Object.getOwnPropertyDescriptor, k = (e, t, a, r) => {
+], f.prototype, "rowErrors", 2);
+f = x([
+  A("wizard-step2-administrators")
+], f);
+var Y = Object.defineProperty, H = Object.getOwnPropertyDescriptor, $ = (e, t, a, r) => {
   for (var i = r > 1 ? void 0 : r ? H(t, a) : t, o = e.length - 1, s; o >= 0; o--)
     (s = e[o]) && (i = (r ? s(t, a, i) : s(i)) || i);
-  return r && i && K(t, a, i), i;
+  return r && i && Y(t, a, i), i;
 };
-let b = class extends L {
+let w = class extends E {
   constructor() {
     super(...arguments), this.httpService = null, this.customerId = "", this.partnerId = "", this.partnerName = "", this.consultants = [], this.isLoading = !1, this.isConfirming = !1, this.selectedIds = /* @__PURE__ */ new Set(), this.searchTerm = "", this._loadSequence = 0;
   }
+  firstUpdated() {
+    this.updateComplete.then(() => {
+      var e, t;
+      (t = (e = this.shadowRoot) == null ? void 0 : e.querySelector("h2")) == null || t.focus();
+    });
+  }
   updated(e) {
     (e.has("httpService") || e.has("partnerId")) && this.loadConsultants();
   }
@@ -2146,8 +2148,8 @@ let b = class extends L {
           .checked=${t}
           @change=${() => this.toggleConsultant(e.id)}
         />
-        <span class="checkbox-visual ${t ? "checkbox-visual--checked" : ""}">
-          ${t ? d.check() : q}
+        <span class="checkbox-visual ${t ? "checkbox-visual--checked" : ""}" aria-hidden="true">
+          ${t ? d.check() : p}
         </span>
         <span class="consultant-name">${a}</span>
         <span class="consultant-email">${e.email}</span>
@@ -2155,14 +2157,14 @@ let b = class extends L {
     `;
   }
   render() {
-    const e = this.translations;
+    const e = this.translations, t = this.filteredConsultants;
     return n`
       <div class="step-content">
-        <h2>${e.partnerAccess.title}</h2>
+        <h2 tabindex="-1">${e.partnerAccess.title}</h2>
         <p>${(() => {
-      const t = e.partnerAccess.description.split("{partnerName}");
-      return t.length === 1 ? e.partnerAccess.description : n`${t.map(
-        (a, r) => r < t.length - 1 ? n`${a}<strong>${this.partnerName}</strong>` : a
+      const a = e.partnerAccess.description.split("{partnerName}");
+      return a.length === 1 ? e.partnerAccess.description : n`${a.map(
+        (r, i) => i < a.length - 1 ? n`${r}<strong>${this.partnerName}</strong>` : r
       )}`;
     })()}</p>
 
@@ -2175,16 +2177,17 @@ let b = class extends L {
               placeholder=${e.partnerAccess.findConsultantPlaceholder}
               aria-label=${e.partnerAccess.findConsultantPlaceholder}
               .value=${this.searchTerm}
-              @input=${(t) => {
-      this.searchTerm = t.target.value;
+              @input=${(a) => {
+      this.searchTerm = a.target.value;
     }}
             />
           </div>
         </div>
 
         <div class="consultant-list" role="list" aria-label=${e.partnerAccess.title}>
-          ${this.isLoading ? n`<div class="loading-row" role="listitem">${e.partnerAccess.loading}</div>` : this.filteredConsultants.map((t) => this.renderConsultantRow(t))}
+          ${this.isLoading ? n`<div class="loading-row" role="listitem">${e.partnerAccess.loading}</div>` : t.length > 0 ? t.map((a) => this.renderConsultantRow(a)) : this.searchTerm.trim() ? n`<div class="no-results-row" role="listitem">${e.partnerAccess.noResultsFound}</div>` : p}
         </div>
+        <div role="status" class="sr-only">${!this.isLoading && this.searchTerm.trim() && t.length === 0 ? e.partnerAccess.noResultsFound : ""}</div>
       </div>
 
       <div class="wizard-actions">
@@ -2203,51 +2206,57 @@ let b = class extends L {
     `;
   }
 };
-b.styles = [
-  E,
+w.styles = [
+  N,
   j,
   P,
-  $`.step-content > p{font-size:var(--ga-text-md-size);line-height:var(--ga-text-md-line-height);color:var(--ga-color-text-body);margin:0 0 var(--ga-size-spacing-07);}.search-row{display:flex;justify-content:flex-end;margin-bottom:var(--ga-size-spacing-03);}.search-wrapper{position:relative;width:var(--ga-size-content-xs);}.search-icon{position:absolute;left:var(--ga-size-spacing-03);top:50%;transform:translateY(-50%);color:var(--ga-color-icon-action);display:flex;align-items:center;pointer-events:none;}.search-icon svg{width:var(--ga-size-spacing-05);height:var(--ga-size-spacing-05);}.search-input{width:100%;box-sizing:border-box;height:var(--ga-size-40);padding:0 var(--ga-size-spacing-04) 0 var(--ga-size-spacing-07);border:var(--ga-size-border-width-sm) solid var(--ga-color-neutral-30);border-radius:var(--ga-radius);background:var(--ga-color-white);font-size:var(--ga-text-sm-size);line-height:var(--ga-text-sm-line-height);color:var(--ga-color-text-body);outline:none;font-family:var(--vsn-customer-onboarding-wizard-font-family);}.search-input::placeholder{color:var(--ga-color-neutral-60);}.search-input:focus{border-color:var(--ga-color-border-focus);}.consultant-list{background:var(--ga-color-surface-page);border-radius:var(--ga-radius);overflow:hidden;}.consultant-row{display:flex;align-items:center;gap:var(--ga-size-spacing-03);height:var(--ga-size-56);padding:0 var(--ga-size-spacing-05);cursor:pointer;}.consultant-row + .consultant-row{border-top:var(--ga-size-border-width-sm) solid var(--ga-color-neutral-20);}.consultant-row--selected{background:var(--ga-color-surface-selected);}.consultant-row:hover:not(.consultant-row--selected){background:var(--ga-color-neutral-10);}.consultant-row:focus-within .checkbox-visual{outline:var(--ga-size-border-width-md) solid var(--ga-color-border-focus);outline-offset:var(--ga-size-border-width-sm);}.checkbox-visual{flex-shrink:0;width:var(--ga-size-16);height:var(--ga-size-16);border:var(--ga-size-border-width-sm) solid var(--ga-color-neutral-30);border-radius:var(--ga-radius);background:var(--ga-color-white);display:flex;align-items:center;justify-content:center;pointer-events:none;}.checkbox-visual--checked{background:var(--ga-color-primary-70);border-color:var(--ga-color-primary-70);}.checkbox-visual svg{width:var(--ga-size-12);height:var(--ga-size-12);color:var(--ga-color-white);stroke-width:var(--ga-size-border-width-lg);}.sr-only{position:absolute;width:var(--ga-size-border-width-sm);height:var(--ga-size-border-width-sm);padding:0;margin:calc(var(--ga-size-border-width-sm) * -1);overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}.consultant-name,.consultant-email{flex:1 1 0;min-width:0;font-size:var(--ga-text-sm-size);line-height:var(--ga-text-sm-line-height);color:var(--ga-color-text-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.consultant-email{text-align:left;}.loading-row{padding:var(--ga-size-spacing-05);text-align:center;font-size:var(--ga-text-sm-size);color:var(--ga-color-neutral-60);}`
+  S`.step-content > p{font-size:var(--ga-text-md-size);line-height:var(--ga-text-md-line-height);color:var(--ga-color-text-body);margin:0 0 var(--ga-size-spacing-07);}.search-row{display:flex;justify-content:flex-end;margin-bottom:var(--ga-size-spacing-03);}.search-wrapper{position:relative;width:var(--ga-size-content-xs);}.search-icon{position:absolute;left:var(--ga-size-spacing-03);top:50%;transform:translateY(-50%);color:var(--ga-color-icon-action);display:flex;align-items:center;pointer-events:none;}.search-icon svg{width:var(--ga-size-spacing-05);height:var(--ga-size-spacing-05);}.search-input{width:100%;box-sizing:border-box;height:var(--ga-size-40);padding:0 var(--ga-size-spacing-04) 0 var(--ga-size-spacing-07);border:var(--ga-size-border-width-sm) solid var(--ga-color-neutral-30);border-radius:var(--ga-radius);background:var(--ga-color-white);font-size:var(--ga-text-sm-size);line-height:var(--ga-text-sm-line-height);color:var(--ga-color-text-body);outline:none;font-family:var(--vsn-customer-onboarding-wizard-font-family);}.search-input::placeholder{color:var(--ga-color-neutral-60);}.search-input:focus{border-color:var(--ga-color-border-focus);}.consultant-list{background:var(--ga-color-surface-page);border-radius:var(--ga-radius);overflow:hidden;}.consultant-row{display:flex;align-items:center;gap:var(--ga-size-spacing-03);height:var(--ga-size-56);padding:0 var(--ga-size-spacing-05);cursor:pointer;}.consultant-row + .consultant-row{border-top:var(--ga-size-border-width-sm) solid var(--ga-color-neutral-20);}.consultant-row--selected{background:var(--ga-color-surface-selected);}.consultant-row:hover:not(.consultant-row--selected){background:var(--ga-color-neutral-10);}.consultant-row:focus-within .checkbox-visual{outline:var(--ga-size-border-width-md) solid var(--ga-color-border-focus);outline-offset:var(--ga-size-border-width-sm);}.checkbox-visual{flex-shrink:0;width:var(--ga-size-16);height:var(--ga-size-16);border:var(--ga-size-border-width-sm) solid var(--ga-color-neutral-30);border-radius:var(--ga-radius);background:var(--ga-color-white);display:flex;align-items:center;justify-content:center;pointer-events:none;}.checkbox-visual--checked{background:var(--ga-color-primary-70);border-color:var(--ga-color-primary-70);}.checkbox-visual svg{width:var(--ga-size-12);height:var(--ga-size-12);color:var(--ga-color-white);stroke-width:var(--ga-size-border-width-lg);}.sr-only{position:absolute;width:var(--ga-size-border-width-sm);height:var(--ga-size-border-width-sm);padding:0;margin:calc(var(--ga-size-border-width-sm) * -1);overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}.consultant-name,.consultant-email{flex:1 1 0;min-width:0;font-size:var(--ga-text-sm-size);line-height:var(--ga-text-sm-line-height);color:var(--ga-color-text-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.consultant-email{text-align:left;}.loading-row,.no-results-row{padding:var(--ga-size-spacing-05);text-align:center;font-size:var(--ga-text-sm-size);color:var(--ga-color-neutral-60);}h2[tabindex="-1"]:focus{outline:none;}`
 ];
-k([
+$([
   g({ type: Object })
-], b.prototype, "translations", 2);
-k([
+], w.prototype, "translations", 2);
+$([
   g({ type: Object })
-], b.prototype, "httpService", 2);
-k([
+], w.prototype, "httpService", 2);
+$([
   g({ type: String })
-], b.prototype, "customerId", 2);
-k([
+], w.prototype, "customerId", 2);
+$([
   g({ type: String })
-], b.prototype, "partnerId", 2);
-k([
+], w.prototype, "partnerId", 2);
+$([
   g({ type: String })
-], b.prototype, "partnerName", 2);
-k([
+], w.prototype, "partnerName", 2);
+$([
   l()
-], b.prototype, "consultants", 2);
-k([
+], w.prototype, "consultants", 2);
+$([
   l()
-], b.prototype, "isLoading", 2);
-k([
+], w.prototype, "isLoading", 2);
+$([
   l()
-], b.prototype, "isConfirming", 2);
-k([
+], w.prototype, "isConfirming", 2);
+$([
   l()
-], b.prototype, "selectedIds", 2);
-k([
+], w.prototype, "selectedIds", 2);
+$([
   l()
-], b.prototype, "searchTerm", 2);
-b = k([
-  S("wizard-step3-partner-access")
-], b);
-var Z = Object.defineProperty, J = Object.getOwnPropertyDescriptor, T = (e, t, a, r) => {
+], w.prototype, "searchTerm", 2);
+w = $([
+  A("wizard-step3-partner-access")
+], w);
+var Z = Object.defineProperty, J = Object.getOwnPropertyDescriptor, F = (e, t, a, r) => {
   for (var i = r > 1 ? void 0 : r ? J(t, a) : t, o = e.length - 1, s; o >= 0; o--)
     (s = e[o]) && (i = (r ? s(t, a, i) : s(i)) || i);
   return r && i && Z(t, a, i), i;
 };
-let R = class extends L {
+let I = class extends E {
+  firstUpdated() {
+    this.updateComplete.then(() => {
+      var e, t;
+      (t = (e = this.shadowRoot) == null ? void 0 : e.querySelector("h2")) == null || t.focus();
+    });
+  }
   handleClose() {
     this.dispatchEvent(new CustomEvent("close", {
       bubbles: !0,
@@ -2265,7 +2274,7 @@ let R = class extends L {
     const e = this.translations;
     return n`
       <div class="step-content">
-        <h2>${e.complete.title}</h2>
+        <h2 tabindex="-1">${e.complete.title}</h2>
         <p>${e.complete.message1}</p>
         <p>${e.complete.message2}</p>
         
@@ -2282,26 +2291,26 @@ let R = class extends L {
     `;
   }
 };
-R.styles = [
-  E,
+I.styles = [
+  N,
   j,
   P,
-  $`.step-content h2{font-weight:var(--ga-font-weight-semibold);margin:0 0 var(--ga-size-spacing-06);}.step-content p{font-size:var(--ga-text-md-size);line-height:var(--ga-text-md-line-height);color:var(--ga-color-text-body);margin:0 0 var(--ga-size-spacing-04);}.primary-action{margin-top:var(--ga-size-spacing-06);}`
+  S`.step-content h2{font-weight:var(--ga-font-weight-semibold);margin:0 0 var(--ga-size-spacing-06);}.step-content p{font-size:var(--ga-text-md-size);line-height:var(--ga-text-md-line-height);color:var(--ga-color-text-body);margin:0 0 var(--ga-size-spacing-04);}.primary-action{margin-top:var(--ga-size-spacing-06);}h2[tabindex="-1"]:focus{outline:none;}`
 ];
-T([
+F([
   g({ type: Object })
-], R.prototype, "translations", 2);
-R = T([
-  S("wizard-step-complete")
-], R);
-var Q = Object.defineProperty, X = Object.getOwnPropertyDescriptor, f = (e, t, a, r) => {
+], I.prototype, "translations", 2);
+I = F([
+  A("wizard-step-complete")
+], I);
+var Q = Object.defineProperty, X = Object.getOwnPropertyDescriptor, y = (e, t, a, r) => {
   for (var i = r > 1 ? void 0 : r ? X(t, a) : t, o = e.length - 1, s; o >= 0; o--)
     (s = e[o]) && (i = (r ? s(t, a, i) : s(i)) || i);
   return r && i && Q(t, a, i), i;
 };
-let m = class extends L {
+let u = class extends E {
   constructor() {
-    super(...arguments), this.locale = "en-GB", this.baseUrl = "", this.adminUrl = "", this.taskId = "", this.customerId = "", this.step = "welcome", this.userName = "User", this.currentUserProfile = null, this.currentStep = 0, this.completedSteps = /* @__PURE__ */ new Set(), this.errorState = null, this.customerInfo = null, this.visible = !0, this.i18n = new U(), this.errorMessageListener = null;
+    super(...arguments), this.locale = "en-US", this.baseUrl = "", this.adminUrl = "", this.taskId = "", this.customerId = "", this.step = "welcome", this.userName = "User", this.currentUserProfile = null, this.currentStep = 0, this.completedSteps = /* @__PURE__ */ new Set(), this.errorState = null, this.customerInfo = null, this.visible = !0, this.i18n = new T(), this.errorMessageListener = null;
   }
   get steps() {
     const e = this.i18n.getTranslations();
@@ -2312,7 +2321,7 @@ let m = class extends L {
     ];
   }
   connectedCallback() {
-    super.connectedCallback(), this.currentStep = m.stepMap[this.step] ?? 0, this.httpService = new O(this.baseUrl, {}, this), this.i18n.setLocale(this.locale), this.initializeWithAuth(), this.setupErrorMessageListener();
+    super.connectedCallback(), this.currentStep = u.stepMap[this.step] ?? 0, this.httpService = new O(this.baseUrl, {}, this), this.i18n.setLocale(this.locale), this.initializeWithAuth(), this.setupErrorMessageListener();
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.removeErrorMessageListener();
@@ -2442,6 +2451,12 @@ let m = class extends L {
   handleComplete() {
     this.completedSteps.add(this.currentStep), this.currentStep = 4;
   }
+  handleWizardKeydown(e) {
+    if (e.key === "Escape") {
+      if (e.defaultPrevented) return;
+      e.preventDefault(), e.stopPropagation(), this.handleSaveAndClose();
+    }
+  }
   handleSaveAndClose() {
     const t = {
       0: "welcome",
@@ -2503,7 +2518,7 @@ let m = class extends L {
             ${this.steps.map((t) => n`
               <div class="step-wrapper" role="listitem">
                 <div class="step-indicator ${this.currentStep === 4 ? "completed" : ""}">
-                  <div class="step-icon">
+                  <div class="step-icon" aria-hidden="true">
                     ${this.currentStep === 4 ? d.circleCheckBig() : d.circleDashed()}
                   </div>
                   <span class="step-label">${t.label}</span>
@@ -2521,9 +2536,9 @@ let m = class extends L {
         </div>
         <div class="steps-row" role="list" aria-label=${e.steps.progressLabel}>
           ${this.steps.map((t) => n`
-            <div class="step-wrapper" role="listitem">
-              <div class="step-indicator ${this.getStepClass(t.id)}" aria-current=${this.currentStep === t.id ? "step" : q}>
-                <div class="step-icon">
+            <div class="step-wrapper" role="listitem" aria-current=${this.currentStep === t.id ? "step" : p}>
+              <div class="step-indicator ${this.getStepClass(t.id)}">
+                <div class="step-icon" aria-hidden="true">
                   ${this.completedSteps.has(t.id) ? d.circleCheckBig() : this.currentStep === t.id ? d.circleDotDashed() : d.circleDashed()}
                 </div>
                 <span class="step-label">${t.label}</span>
@@ -2540,7 +2555,7 @@ let m = class extends L {
     return n`
       ${this.visible ? n`
       <div class="overlay">
-        <div class="wizard-container" role="dialog" aria-modal="true" aria-labelledby="wizard-title">
+        <div class="wizard-container" role="dialog" aria-modal="true" aria-labelledby="wizard-title" @keydown=${this.handleWizardKeydown}>
           <h1 class="wizard-title" id="wizard-title">${e.wizard.title}</h1>
           ${this.renderErrorBanner(e)}
           ${this.renderStepIndicators(e)}
@@ -2610,7 +2625,7 @@ let m = class extends L {
     return n`
       <div class="error-banner" role="alert">
         <div class="error-content">
-          <div class="error-icon">
+          <div class="error-icon" aria-hidden="true">
             ${d.octagonAlert()}
           </div>
           <div class="error-text-container">
@@ -2625,60 +2640,60 @@ let m = class extends L {
     `;
   }
 };
-m.stepMap = {
+u.stepMap = {
   welcome: 0,
   company: 1,
   administrators: 2,
   "partner-access": 3,
   complete: 4
 };
-m.styles = [
-  E,
-  $`:host{display:block;font-family:var(--vsn-customer-onboarding-wizard-font-family);}.overlay{position:fixed;inset:0;background:var(--ga-color-surface-page);display:flex;align-items:center;justify-content:center;z-index:1000;}.wizard-container{background:var(--ga-color-white);width:780px;min-height:520px;padding:var(--ga-size-spacing-08) var(--ga-size-spacing-10);border-radius:var(--ga-radius);border:1px solid var(--ga-color-cyan-80);}h1.wizard-title{font-size:var(--ga-text-2xl-size);line-height:var(--ga-text-2xl-line-height);font-weight:600;margin:0 0 var(--ga-size-spacing-07);color:var(--ga-color-text-headings);text-align:left;letter-spacing:-0.27px}.error-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ga-size-spacing-04);padding:var(--ga-size-spacing-05);margin-bottom:var(--ga-size-spacing-06);background-color:#FEF2F2;border:1px solid #FCA5A5;border-radius:var(--ga-radius);animation:slideDown 0.3s ease-out;}@keyframes slideDown{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}.error-content{display:flex;align-items:flex-start;gap:var(--ga-size-spacing-04);flex:1;}.error-icon{width:24px;height:24px;color:var(--ga-color-error);flex-shrink:0;}.error-icon svg{width:24px;height:24px;}.error-text-container{display:flex;flex-direction:column;gap:var(--ga-size-spacing-01);flex:1;}.error-title{font-size:var(--ga-text-sm-size);line-height:var(--ga-text-sm-line-height);color:var(--ga-color-cyan-90);font-weight:600;margin:0;}.error-message{font-size:var(--ga-text-sm-size);line-height:var(--ga-text-sm-line-height);color:var(--ga-color-cyan-90);font-weight:400;margin:0;}.error-dismiss{background:none;border:none;padding:0;cursor:pointer;color:var(--ga-color-red-60);width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:0.7;transition:opacity 0.2s;}.error-dismiss:hover{opacity:1;}.error-dismiss svg{width:20px;height:20px;}.step-indicators{display:flex;flex-direction:column;margin-bottom:var(--ga-size-spacing-10);}.line-row{display:flex;gap:0;margin-bottom:var(--ga-size-spacing-04);}.line-segment{flex:1;border-bottom:2px solid var(--ga-color-neutral-30);margin:0;padding:0;}.line-segment.completed{border-bottom-color:var(--ga-color-success);}.line-segment.active{border-bottom-color:var(--ga-color-primary);border-bottom-width:4px;margin-bottom:-2px;}.steps-row{display:flex;gap:0;}.step-wrapper{flex:1;display:flex;align-items:center;}.step-indicator{display:flex;align-items:center;gap:var(--ga-size-spacing-03);}.step-icon{width:24px;height:24px;border-radius:var(--ga-radius-round);background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ga-color-primary);}.step-indicator.active .step-icon{color:var(--ga-color-primary);}.step-indicator.completed .step-icon{color:var(--ga-color-success);}.step-label{font-size:var(--ga-text-md-size);font-weight:500;color:var(--ga-color-primary);white-space:nowrap;letter-spacing:-0.1px}.step-indicator.active .step-label{color:var(--ga-color-text-headings);font-weight:500;}`
+u.styles = [
+  N,
+  S`:host{display:block;font-family:var(--vsn-customer-onboarding-wizard-font-family);}.overlay{position:fixed;inset:0;background:var(--ga-color-surface-page);display:flex;align-items:center;justify-content:center;z-index:1000;}.wizard-container{background:var(--ga-color-white);width:780px;min-height:520px;padding:var(--ga-size-spacing-08) var(--ga-size-spacing-10);border-radius:var(--ga-radius);border:1px solid var(--ga-color-cyan-80);}h1.wizard-title{font-size:var(--ga-text-2xl-size);line-height:var(--ga-text-2xl-line-height);font-weight:600;margin:0 0 var(--ga-size-spacing-07);color:var(--ga-color-text-headings);text-align:left;letter-spacing:-0.27px}.error-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ga-size-spacing-04);padding:var(--ga-size-spacing-05);margin-bottom:var(--ga-size-spacing-06);background-color:#FEF2F2;border:1px solid #FCA5A5;border-radius:var(--ga-radius);animation:slideDown 0.3s ease-out;}@keyframes slideDown{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}.error-content{display:flex;align-items:flex-start;gap:var(--ga-size-spacing-04);flex:1;}.error-icon{width:24px;height:24px;color:var(--ga-color-error);flex-shrink:0;}.error-icon svg{width:24px;height:24px;}.error-text-container{display:flex;flex-direction:column;gap:var(--ga-size-spacing-01);flex:1;}.error-title{font-size:var(--ga-text-sm-size);line-height:var(--ga-text-sm-line-height);color:var(--ga-color-cyan-90);font-weight:600;margin:0;}.error-message{font-size:var(--ga-text-sm-size);line-height:var(--ga-text-sm-line-height);color:var(--ga-color-cyan-90);font-weight:400;margin:0;}.error-dismiss{background:none;border:none;padding:0;cursor:pointer;color:var(--ga-color-red-60);width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:0.7;transition:opacity 0.2s;}.error-dismiss:hover{opacity:1;}.error-dismiss:focus-visible{outline:var(--ga-size-border-width-md) solid var(--ga-color-border-focus);outline-offset:var(--ga-size-border-width-md);border-radius:var(--ga-radius);}.error-dismiss svg{width:20px;height:20px;}.step-indicators{display:flex;flex-direction:column;margin-bottom:var(--ga-size-spacing-10);}.line-row{display:flex;gap:0;margin-bottom:var(--ga-size-spacing-04);}.line-segment{flex:1;border-bottom:2px solid var(--ga-color-neutral-30);margin:0;padding:0;}.line-segment.completed{border-bottom-color:var(--ga-color-success);}.line-segment.active{border-bottom-color:var(--ga-color-primary);border-bottom-width:4px;margin-bottom:-2px;}.steps-row{display:flex;gap:0;}.step-wrapper{flex:1;display:flex;align-items:center;}.step-indicator{display:flex;align-items:center;gap:var(--ga-size-spacing-03);}.step-icon{width:24px;height:24px;border-radius:var(--ga-radius-round);background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ga-color-primary);}.step-indicator.active .step-icon{color:var(--ga-color-primary);}.step-indicator.completed .step-icon{color:var(--ga-color-success);}.step-label{font-size:var(--ga-text-md-size);font-weight:500;color:var(--ga-color-primary);white-space:nowrap;letter-spacing:-0.1px}.step-indicator.active .step-label{color:var(--ga-color-text-headings);font-weight:500;}`
 ];
-f([
+y([
   g({ type: String })
-], m.prototype, "locale", 2);
-f([
+], u.prototype, "locale", 2);
+y([
   g({ type: String })
-], m.prototype, "baseUrl", 2);
-f([
+], u.prototype, "baseUrl", 2);
+y([
   g({ type: String })
-], m.prototype, "adminUrl", 2);
-f([
+], u.prototype, "adminUrl", 2);
+y([
   g({ type: String })
-], m.prototype, "taskId", 2);
-f([
+], u.prototype, "taskId", 2);
+y([
   g({ type: String })
-], m.prototype, "customerId", 2);
-f([
+], u.prototype, "customerId", 2);
+y([
   g({ type: String })
-], m.prototype, "step", 2);
-f([
+], u.prototype, "step", 2);
+y([
   l()
-], m.prototype, "userName", 2);
-f([
+], u.prototype, "userName", 2);
+y([
   l()
-], m.prototype, "currentUserProfile", 2);
-f([
+], u.prototype, "currentUserProfile", 2);
+y([
   l()
-], m.prototype, "currentStep", 2);
-f([
+], u.prototype, "currentStep", 2);
+y([
   l()
-], m.prototype, "completedSteps", 2);
-f([
+], u.prototype, "completedSteps", 2);
+y([
   l()
-], m.prototype, "errorState", 2);
-f([
+], u.prototype, "errorState", 2);
+y([
   l()
-], m.prototype, "customerInfo", 2);
-f([
+], u.prototype, "customerInfo", 2);
+y([
   l()
-], m.prototype, "visible", 2);
-m = f([
-  S("vsn-customer-onboarding-wizard")
-], m);
+], u.prototype, "visible", 2);
+u = y([
+  A("vsn-customer-onboarding-wizard")
+], u);
 export {
-  m as CustomerOnboardingWizard,
+  u as CustomerOnboardingWizard,
   O as HttpService
 };