/* PC channel onboarding adapted to the mobile drawer. */
.phone .onboarding-catalog-intro{margin:0 0 16px;color:var(--color-text-tertiary);font-size:var(--font-size-caption);line-height:1.7}
.phone .channel-onboarding{min-width:0}
.phone .onboarding-channel{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.phone .onboarding-channel .channel-logo{flex:0 0 42px;width:42px;height:42px}
.phone .onboarding-channel h3{font-size:var(--font-size-body);font-weight:600;color:var(--color-text-primary)}
.phone .onboarding-channel p{margin-top:4px;color:var(--color-text-tertiary);font-size:var(--font-size-caption)}
.phone .onboarding-stepper{display:flex;gap:12px;list-style:none;padding:0;margin:0 0 24px}
.phone .onboarding-stepper li{display:flex;align-items:flex-start;gap:7px;flex:1;min-width:0;color:var(--color-text-tertiary);font-size:var(--font-size-caption)}
.phone .onboarding-stepper li>span{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface)}
.phone .onboarding-stepper li>span .ico{width:13px;height:13px}
.phone .onboarding-stepper b{padding-top:3px;font-weight:500;line-height:1.45;overflow-wrap:anywhere}
.phone .onboarding-stepper li.current{color:var(--color-primary)}
.phone .onboarding-stepper li.current>span{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}
.phone .onboarding-stepper li.done>span{background:var(--color-primary-soft);color:var(--color-primary);border-color:transparent}
.phone .onboarding-fields .field>span{display:flex;align-items:center;gap:4px}
.phone .onboarding-field[hidden]{display:none!important}
.phone .onboarding-field>span>i{font-style:normal;color:var(--color-error-text)}
.phone .onboarding-field>textarea{resize:vertical;min-height:86px}
.phone .onboarding-field>small{display:block;margin-top:7px;font-size:var(--font-size-caption);line-height:1.6;color:var(--color-text-tertiary)}
.phone .onboarding-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.phone .onboarding-choice{display:flex;align-items:center;gap:7px;padding:11px 10px;min-height:44px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:9px;cursor:pointer;font-size:var(--font-size-caption)}
.phone .onboarding-choice input,.phone .onboarding-checkbox input{width:16px;height:16px;flex:0 0 16px;accent-color:var(--color-primary);margin:0}
.phone .onboarding-choice:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}
.phone .onboarding-checkbox{display:flex;align-items:center;gap:9px;min-height:44px;font-size:var(--font-size-body)}
.phone .onboarding-note{margin:16px 0;padding:13px 14px;background:var(--color-primary-soft);border-radius:11px;color:var(--color-text-secondary);font-size:var(--font-size-caption);line-height:1.7;overflow-wrap:anywhere}
.phone .onboarding-note h3{margin-bottom:6px;font-size:var(--font-size-body)}
.phone .onboarding-prototype-note{margin:18px 0 2px;font-size:var(--font-size-compact);line-height:1.65;color:var(--color-text-tertiary)}
.phone .onboarding-footer{display:grid;grid-template-columns:minmax(78px,.7fr) minmax(0,1.4fr);gap:12px}
.phone .onboarding-footer button{min-height:44px;min-width:0}
.phone .onboarding-result-footer{display:grid;gap:10px}
.phone .onboarding-outputs{display:grid;gap:14px;margin:18px 0}
.phone .onboarding-output>label{display:block;margin-bottom:7px;font-size:var(--font-size-caption);color:var(--color-text-secondary)}
.phone .onboarding-output>div{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:10px 12px;border:1px solid var(--color-border);border-radius:9px;background:var(--color-surface-subtle);color:var(--color-text-tertiary);font-size:var(--font-size-caption)}
.phone .onboarding-output button{display:grid;place-items:center;opacity:.4;cursor:not-allowed}
.phone .onboarding-output button>.ico{width:16px;height:16px}
.phone .onboarding-result-title{font-size:var(--font-size-body);font-weight:600;color:var(--color-text-primary)}
.phone .onboarding-created-name{margin-top:6px;color:var(--color-text-tertiary);font-size:var(--font-size-caption);overflow-wrap:anywhere}
.phone .onboarding-instructions{margin:16px 0;padding-left:19px;font-size:var(--font-size-caption);color:var(--color-text-secondary);line-height:1.8}
.phone .onboarding-instructions li{margin-bottom:7px}
.phone .onboarding-auth-icon{display:grid;place-items:center;margin:28px auto 16px;width:64px;height:64px;border-radius:18px;background:var(--color-primary-soft);color:var(--color-primary)}
.phone .onboarding-auth-icon>.ico{width:28px;height:28px}
.phone .onboarding-auth-title{text-align:center;font-size:var(--font-size-body);line-height:1.6;color:var(--color-text-primary)}
.phone .onboarding-auth-description{text-align:center;margin:9px 0 20px;font-size:var(--font-size-caption);line-height:1.8;color:var(--color-text-tertiary)}
.phone .onboarding-qr-pending,.phone .onboarding-pending-status{display:flex;flex-direction:column;align-items:center;gap:10px;padding:25px 14px;margin:18px 0;border:1px dashed var(--color-border);border-radius:12px;color:var(--color-text-tertiary);text-align:center}
.phone .onboarding-qr-pending>.ico,.phone .onboarding-pending-status>.ico{width:36px;height:36px;color:var(--color-primary)}
.phone .onboarding-qr-pending strong,.phone .onboarding-pending-status strong{font-size:var(--font-size-body);font-weight:500}
.phone .onboarding-qr-pending p,.phone .onboarding-pending-status p{font-size:var(--font-size-caption);line-height:1.7}

.phone .onboarding-footer>button{padding-inline:12px;white-space:nowrap}