/* Quiet blue/slate setup desk; the numbered rail encodes the actual dependency order. */
.ob-workspace{--ob-ink:#203750;--ob-blue:#245d93;--ob-muted:#667a8e;--ob-line:#dce5ed;--ob-soft:#edf4fa;--ob-green:#287051;max-width:1200px;margin:0 auto;color:var(--ob-ink)}
.ob-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:5px 0 24px}
.ob-heading h2{font-size:25px;line-height:1.4;margin:5px 0 8px;font-weight:700;letter-spacing:.02em}
.ob-heading p{color:var(--ob-muted);margin:0;line-height:1.8;font-size:14px}
.ob-heading .btn{white-space:nowrap}
.ob-workspace .ob-overline{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--ob-blue);margin:0}
.ob-context{display:grid;grid-template-columns:minmax(200px,1.3fr) minmax(260px,1fr) 120px;gap:26px;align-items:center;background:#fff;border:1px solid var(--ob-line);border-radius:12px;padding:20px 24px;margin-bottom:24px}
.ob-context>label{font-size:12px;font-weight:650;display:grid;gap:8px;color:var(--ob-muted)}
.ob-context select{width:100%;min-width:0;font-size:14px;padding:10px;background:#fff;border:1px solid #cedbe7;border-radius:7px;color:var(--ob-ink)}
.ob-context fieldset{border:0;margin:0;padding:0;min-width:0}
.ob-context legend{font-size:12px;color:var(--ob-muted);margin-bottom:10px;font-weight:650}
.ob-platforms{display:flex;gap:20px;margin-bottom:6px;flex-wrap:wrap}
.ob-platforms label{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--ob-ink)}
.ob-platforms input{width:16px;height:16px;accent-color:var(--ob-blue);margin:0}
.ob-context small{font-size:11px;color:var(--ob-muted);line-height:1.6}
.ob-progress{border-left:1px solid var(--ob-line);padding-left:24px;display:grid;gap:4px;color:var(--ob-muted);font-size:11px}
.ob-progress>strong{font-family:"Avenir Next",system-ui,sans-serif;font-size:30px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--ob-blue)}
.ob-progress strong span{font-size:13px;color:var(--ob-muted);font-weight:500}
.ob-layout{display:grid;grid-template-columns:232px minmax(0,1fr);gap:24px;align-items:start}
.ob-steps{display:flex;flex-direction:column;gap:6px;position:relative}
.ob-step{position:relative;display:flex;align-items:center;text-align:left;gap:12px;border:1px solid transparent;background:transparent;border-radius:9px;padding:15px 12px;cursor:pointer;color:var(--ob-muted);min-height:76px;width:100%}
.ob-step:hover{background:#f4f8fc}
.ob-step.active{background:var(--ob-soft);border-color:#ccdeee;color:var(--ob-blue)}
.ob-number{font-family:"Avenir Next",system-ui,sans-serif;font-variant-numeric:tabular-nums;font-size:21px;line-height:1;font-weight:600;color:#8194a7;flex:0 0 30px}
.ob-step.active .ob-number{color:var(--ob-blue)}
.ob-step strong{font-size:14px;font-weight:650;display:block;color:var(--ob-ink)}
.ob-step small{font-size:11px;display:block;margin-top:5px}
.ob-step.complete small,.ob-tick{color:var(--ob-green)}
.ob-tick{margin-left:auto;font-size:15px}
.ob-detail{background:#fff;border:1px solid var(--ob-line);border-radius:12px;padding:28px;min-height:478px;display:flex;flex-direction:column}
.ob-detail-top{display:flex;gap:12px;align-items:center;justify-content:space-between}
.ob-status{background:#f3f5f7;color:var(--ob-muted);font-size:11px;line-height:1.6;padding:4px 9px;border-radius:5px;white-space:nowrap}
.ob-status.done{background:#edf6ef;color:var(--ob-green)}
.ob-detail h2{font-size:23px;font-weight:700;margin:18px 0 10px;line-height:1.4}
.ob-purpose{font-size:14px;line-height:1.9;color:#526a80;margin:0 0 20px;max-width:58em}
.ob-checks{background:#f7f9fc;border-radius:8px;padding:4px 16px;margin-bottom:18px}
.ob-check{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;align-items:baseline;padding:12px 0;border-bottom:1px solid #e5ebf1;font-size:12px;line-height:1.7}
.ob-check:last-child{border-bottom:0}
.ob-check>span{color:var(--ob-muted)}
.ob-check strong{font-weight:500;color:#876131;overflow-wrap:anywhere}
.ob-check strong.done{color:var(--ob-green)}
.ob-checks>p{font-size:13px;color:var(--ob-muted);line-height:1.7}
.ob-instruction{font-size:12px;line-height:1.9;color:var(--ob-muted);margin:0 0 24px}
.ob-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}
.ob-actions .btn{font-size:13px;padding:10px 15px;line-height:1.6;white-space:normal}
.ob-step-footer{display:flex;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid var(--ob-line);margin-top:24px;padding-top:16px;font-size:11px;color:var(--ob-muted)}
.ob-step-footer>span{text-align:center;line-height:1.6}
.ob-link{border:0;padding:4px 0;background:transparent;color:var(--ob-blue);font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}
.ob-link:disabled{opacity:.4;cursor:default}
.ob-optional{border:1px solid var(--ob-line);border-radius:10px;background:#fff;margin-top:24px}
.ob-optional summary{cursor:pointer;padding:18px 22px;font-size:14px;font-weight:600;line-height:1.6}
.ob-optional summary>span{font-size:12px;font-weight:400;color:var(--ob-muted);margin-left:16px}
.ob-optional>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--ob-line);border-top:1px solid var(--ob-line);overflow:hidden;border-radius:0 0 10px 10px}
.ob-optional button{background:#fff;border:0;display:grid;gap:8px;text-align:left;padding:18px;cursor:pointer;color:var(--ob-ink)}
.ob-optional button:hover{background:#f4f8fc}.ob-optional button:disabled{opacity:.55;cursor:default}
.ob-optional strong{font-size:13px;font-weight:600}.ob-optional strong>span{float:right;color:var(--ob-muted)}
.ob-optional small{font-size:11px;color:var(--ob-muted);line-height:1.7}
.ob-footnote{color:var(--ob-muted);font-size:11px;line-height:1.8;margin-top:16px}
.ob-error{color:#8e442e;background:#fff7ee;padding:12px 16px;border-radius:7px;margin:12px 0;line-height:1.8;font-size:13px}.ob-error[hidden]{display:none}.ob-error .btn{margin-left:12px}
.ob-loading{padding:60px;text-align:center;color:#667a8e}
.ob-return{display:flex;align-items:center;gap:15px;padding:14px 24px;background:#edf4fa;border-bottom:1px solid #cfdeec;color:#203750}
.ob-return>div{flex:1;min-width:0}.ob-return strong{font-size:13px;display:block}.ob-return span{font-size:12px;color:#667a8e;display:block;margin-top:4px;line-height:1.6}
.ob-return .btn{font-size:12px;white-space:nowrap}.ob-dismiss{border:0;background:transparent;color:#667a8e;font-size:22px;cursor:pointer}
.ob-create-copy{font-size:13px;color:#667a8e;line-height:1.8;margin:0 0 20px}.ob-create-modal{max-width:660px}.ob-create-modal .ob-error{grid-column:1/-1}
.ob-create-modal .field small{line-height:1.6;font-size:11px;color:#667a8e}.ob-create-modal .modal-foot .btn{white-space:normal}
.onboarding-nav{margin-bottom:12px!important;border-color:#cbddec!important;background:#edf4fa!important;color:#245d93!important}.onboarding-nav .primary-nav-step{font-size:16px!important;color:#245d93!important}.onboarding-nav .primary-nav-label{color:#203750!important}.onboarding-nav .primary-nav-count{color:#5f7b94!important}
.ob-workspace button:focus-visible,.ob-workspace input:focus-visible,.ob-workspace select:focus-visible,.ob-workspace summary:focus-visible,.ob-return button:focus-visible{outline:3px solid #80acd3;outline-offset:3px}
@media(max-width:1100px){.ob-context{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.ob-progress{display:none}.ob-layout{grid-template-columns:200px minmax(0,1fr);gap:16px}.ob-detail{padding:22px}.ob-optional>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.ob-heading{align-items:flex-start;gap:12px}.ob-heading h2{font-size:20px}.ob-heading p{font-size:12px}.ob-heading .btn{padding:9px 11px;font-size:12px}.ob-context{grid-template-columns:minmax(0,1fr);padding:16px;gap:16px;margin-bottom:16px}.ob-layout{grid-template-columns:minmax(0,1fr);gap:14px}.ob-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.ob-step{padding:10px 8px;gap:6px;min-height:66px;align-items:flex-start}.ob-number{font-size:14px;flex:0 0 18px;line-height:1.7}.ob-step strong{font-size:12px;line-height:1.7}.ob-step small{font-size:10px;line-height:1.5;margin-top:3px}.ob-tick{display:none}.ob-detail{padding:20px 16px;min-height:0}.ob-detail h2{font-size:21px}.ob-check{grid-template-columns:85px minmax(0,1fr);gap:10px}.ob-step-footer{flex-wrap:wrap;gap:10px}.ob-step-footer>span{order:3;width:100%;text-align:left}.ob-optional summary{font-size:13px;padding:16px}.ob-optional summary>span{display:block;margin:5px 0 0 16px}.ob-optional button{padding:15px}.ob-return{padding:12px 16px;flex-wrap:wrap;gap:10px}.ob-return>div{flex-basis:calc(100% - 40px)}.ob-dismiss{position:absolute;right:12px}.ob-create-modal .modal-foot{flex-wrap:wrap}}