.setup-wizard-open { background: rgba(255,255,255,.78); border: 1px solid rgba(255,74,18,.28); border-radius: 12px; color: #cf3f13; cursor: pointer; font: inherit; font-size: 12px; font-weight: 800; margin-top: 10px; padding: 12px; width: 100%; }
.setup-wizard { align-items: center; background: rgba(10,18,15,.58); display: flex; inset: 0; justify-content: center; padding: 24px; position: fixed; z-index: 12000; }
.setup-wizard.hidden { display: none; }
.setup-shell { background: #f8faf8; border: 1px solid rgba(255,255,255,.88); border-radius: 28px; box-shadow: 0 34px 110px rgba(10,20,16,.3); display: grid; grid-template-columns: 240px minmax(0,640px); max-height: min(820px,calc(100vh - 32px)); max-width: 900px; overflow: hidden; width: 100%; }
.setup-side { background: #15251f; color: #fff; padding: 30px 24px; }
.setup-side small { color: #9db0a8; display: block; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.setup-side h2 { font-size: 23px; margin: 10px 0 26px; }
.setup-progress { background: rgba(255,255,255,.12); border-radius: 99px; height: 5px; overflow: hidden; }
.setup-progress span { background: #ff4a12; display: block; height: 100%; transition: width .35s ease; }
.setup-step-list { display: grid; gap: 11px; margin-top: 24px; }
.setup-step-list span { align-items: center; color: #8fa39a; display: flex; font-size: 11px; gap: 9px; }
.setup-step-list b { align-items: center; background: rgba(255,255,255,.1); border-radius: 50%; display: flex; height: 25px; justify-content: center; width: 25px; }
.setup-step-list span.active { color: #fff; }.setup-step-list span.active b { background: #ff4a12; }
.setup-main { max-height: min(820px,calc(100vh - 32px)); overflow-y: auto; padding: 30px; }
.setup-head { align-items: flex-start; display: flex; justify-content: space-between; }
.setup-close { background: #edf0ed; border: 0; border-radius: 50%; cursor: pointer; font-size: 20px; height: 38px; width: 38px; }
.setup-kicker { color: #ff4a12; font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.setup-main h3 { font-size: 27px; line-height: 1.15; margin: 10px 0; }.setup-lead { color: #68716d; font-size: 13px; line-height: 1.6; margin: 0 0 22px; }
.setup-checks,.setup-options { display: grid; gap: 10px; }.setup-check { align-items: center; background: #fff; border: 1px solid #e3e8e4; border-radius: 14px; display: flex; gap: 12px; padding: 13px; }.setup-check i { align-items: center; background: #e9f6ed; border-radius: 50%; color: #25834a; display: flex; font-style: normal; height: 28px; justify-content: center; width: 28px; }.setup-check.bad i { background: #fff0eb; color: #c13b16; }
.setup-check > div { display: grid; gap: 4px; }.setup-check small { color: #747d78; display: block; font-size: 10px; line-height: 1.45; }
.setup-option { background: #fff; border: 1px solid #e1e6e2; border-radius: 16px; cursor: pointer; padding: 16px; text-align: left; }.setup-option.selected { border-color: #ff4a12; box-shadow: inset 0 0 0 1px #ff4a12; }.setup-option strong,.setup-option small { display: block; }.setup-option small { color: #747d78; line-height: 1.45; margin-top: 5px; }
.setup-form { display: grid; gap: 13px; }.setup-form label { display: grid; font-size: 12px; font-weight: 800; gap: 7px; }.setup-form input,.setup-form select { background: #fff; border: 1px solid #d9dfdb; border-radius: 12px; font: inherit; padding: 12px 13px; }.setup-form .setup-help { color: #7a827e; font-size: 10px; font-weight: 500; line-height: 1.5; }
.setup-copy { align-items: center; background: #edf2ef; border-radius: 12px; display: flex; gap: 8px; padding: 10px; }.setup-copy code { flex: 1; font-size: 10px; overflow-wrap: anywhere; }.setup-copy button { background: #fff; border: 0; border-radius: 9px; cursor: pointer; padding: 9px; }
.setup-actions { display: flex; gap: 10px; justify-content: flex-end; margin-top: 24px; }.setup-actions button { border: 0; border-radius: 12px; cursor: pointer; font: inherit; font-size: 12px; font-weight: 850; min-height: 45px; padding: 0 18px; }.setup-back { background: #e9edea; color: #39433e; }.setup-next { background: #ff4a12; color: #fff; }.setup-next:disabled { cursor: not-allowed; opacity: .42; }
.setup-message { border-radius: 12px; font-size: 11px; line-height: 1.5; margin-top: 14px; padding: 11px; }.setup-message.ok { background: #e9f6ed; color: #257244; }.setup-message.error { background: #fff0eb; color: #a93517; }
.setup-success { padding: 24px 0; text-align: center; }.setup-success i { align-items: center; background: #e6f6eb; border-radius: 50%; color: #25834a; display: flex; font-size: 30px; font-style: normal; height: 72px; justify-content: center; margin: 0 auto 18px; width: 72px; }
@media (max-width:760px){.setup-wizard{padding:10px}.setup-shell{grid-template-columns:1fr}.setup-side{padding:20px}.setup-step-list{display:none}.setup-main{padding:22px}.setup-side h2{margin-bottom:12px}.setup-main h3{font-size:23px}}