.onboarding-shell{margin-bottom:20px;color:var(--ink,#17202a)}
.onboarding-shell h2{font-size:19px;margin:0 0 8px}.onboarding-shell h3{font-size:14px;margin:0 0 5px}.onboarding-shell p{line-height:1.5}
.onboarding-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.onboarding-header>div{max-width:620px}.onboarding-header p{margin:0 0 12px;color:var(--sub,#475569)}
.onboarding-header label{display:flex;flex-direction:column;gap:6px;min-width:230px;max-width:100%;font-weight:600;font-size:13px}.onboarding-header select{max-width:100%;min-height:42px}
.onboarding-progress{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:16px 0}.onboarding-progress progress{accent-color:var(--brand,#111827);width:200px;max-width:100%;height:10px}
.onboarding-steps{list-style:none;padding:0;margin:12px 0 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.onboarding-steps li{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line,#dbe1e8);border-radius:9px;padding:14px;min-width:0}
.onboarding-step-number{flex:0 0 28px;height:28px;border-radius:50%;background:var(--bg,#f1f5f9);display:grid;place-items:center;font-weight:700}.onboarding-steps li[data-status=done] .onboarding-step-number{background:#e1f4e8;color:#14532d}
.onboarding-step-body{flex:1;min-width:0}.onboarding-step-body p{margin:0 0 8px;font-size:12px;color:var(--sub,#475569)}.onboarding-step-status{font-size:12px;font-weight:600}.onboarding-steps li>.btn{min-height:36px;flex-shrink:0}
.onboarding-note{font-size:12px;color:var(--sub,#475569);line-height:1.6}.onboarding-message{border:1px solid #c99d35;background:#fff9e8;color:#5f4300;border-radius:8px;padding:12px;line-height:1.5}.onboarding-demo{display:inline-block;margin:14px 0 0;text-underline-offset:3px;color:var(--ink,#17202a)}
.onboarding-categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:18px 0}.onboarding-categories button{min-height:85px;background:var(--card,#fff);color:var(--ink,#17202a);border:1px solid var(--line,#dbe1e8);border-radius:8px;padding:12px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:9px}.onboarding-categories button span{font-size:12px;line-height:1.4}.onboarding-categories button strong{font-size:24px}.onboarding-categories button.selected{border-color:var(--ink,#17202a);box-shadow:inset 0 0 0 1px var(--ink,#17202a)}.onboarding-categories button:disabled{cursor:default;opacity:.65}
.onboarding-action-list{list-style:none;padding:0;margin:10px 0}.onboarding-action-list li{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid var(--line,#dbe1e8)}.onboarding-action-list li>div{display:flex;flex-direction:column;gap:5px;min-width:0;overflow-wrap:anywhere}.onboarding-action-list strong{font-size:14px}.onboarding-action-list small,.onboarding-action-list span{font-size:12px;color:var(--sub,#475569)}.onboarding-action-list .btn{flex-shrink:0;min-height:40px}
.onboarding-shell button:focus-visible,.onboarding-shell select:focus-visible,.onboarding-shell a:focus-visible{outline:3px solid #2563eb;outline-offset:3px}
@media(max-width:800px){.onboarding-steps{grid-template-columns:1fr}.onboarding-categories{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:480px){.onboarding-header label{width:100%;min-width:0}.onboarding-steps li{gap:9px;padding:12px}.onboarding-step-number{flex-basis:24px;height:24px}.onboarding-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-steps li>.btn{padding:7px 10px}.onboarding-shell .card{padding:15px}.onboarding-progress progress{width:100%}}