.setup-card{background:#edf5fc;border:2px solid #397eb6;border-radius:16px;padding:22px;margin-bottom:32px;color:#143553;font-size:16px;line-height:1.5;scroll-margin-top:110px;box-shadow:0 8px 24px rgba(17,69,112,.14)}
.setup-card[hidden]{display:none!important}
#guided-setup-home,.setup-heading,.setup-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.setup-card h3,.setup-card h4{margin:0;font-size:20px}.setup-card p{margin:6px 0 12px;color:#35536c}
.setup-heading{background:#104b7b;color:#fff;margin:-22px -22px 18px;padding:18px 22px;border-radius:13px 13px 0 0}
.setup-card .setup-heading h3{color:#fff;font-weight:800}.setup-card .setup-heading p{color:#deedfa;margin:4px 0 0}
.setup-heading .btn{background:#fff;color:#104b7b;border:1px solid #fff;font-weight:700}
.setup-card button{font-size:14px}.setup-card progress{width:100%;height:10px;accent-color:#1766a6;margin:0 0 8px}
.setup-card progress::-webkit-progress-bar{background:#d4e4f2;border-radius:99px}.setup-card progress::-webkit-progress-value{background:#1766a6;border-radius:99px}.setup-card progress::-moz-progress-bar{background:#1766a6;border-radius:99px}
.setup-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 18px}
.setup-steps button{text-align:left;border:1px solid #b5cce0;background:#fff;padding:10px;border-radius:10px;color:#264661;font:inherit;font-size:14px;cursor:pointer}
.setup-steps button[aria-current]{border:2px solid #104b7b;padding:9px;background:#104b7b;color:#fff;font-weight:700;box-shadow:0 3px 8px rgba(16,75,123,.2)}
.setup-steps small{display:block;font-size:13px;color:#536e84;margin-top:4px}.setup-steps button[aria-current] small{color:#deedfa;font-weight:400}.setup-actions{justify-content:flex-start}
.setup-instruction{border:1px solid #b5cce0;border-left:6px solid #1766a6;padding:18px;background:#fff;border-radius:12px}
.setup-instruction h4{color:#104b7b;font-weight:800}.setup-instruction p{margin:8px 0 16px}.setup-card .btn-primary{background:#1766a6;border-color:#1766a6;color:#fff;font-weight:700}
.setup-card button:focus-visible{outline:3px solid #e69b20;outline-offset:3px}
#guided-setup-home{background:#104b7b;color:#fff}#guided-setup-home strong{font-size:20px}#guided-setup-home p{color:#deedfa}#guided-setup-home .btn-primary{background:#fff;border-color:#fff;color:#104b7b}
#guided-setup-home .setup-error{background:#fff;padding:8px 12px;border-radius:8px}
.setup-error{color:#b42318!important}.setup-finish{margin-top:16px}.setup-card button:disabled{opacity:.6;cursor:wait}
#guided-setup-welcome{width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow:auto;margin:auto;border:1px solid var(--border);padding:28px;border-radius:20px;color:var(--ink);font:inherit;font-size:16px;line-height:1.6}
#guided-setup-welcome::backdrop{background:rgba(13,27,42,.55)}#guided-setup-welcome h2{font-size:24px;margin:0 0 12px}#guided-setup-welcome p{margin:0 0 18px}
@media(max-width:768px){.setup-card{padding:16px}.setup-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-actions .btn{white-space:normal}.setup-heading{align-items:flex-start;margin:-16px -16px 16px;padding:16px}.setup-instruction{padding:14px}.setup-card h3,.setup-card h4{font-size:18px}}
@media(prefers-reduced-motion:reduce){.setup-card *{scroll-behavior:auto!important}}

/* Setup uses the original forms and save handlers in a single workspace. */
.setup-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}
.setup-sidebar{position:sticky;top:24px;min-width:0}
.setup-layout .setup-steps{grid-template-columns:1fr;margin:12px 0 0;gap:8px}
.setup-layout .setup-steps button{width:100%;padding:12px 14px;min-height:64px}
.setup-layout .setup-steps button[aria-current]{padding:11px 13px}
.setup-main{min-width:0;background:#fff;border:1px solid #b5cce0;border-radius:14px;padding:24px}
.setup-main .setup-instruction{padding:0 0 18px;border:0;border-bottom:1px solid #dce6ee;border-radius:0;margin-bottom:22px}
.setup-main .setup-eyebrow{font-size:12px;font-weight:700;color:#1766a6;margin:0 0 6px}
.setup-main .setup-actions{border-top:1px solid #dce6ee;padding-top:16px}
.setup-main .setup-save-note{font-size:13px;margin:18px 0 12px}
#setup-fields .settings-workspace-content{min-width:0;width:100%;padding:0;border:0;background:transparent;box-shadow:none}
#setup-fields .settings-section-intro{display:none}
#setup-fields .fg{min-width:0}
#setup-fields input,#setup-fields select,#setup-fields textarea{max-width:100%;box-sizing:border-box}
@media(max-width:640px){#setup-fields .fgrid{grid-template-columns:minmax(0,1fr)}#setup-fields .fgrid>.fg{grid-column:1/-1!important}.setup-main{overflow-wrap:anywhere}}
#page-settings.setup-active>.settings-workspace{display:none}
#page-settings.setup-active .settings-help>summary{display:none}
#page-settings.setup-active .settings-help{padding:0;border:0;background:transparent}
#page-settings.setup-active #first-steps-reopen{display:none}
#page-settings[data-setup-step="clinic"].setup-active #cfg-tab-clinic>.settings-form-card:not(:has(#set-name)){display:none}
#page-settings[data-setup-step="clinic"].setup-active #set-closing-day{display:none}
#page-settings[data-setup-step="clinic"].setup-active .fg:has(>#set-closing-day){display:none}
#page-settings[data-setup-step="closing"].setup-active #cfg-tab-clinic>.settings-form-card:not(:has(#set-name)):not(.settings-delivery-card){display:none}
#page-settings[data-setup-step="closing"].setup-active #cfg-tab-clinic .settings-clinic-grid>.fg:not(:has(>#set-closing-day)){display:none}
@media(max-width:900px){.setup-layout{grid-template-columns:220px minmax(0,1fr);gap:16px}.setup-main{padding:16px}}
@media(max-width:640px){.setup-layout{grid-template-columns:minmax(0,1fr)}.setup-sidebar{position:static}.setup-layout .setup-steps{display:flex;overflow-x:auto;gap:8px;padding-bottom:8px;scroll-snap-type:x proximity}.setup-layout .setup-steps button{flex:0 0 200px;scroll-snap-align:start}.setup-main{padding:14px}.setup-main .setup-actions>.btn{flex:1 1 140px}}

/* Contextual first-use guide: compact, in flow, without a blocking overlay. */
#first-steps-home,#first-steps-context,#first-steps-reopen{padding:14px 18px;margin:0 0 18px;border:1px solid #b7d4e6;border-left:5px solid #167ea7;border-radius:12px;background:#f1f9fd;box-shadow:none}
.first-tour-top{display:flex;gap:12px;align-items:center;justify-content:space-between}.first-tour-top h3{font-size:18px;color:#104b7b;margin:3px 0}.first-tour-top p,.first-tour-route p{font-size:13px;line-height:1.45;margin:5px 0}.first-tour-eyebrow{font-size:10px;letter-spacing:.07em;font-weight:800;color:#17658a}.first-tour-route .setup-actions{margin-top:8px;gap:6px}.first-tour-route .btn,.first-tour-top .btn{font-size:12px;padding:7px 11px}.first-tour-details{font-size:12px;margin-top:9px}.first-tour-details summary{cursor:pointer;color:#17658a}.first-tour-details label{display:block;margin-top:8px}.first-tour-details select{max-width:100%;padding:8px;border:1px solid #b7d4e6;border-radius:8px;background:white}
#sidebar [data-first-marker],.home-quick-create [data-first-marker]{outline:3px solid #edb743!important;outline-offset:-3px;position:relative;box-shadow:0 0 0 2px rgba(237,183,67,.2)!important}
#sidebar [data-first-marker]::after,.home-quick-create [data-first-marker]::after{content:attr(data-first-marker);position:absolute;right:7px;top:-5px;padding:2px 6px;background:#ffe3a0;color:#503500;border-radius:5px;font-size:9px;font-weight:800;line-height:1.3;pointer-events:none}
@media(max-width:768px){.first-tour-top{align-items:flex-start}.first-tour-route .setup-actions{flex-wrap:wrap}#first-steps-home,#first-steps-context{padding:12px}.first-tour-top h3{font-size:16px}}

