.setup-wizard{--setup-primary:var(--clr-0f766e-bg,#0f766e);--setup-surface:var(--clr-ffffff-bg,#fff);--setup-text:var(--clr-1b2b29-fg,#1b2b29);--setup-muted:var(--clr-5b6b68-fg,#5b6b68);--setup-border:var(--clr-e7ecea-fg,#e7ecea);--setup-input-border:var(--clr-d4dddb-fg,#d4dddb);min-height:100dvh;color:var(--setup-text);box-sizing:border-box;background:linear-gradient(180deg, var(--clr-f3f8f7-bg,#f3f8f7) 0%, var(--setup-surface) 100%);justify-content:center;align-items:center;padding:32px 16px 90px;display:flex}.setup-wizard *{box-sizing:border-box}.setup-wrap{width:100%;min-width:0;max-width:520px}.setup-brand{text-align:center;margin-bottom:40px}.setup-brand a{color:var(--setup-text);align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;display:inline-flex}.setup-brand img{border-radius:11px}.setup-account-badge{background:var(--clr-e3f0ee-bg,#e3f0ee);width:fit-content;color:var(--clr-0f766e-fg,#0f766e);border-radius:999px;align-items:center;gap:6px;margin:12px auto 0;padding:5px 12px;font-size:12px;font-weight:600;display:flex}.setup-account-badge>span{background:var(--setup-primary);border-radius:50%;width:6px;height:6px}.setup-panel{border:1px solid var(--setup-border);background:var(--setup-surface);border-radius:18px;width:100%;min-width:0;padding:36px 36px 32px;box-shadow:0 8px 32px -12px #10282624}.setup-panel nav{direction:ltr;align-items:center;margin-bottom:32px;display:flex}.setup-step{flex:1;align-items:center;display:flex}.setup-step:last-child{flex:none}.setup-wizard button{font:inherit;cursor:pointer;transition:background .15s ease-out,color .15s ease-out,border-color .15s ease-out}.setup-wizard button:disabled{cursor:default}.setup-step>button{background:var(--clr-e2e8f0-bg,#e2e8f0);width:26px;height:26px;color:var(--clr-94a3b8-fg,#94a3b8);border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:11px;font-weight:700;display:flex}.setup-step.done>button,.setup-step.active>button{background:var(--setup-primary);color:var(--clr-ffffff-fg,#fff)}.setup-step.active>button{box-shadow:0 0 0 4px #0f766e2e}.setup-step-line{background:var(--clr-e2e8f0-bg,#e2e8f0);flex:1;height:2px;margin:0 2px}.setup-step.done .setup-step-line{background:var(--setup-primary)}.setup-step-content{animation:.15s ease-out setup-step-enter}@keyframes setup-step-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.setup-title{align-items:center;gap:10px;margin-bottom:6px;display:flex}.setup-title>span{background:var(--clr-e3f0ee-bg,#e3f0ee);width:34px;height:34px;color:var(--clr-0f766e-fg,#0f766e);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.setup-title h2{margin:0;font-size:20px;font-weight:800}.setup-wizard h3{margin:0;font-size:13px;font-weight:700}.setup-wizard p{color:var(--setup-muted);margin:10px 0 24px;font-size:14px;line-height:1.7}.setup-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:24px;display:grid}.setup-presets button{border:1.5px solid var(--setup-input-border);background:var(--setup-surface);color:var(--setup-text);border-radius:10px;padding:10px 6px;font-size:13px;font-weight:700}.setup-presets button>span{margin-top:5px;font-size:10px;font-weight:500;line-height:1.7;display:block}.setup-presets button[aria-pressed=true]{border-color:var(--setup-primary);background:var(--clr-e3f0ee-bg,#e3f0ee);color:var(--clr-0f766e-fg,#0f766e)}.setup-shift-grid{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.setup-shift{border:1.5px solid var(--setup-border);background:var(--clr-fbfdfc-bg,#fbfdfc);border-radius:12px;padding:12px 16px}.setup-shift>p{margin:10px 0 0;font-size:12px}.setup-time-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.setup-wizard label{color:var(--clr-3c4d4a-fg,#3c4d4a);font-size:13px;font-weight:600;display:block}.setup-wizard input:not([type=checkbox]),.setup-wizard select{border:1.5px solid var(--setup-input-border);width:100%;min-width:0;height:38px;font:inherit;color:var(--setup-text);background:var(--setup-surface);border-radius:9px;margin-top:8px;padding:0 10px;font-size:14px;display:block}.setup-wizard input[type=time]{text-align:center;direction:ltr}.setup-wizard input:disabled{opacity:.5}.setup-wizard .setup-toggle{border-bottom:1px solid var(--setup-border);justify-content:space-between;align-items:center;gap:12px;padding:16px 0;font-size:13px;display:flex}.setup-shift .setup-toggle{border:0;margin-bottom:12px;padding:0 0 12px;font-size:14px}.setup-switch{flex-shrink:0;width:44px;height:24px;display:inline-flex;position:relative}.setup-switch input{opacity:0;z-index:1;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.setup-switch>span{background:var(--clr-cbd5d3-bg,#cbd5d3);border-radius:999px;width:100%;height:100%;transition:background .2s ease-out}.setup-switch>span:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s ease-out;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.setup-switch input:checked+span{background:var(--setup-primary)}.setup-switch input:checked+span:after{transform:translate(20px)}.setup-switch input:focus-visible+span{outline-offset:3px;outline:3px solid #68bca4}.setup-needs{border:1.5px solid var(--setup-border);background:var(--clr-fbfdfc-bg,#fbfdfc);border-radius:12px;margin:14px 0;overflow:hidden}.setup-needs h3{border-bottom:1px solid var(--setup-border);color:var(--clr-0f766e-fg,#0f766e);background:var(--clr-e3f0ee-bg,#e3f0ee);padding:10px 16px}.setup-needs-header,.setup-needs-row{grid-template-columns:minmax(42px,.7fr) repeat(2,minmax(0,1fr));align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:grid}.setup-needs-header{color:var(--setup-muted);text-align:center;font-size:11px}.setup-needs-row{border-top:1px solid var(--setup-border)}.setup-counter{justify-content:center;align-items:center;gap:4px;display:flex}.setup-counter button{border:1.5px solid var(--setup-input-border);width:27px;height:27px;color:var(--clr-3c4d4a-fg,#3c4d4a);background:var(--setup-surface);border-radius:50%;flex-shrink:0;padding:0;font-size:16px;font-weight:700}.setup-counter button:last-child{border-color:var(--setup-primary);background:var(--setup-primary);color:var(--clr-ffffff-fg,#fff)}.setup-counter button:disabled{opacity:.4}.setup-counter input[type=number]{text-align:center;appearance:textfield;background:0 0;border:0;width:36px;height:30px;margin:0;padding:0;font-size:16px;font-weight:800}.setup-counter input::-webkit-inner-spin-button{appearance:none;margin:0}.setup-counter input::-webkit-outer-spin-button{appearance:none;margin:0}.setup-rule-grid{flex-direction:column;gap:18px;margin:24px 0;display:flex}.setup-chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.setup-chips button{border:1.5px solid var(--setup-input-border);background:var(--setup-surface);width:36px;height:36px;color:var(--clr-3c4d4a-fg,#3c4d4a);border-radius:9px;padding:0;font-size:13px;font-weight:700}.setup-chips button[aria-pressed=true]{background:var(--setup-primary);border-color:var(--setup-primary);color:var(--clr-ffffff-fg,#fff)}.setup-summary{border-bottom:1px solid var(--setup-border);justify-content:space-between;align-items:center;gap:8px;padding:12px 0;font-size:13px;display:flex}.setup-needs>p{margin:12px 0;padding:0 16px;font-size:13px}.setup-wizard .setup-warning{color:#826526;background:#fff7e2;border:1px solid #ecd9a1;border-radius:9px;padding:12px 14px;font-size:13px}.setup-wizard .setup-error{color:#a43e35;background:#fff0ef;border-radius:9px;padding:12px 14px;font-size:13px}.setup-panel footer{gap:10px;margin-top:24px;display:flex}.setup-panel footer button{border:1.5px solid var(--setup-input-border);background:var(--setup-surface);height:46px;color:var(--clr-3c4d4a-fg,#3c4d4a);border-radius:10px;padding:0 20px;font-size:14px;font-weight:600}.setup-panel footer button.primary{border-color:var(--setup-primary);background:var(--setup-primary);min-width:0;color:var(--clr-ffffff-fg,#fff);flex:1;justify-content:center;align-items:center;gap:8px;padding:0 10px;font-size:15px;font-weight:700;display:flex}.setup-panel footer button:disabled{opacity:.5}.setup-wizard details{margin-top:24px}.setup-wizard summary{cursor:pointer;font-size:13px;font-weight:600}.setup-wizard :focus-visible{outline-offset:2px;outline:3px solid #68bca4}@media (max-width:550px){.setup-wizard{padding:24px 12px 90px}.setup-brand{margin-bottom:28px}.setup-panel{padding:26px 20px 24px}.setup-presets{gap:6px}.setup-presets button{font-size:12px}.setup-presets button>span{font-size:9px}.setup-needs-header,.setup-needs-row{gap:5px;padding:10px 8px}.setup-counter{gap:2px}.setup-counter button{width:24px;height:24px}.setup-counter input[type=number]{width:30px}}@media (prefers-reduced-motion:reduce){.setup-step-content{animation:none}.setup-wizard button,.setup-switch>span,.setup-switch>span:after{transition:none}}.setup-wizard .setup-help{color:var(--setup-muted);margin-top:6px;font-size:12px;font-weight:400;line-height:1.8;display:block}.setup-switch input:disabled+span{opacity:.4}
