/* Atlas wizard (src/wizard.js). One look for the desktop pages and the web app: the colours come
   from the host page's own variables when it has them (--blue, --ink, --line ... on the desktop;
   --primary, --surface, --outline ... in the web app, which also switches them for dark), and
   fall back to Atlas colours. Dark: the web app follows its theme switch; a desktop page that
   wants it sets data-wiz-auto on <html> (follows the system) or data-theme="dark". */
.wiz{
 --wz-ink:var(--ink,#1d2433);--wz-muted:var(--muted,#5b6476);
 --wz-card:var(--surface,var(--card,#fff));--wz-line:var(--outline,var(--line,#dfe5ef));
 --wz-soft:var(--soft,#f3f6fb);--wz-accent:var(--primary,var(--blue,#1560e8));--wz-accent-ink:#fff;--wz-accent-soft:var(--primary-soft,var(--blue-soft,#e8f0ff));
 --wz-ok:#1a9b5b;--wz-ok-ink:#fff;--wz-ok-soft:rgba(26,155,91,.18);
 --wz-bad:var(--red,var(--bad,#b42318));--wz-warn:var(--warn,#fff5e0);--wz-field:var(--surface,#fff);
 --wz-backdrop:rgba(14,24,48,.5);--wz-n:3;
 position:relative;box-sizing:border-box;width:min(580px,100%);max-height:min(92vh,760px);display:flex;flex-direction:column;
 background:var(--wz-card);color:var(--wz-ink);border:1px solid var(--wz-line);border-radius:18px;
 box-shadow:0 24px 70px rgba(10,25,60,.28);font:14px/1.5 var(--t,"Segoe UI",system-ui,sans-serif);
}
.wiz *,.wiz *::before,.wiz *::after{box-sizing:border-box}
.wiz [hidden]{display:none!important}
.wiz label{margin:0;font-size:14px;font-weight:400;line-height:1.4;color:inherit}
.wiz input,.wiz select,.wiz textarea{margin:0;box-shadow:none}
.wiz button{margin:0;line-height:1.2}
.wiz h3,.wiz h2,.wiz p,.wiz ol,.wiz ul,.wiz dl,.wiz dd{margin-top:0}
:root[data-theme="dark"] .wiz:not(.wiz-light),.wiz.wiz-dark{
 --wz-ink:var(--ink,#e6edf9);--wz-muted:var(--muted,#9fb0cf);--wz-card:var(--surface,#18233a);--wz-line:var(--outline,#2a3a5a);
 --wz-soft:#1c2a47;--wz-accent:var(--primary,#5b9bff);--wz-accent-soft:var(--primary-soft,#22345a);--wz-ok:#3fbf86;--wz-ok-ink:#06251a;--wz-ok-soft:rgba(63,191,134,.22);
 --wz-bad:var(--red,#ff9d90);--wz-warn:#3a2f10;--wz-field:#111a2b;--wz-backdrop:rgba(0,0,0,.62);
}
@media (prefers-color-scheme:dark){
 :root[data-wiz-auto] .wiz:not(.wiz-light){
  --wz-ink:#e6edf9;--wz-muted:#9fb0cf;--wz-card:#18233a;--wz-line:#2a3a5a;--wz-soft:#1c2a47;--wz-accent:#5b9bff;--wz-accent-soft:#22345a;
  --wz-ok:#3fbf86;--wz-ok-ink:#06251a;--wz-ok-soft:rgba(63,191,134,.22);--wz-bad:#ff9d90;--wz-warn:#3a2f10;--wz-field:#111a2b;--wz-backdrop:rgba(0,0,0,.62);
 }
}
.wiz-backdrop{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(14,24,48,.5);animation:wiz-fade .15s ease-out}
:root[data-theme="dark"] .wiz-backdrop{background:rgba(0,0,0,.62)}
@keyframes wiz-fade{from{opacity:0}}
@keyframes wiz-rise{from{opacity:0;transform:translateY(10px)}}
.wiz-backdrop .wiz{animation:wiz-rise .18s ease-out}
.wiz.wiz-inline,.wiz[role="group"]{width:100%;max-height:none;box-shadow:none}
.wiz .wiz-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.wiz .wiz-x{position:absolute;top:10px;right:10px;z-index:2;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--wz-muted);font-size:16px;line-height:1;cursor:pointer}
.wiz .wiz-x:hover{background:var(--wz-soft);color:var(--wz-ink)}
.wiz button:focus-visible,.wiz input:focus-visible,.wiz select:focus-visible,.wiz textarea:focus-visible,.wiz .wiz-choice:focus-within{outline:3px solid var(--wz-accent);outline-offset:2px}
.wiz .wiz-h:focus{outline:none}
.wiz .wiz-h:focus-visible{outline:none}

/* step bar */
.wiz .wiz-barwrap{position:relative;padding:22px 52px 4px 22px;flex:none}
.wiz .wiz-track{position:absolute;left:calc(22px + (100% - 74px) / var(--wz-n) / 2);right:calc(52px + (100% - 74px) / var(--wz-n) / 2);top:41px;height:4px;border-radius:2px;background:var(--wz-line)}
.wiz .wiz-track i{display:block;height:100%;width:0;border-radius:2px;background:var(--wz-ok);transition:width .28s ease}
.wiz .wiz-bar{position:relative;display:flex;margin:0;padding:0;list-style:none}
.wiz .wiz-step{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.wiz .wiz-dot{position:relative;display:grid;place-items:center;width:42px;height:42px;padding:0;border-radius:50%;border:2px solid var(--wz-line);background:var(--wz-card);color:var(--wz-muted);cursor:default;transition:background .2s,border-color .2s,box-shadow .2s}
.wiz .wiz-step.wiz-done .wiz-dot,.wiz .wiz-step.wiz-on .wiz-dot{background:var(--wz-ok);border-color:var(--wz-ok);color:var(--wz-ok-ink)}
.wiz .wiz-step.wiz-on .wiz-dot{box-shadow:0 0 0 5px var(--wz-ok-soft)}
.wiz .wiz-step.wiz-done .wiz-dot:not(:disabled){cursor:pointer}
.wiz .wiz-step.wiz-todo .wiz-dot:not(:disabled){cursor:pointer}
.wiz .wiz-svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wiz .wiz-step.wiz-done .wiz-svg{stroke-width:2.8}
.wiz .wiz-glyph{font:700 13px/1 inherit}
.wiz .wiz-name{max-width:100%;font-size:12px;line-height:1.25;font-weight:600;color:var(--wz-muted);overflow-wrap:anywhere}
.wiz .wiz-step.wiz-on .wiz-name{color:var(--wz-ink)}
.wiz .wiz-step.wiz-done .wiz-name{color:var(--wz-ink)}

/* body */
.wiz .wiz-body{flex:1 1 auto;min-height:0;overflow:auto;padding:20px 24px 8px;-webkit-overflow-scrolling:touch}
.wiz .wiz-h{text-transform:none;letter-spacing:0;margin:0 0 4px;font-size:20px;line-height:1.25;font-weight:700;color:var(--wz-ink);font-family:var(--d,inherit)}
.wiz .wiz-help{margin:0 0 14px;color:var(--wz-muted);font-size:14px}
.wiz .wiz-content{display:grid;gap:12px}
.wiz .wiz-field{display:flex;flex-direction:column;align-items:stretch;gap:5px;color:var(--wz-ink)}
.wiz .wiz-lab{font-size:13px;font-weight:700}
.wiz .wiz-field small,.wiz .wiz-check small{color:var(--wz-muted);font-size:12.5px;font-weight:400}
.wiz input[type=text],.wiz input[type=email],.wiz input[type=password],.wiz input[type=tel],.wiz input[type=number],.wiz input[type=date],.wiz input[type=search],.wiz select,.wiz textarea{
 width:100%;min-height:42px;padding:9px 12px;border:1.5px solid var(--wz-line);border-radius:10px;background:var(--wz-field);color:var(--wz-ink);font:inherit;font-size:15px}
.wiz textarea{min-height:96px;resize:vertical;line-height:1.45}
.wiz input:focus,.wiz select:focus,.wiz textarea:focus{border-color:var(--wz-accent)}
.wiz [aria-invalid="true"]{border-color:var(--wz-bad)!important}
.wiz .wiz-check{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:start;color:var(--wz-ink);font-size:14px;cursor:pointer}
.wiz .wiz-check input{margin:4px 0 0;width:18px;height:18px;accent-color:var(--wz-accent)}
.wiz .wiz-check small{grid-column:2}
.wiz .wiz-choices{display:grid;gap:10px}
.wiz .wiz-choice{position:relative;display:flex;flex-direction:row;text-align:left;gap:12px;align-items:center;padding:12px 14px;border:2px solid var(--wz-line);border-radius:14px;background:var(--wz-field);cursor:pointer;transition:border-color .15s,background .15s}
.wiz .wiz-choice:hover{border-color:var(--wz-accent)}
.wiz .wiz-choice input{position:absolute;opacity:0;width:1px;height:1px}
.wiz .wiz-choice:has(input:checked){border-color:var(--wz-ok);background:var(--wz-ok-soft)}
.wiz .wiz-choice:has(input:checked)::after{content:"";position:absolute;top:12px;right:14px;width:18px;height:18px;border-radius:50%;background:var(--wz-ok) no-repeat center/12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.500 4.500L19 7.500'/%3E%3C/svg%3E")}
.wiz .wiz-cicon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:var(--wz-accent-soft);color:var(--wz-accent)}
.wiz .wiz-ctext{display:flex;flex-direction:column;min-width:0;padding-right:26px}
.wiz .wiz-ctext b{font-size:15px}
.wiz .wiz-ctext small{color:var(--wz-muted);font-size:13px}
.wiz .wiz-note{margin:0;padding:10px 12px;border-radius:10px;background:var(--wz-soft);color:var(--wz-ink);font-size:13.5px}
.wiz .wiz-note.warn{background:var(--wz-warn)}
.wiz .wiz-note.ok{background:var(--wz-ok-soft)}
.wiz .wiz-rows{display:grid;gap:0;margin:0;border:1px solid var(--wz-line);border-radius:12px;overflow:hidden}
.wiz .wiz-row{display:grid;grid-template-columns:minmax(80px,32%) 1fr auto;gap:10px;align-items:start;padding:10px 12px;border-top:1px solid var(--wz-line)}
.wiz .wiz-row:first-child{border-top:0}
.wiz .wiz-row dt{font-size:13px;font-weight:700;color:var(--wz-muted)}
.wiz .wiz-row dd{margin:0;min-width:0;overflow-wrap:anywhere;white-space:pre-wrap}
.wiz .wiz-edit,.wiz .wiz-link{border:0;background:none;color:var(--wz-accent);font:inherit;font-size:13px;font-weight:700;cursor:pointer;padding:2px 4px}
.wiz .wiz-edit:hover,.wiz .wiz-link:hover{text-decoration:underline}
.wiz .wiz-error{margin:10px 0 0;min-height:0;color:var(--wz-bad);font-weight:600;font-size:13.5px}
.wiz .wiz-error:empty{display:none}

/* footer */
.wiz .wiz-foot{flex:none;display:flex;align-items:center;gap:10px;padding:14px 24px 20px;border-top:1px solid transparent}
.wiz .wiz-grow{flex:1}
.wiz .wiz-draft{margin:0;font-size:12.5px;color:var(--wz-muted);order:0}
.wiz .wiz-back,.wiz .wiz-next{min-width:104px;min-height:44px;padding:9px 20px;border-radius:12px;font:inherit;font-size:14px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;cursor:pointer}
.wiz .wiz-back{border:1.5px solid var(--wz-line);background:transparent;color:var(--wz-ink)}
.wiz .wiz-back:hover{background:var(--wz-soft)}
.wiz .wiz-next{border:1.5px solid var(--wz-ok);background:var(--wz-ok);color:var(--wz-ok-ink)}
.wiz .wiz-next:hover{filter:brightness(.94)}
.wiz .wiz-next.wiz-final{background:var(--wz-accent);border-color:var(--wz-accent);color:var(--wz-accent-ink)}
.wiz .wiz-back:disabled,.wiz .wiz-next:disabled{opacity:.55;cursor:default}

/* web app look: puffy, pressable */
.wiz-clay{--wz-ok:var(--green,#8EE6B5);--wz-ok-ink:var(--on-green,#0B4A2C);--wz-ok-soft:rgba(142,230,181,.35);border-radius:30px;border:0;box-shadow:var(--clay,0 24px 70px rgba(10,25,60,.28))}
:root[data-theme="dark"] .wiz-clay:not(.wiz-light){--wz-ok:#3fbf86;--wz-ok-ink:#06251a;--wz-ok-soft:rgba(63,191,134,.25)}
.wiz-clay .wiz-h{font-family:var(--d,inherit)}
.wiz-clay .wiz-back,.wiz-clay .wiz-next{border:0;border-radius:24px;min-height:50px;letter-spacing:.4px}
.wiz-clay .wiz-back{background:var(--wz-card);box-shadow:0 4px 0 var(--lilac-edge,#e6dcf7),0 7px 12px rgba(110,84,190,.1);text-transform:none;font-size:16px}
.wiz-clay .wiz-next{box-shadow:0 5px 0 var(--green-edge,#5CC48D),inset 0 2px 0 rgba(255,255,255,.55);text-transform:none;font-size:16px}
.wiz-clay .wiz-next.wiz-final{box-shadow:0 5px 0 var(--primary-edge,#1B4FC0),inset 0 2px 0 rgba(255,255,255,.3)}
.wiz-clay .wiz-next:active,.wiz-clay .wiz-back:active{transform:translateY(3px)}
.wiz-clay input[type=text],.wiz-clay input[type=email],.wiz-clay input[type=password],.wiz-clay input[type=tel],.wiz-clay input[type=number],.wiz-clay input[type=date],.wiz-clay select,.wiz-clay textarea{border:2px solid var(--outline-soft,#EEE6FB);border-radius:18px;min-height:48px;font-size:16px}
.wiz-clay .wiz-choice{border-width:2px;border-radius:20px}
.wiz-clay .wiz-rows{border-radius:18px}
.wiz-clay .wiz-note{border-radius:16px}

/* phones */
@media (max-width:560px){
 .wiz-backdrop{align-items:flex-end;padding:0}
 .wiz-backdrop .wiz{width:100%;max-height:94vh;max-height:94dvh;border-radius:22px 22px 0 0;border-bottom:0;animation-name:wiz-up}
 .wiz-clay{border-radius:30px 30px 0 0}
 .wiz .wiz-barwrap{padding:18px 44px 2px 12px}
 .wiz .wiz-track{left:calc(12px + (100% - 56px) / var(--wz-n) / 2);right:calc(44px + (100% - 56px) / var(--wz-n) / 2);top:34px}
 .wiz .wiz-dot{width:36px;height:36px}
 .wiz .wiz-svg{width:18px;height:18px}
 .wiz .wiz-name{font-size:10.5px}
 .wiz .wiz-body{padding:16px 16px 6px}
 .wiz .wiz-h{font-size:18px}
 .wiz .wiz-foot{padding:12px 16px calc(14px + env(safe-area-inset-bottom,0px))}
 .wiz .wiz-back,.wiz .wiz-next{flex:1;min-width:0;padding-left:10px;padding-right:10px}
 .wiz .wiz-grow{display:none}
 .wiz .wiz-draft{position:absolute;left:16px;right:16px;bottom:calc(72px + env(safe-area-inset-bottom,0px))}
 .wiz .wiz-row{grid-template-columns:1fr auto}
 .wiz .wiz-row dt{grid-column:1/-1}
}
@keyframes wiz-up{from{opacity:.4;transform:translateY(30px)}}
@media (max-width:360px){.wiz .wiz-name{font-size:9.5px}.wiz .wiz-dot{width:32px;height:32px}.wiz .wiz-track{top:32px}}
@media (prefers-reduced-motion:reduce){.wiz-backdrop,.wiz-backdrop .wiz,.wiz .wiz-track i{animation:none;transition:none}}

/* pieces the flows use */
.wiz .wiz-chips{display:flex;flex-wrap:wrap;gap:8px}
.wiz .wiz-chip{border:1.5px solid var(--wz-line);background:var(--wz-field);color:var(--wz-ink);border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer}
.wiz .wiz-chip:hover{border-color:var(--wz-accent);color:var(--wz-accent)}
.wiz .wiz-pick{justify-self:start;border:1.5px dashed var(--wz-accent);background:var(--wz-accent-soft);color:var(--wz-accent);border-radius:12px;padding:10px 16px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.wiz .wiz-pick:hover{filter:brightness(.97)}
.wiz .wiz-box{border:1px solid var(--wz-line);border-radius:12px;padding:10px 12px;background:var(--wz-soft);display:grid;gap:6px}
.wiz .wiz-box.warn{background:var(--wz-warn)}
.wiz .wiz-box ul,.wiz .wiz-list{margin:0;padding-left:20px;display:grid;gap:3px}
.wiz .wiz-box p{margin:0}
.wiz .wiz-aside{margin:0;color:var(--wz-muted);font-size:13px}
.wiz .wiz-frow{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:8px;align-items:center}
.wiz .wiz-frow:has(> button.wiz-link){grid-template-columns:minmax(0,1fr) auto}
.wiz .wiz-mini{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--wz-muted);white-space:nowrap}
.wiz .wiz-suggest{display:grid;gap:8px}
.wiz .wiz-sug{display:grid;gap:2px;text-align:left;border:1.5px solid var(--wz-line);background:var(--wz-field);color:var(--wz-ink);border-radius:12px;padding:9px 12px;font:inherit;cursor:pointer}
.wiz .wiz-sug:hover{border-color:var(--wz-accent)}
.wiz .wiz-sug .t{font-weight:700}.wiz .wiz-sug .w{color:var(--wz-muted);font-size:12.5px}
@media (max-width:560px){.wiz .wiz-frow{grid-template-columns:1fr 1fr}.wiz .wiz-frow .wiz-mini{grid-column:1/-1}}

/* a row of short choices (how long, which day) */
.wiz .wiz-choices.wiz-compact{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}
.wiz .wiz-compact .wiz-choice{justify-content:center;text-align:center;padding:10px 8px}
.wiz .wiz-compact .wiz-ctext{padding-right:0;align-items:center}
.wiz .wiz-compact .wiz-choice:has(input:checked)::after{top:5px;right:5px;width:14px;height:14px;background-size:9px}

/* sub-steps under a circle (Check · Staff): small dots, the current one wider */
.wiz .wiz-subs{display:flex;justify-content:center;gap:5px;margin:0;padding:0;list-style:none}
.wiz .wiz-sub{display:block;width:9px;height:9px;padding:0;border:0;border-radius:5px;background:var(--wz-line);cursor:pointer}
.wiz .wiz-sub.done{background:var(--wz-ok)}
.wiz .wiz-sub.on{width:20px;background:var(--wz-ok)}
.wiz .wiz-sub:disabled{cursor:default}

/* Atlas Apps, Check: the summary card, then one list per screen with its fields under subheadings */
.wiz .wiz-summary{display:grid;gap:10px;padding:16px;border:1px solid var(--wz-line);border-radius:14px;background:var(--wz-accent-soft)}
.wiz .wiz-sumhead{margin:0;font-size:16px;font-weight:700;line-height:1.35}
.wiz .wiz-sumlinks{margin:0;color:var(--wz-ink);font-size:14px}
.wiz .wiz-sumpriv{margin:0;color:var(--wz-muted);font-size:13px}
.wiz .wiz-sumact{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.wiz .wiz-go,.wiz .wiz-look{min-height:42px;padding:8px 16px;border-radius:12px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.wiz .wiz-go{border:1.5px solid var(--wz-ok);background:var(--wz-ok);color:var(--wz-ok-ink)}
.wiz .wiz-look{border:1.5px solid var(--wz-line);background:var(--wz-card);color:var(--wz-ink)}
.wiz .wiz-go:hover,.wiz .wiz-look:hover{filter:brightness(.95)}
.wiz .wiz-group{display:grid;gap:6px}
.wiz .wiz-group+.wiz-group{margin-top:14px}
.wiz .wiz-gh{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--wz-muted)}
.wiz .wiz-gn{min-width:20px;padding:1px 7px;border-radius:999px;background:var(--wz-soft);font-size:11.5px;text-align:center;letter-spacing:0}
.wiz .wiz-gnote{margin:0;font-size:13px;color:var(--wz-muted)}
.wiz .wiz-flist{display:grid;gap:0;margin:0;padding:0;list-style:none;border:1px solid var(--wz-line);border-radius:12px;background:var(--wz-field)}
.wiz .wiz-fitem{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:9px 10px}
.wiz .wiz-flist>li+li{border-top:1px solid var(--wz-line)}
.wiz .wiz-ficon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--wz-accent-soft);color:var(--wz-accent)}
.wiz .wiz-ficon .wiz-svg,.wiz .wiz-lock .wiz-svg{width:18px;height:18px}
.wiz .wiz-fmain{display:grid;gap:2px;min-width:0}
.wiz .wiz-fmain b{font-size:14.5px;overflow-wrap:anywhere}
.wiz .wiz-fmain small{color:var(--wz-muted);font-size:12.5px;overflow-wrap:anywhere}
.wiz .wiz-opts{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}
.wiz .wiz-opt{padding:2px 9px;border-radius:999px;background:var(--wz-soft);border:1px solid var(--wz-line);font-size:12px;color:var(--wz-ink)}
.wiz .wiz-opt.more{color:var(--wz-muted)}
.wiz .wiz-lock{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1.5px solid transparent;border-radius:10px;background:transparent;color:var(--wz-muted);cursor:pointer}
.wiz .wiz-lock:hover{background:var(--wz-soft)}
.wiz .wiz-lock.on{color:var(--wz-accent);border-color:var(--wz-accent);background:var(--wz-accent-soft)}
.wiz .wiz-fbtn{padding:6px 8px}
.wiz .wiz-fedit{display:grid;gap:10px;padding:10px 12px 14px 54px;background:var(--wz-soft)}
@media (max-width:560px){
 .wiz .wiz-fitem{grid-template-columns:30px minmax(0,1fr) auto auto;gap:8px;padding:8px}
 .wiz .wiz-ficon{width:30px;height:30px}
 .wiz .wiz-fedit{padding:10px 12px 14px}
 .wiz .wiz-sumact>button{flex:1 1 100%}
}
/* Atlas Apps: goals, look and the plan (apps create wizard) */
.wiz-goals .wiz-chip{display:inline-flex;align-items:center;gap:6px}
.wiz-goals .wiz-chip.on{border-color:var(--wz-accent,#1560e8);background:color-mix(in srgb,var(--wz-accent,#1560e8) 12%,transparent);font-weight:600}
.wiz-num{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--wz-accent,#1560e8);color:#fff;font-size:11px}
.wiz-look{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0}
.wiz-sws{display:flex;gap:6px;flex-wrap:wrap}
.wiz-sw{width:28px;height:28px;border-radius:50%;border:2px solid transparent;box-shadow:0 0 0 1px rgba(0,0,0,.15);cursor:pointer;padding:0;font-size:11px;font-weight:700}
.wiz-sw.on{box-shadow:0 0 0 3px var(--wz-accent,#1560e8)}
.wiz-sw.auto{background:conic-gradient(#1560e8,#0f8a6a,#d0461f,#6d46d8,#1560e8);color:#fff}
.wiz-plan ul{margin:6px 0 0;padding-left:18px}
.wiz-plan li{margin:3px 0}
/* the temporary password of a new app user, shown once */
.wiz .wiz-temp{font:600 22px/1.3 ui-monospace,Consolas,monospace;letter-spacing:.04em;text-align:center;padding:14px 12px;margin:4px 0 10px;border-radius:12px;background:var(--wz-soft,#eef4ff);border:1px dashed var(--wz-line,#9db6e8);user-select:all;word-break:break-all}