/* Native pane notes only. No additional dashboard panel. */
.hgc-native-note{white-space:pre-line;overflow-wrap:anywhere;line-height:1.7}
.hgc-native-note[hidden]{display:none}
.feature-row[data-hgc-unavailable="true"] .feature-desc{color:var(--muted,#68798a)}
.onboarding-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;list-style:none;margin:0;padding:12px 18px;border-bottom:1px solid var(--line,#e7e7e3);font-size:12px;color:var(--muted,#68798a)}
.onboarding-steps li{padding:6px 3px;text-align:center;border-bottom:2px solid transparent;overflow-wrap:anywhere}
.onboarding-steps li[aria-current="step"]{color:var(--ink,#202123);border-bottom-color:var(--green,#217858);font-weight:650}
.onboarding-steps li.completed{color:var(--green,#217858)}
@media(max-width:480px){.onboarding-steps{padding:10px 8px;gap:3px}}
/* All four steps share one compact dialog and one persistent progress strip. */
#authModal{align-items:center;justify-items:center;padding:16px}
#authModal #authForm{width:min(420px,100%);max-height:calc(100dvh - 32px);border-radius:10px;overflow:auto;margin:0}
#authModal .modal-head{min-height:56px;padding:12px 20px}
#authModal .modal-body{padding:16px 20px}
#authModal .modal-actions{padding:12px 20px;gap:8px}
#authModal .modal-actions>.save-button{width:100%;margin:0}
#authModal .onboarding-steps{padding:8px 14px;font-size:12px}
#authModal .field{margin-bottom:10px}
#authModal .field label{display:block;margin-bottom:5px}
#authModal .field input{width:100%;box-sizing:border-box;min-height:44px}
#authModal .phone-login-grid{grid-template-columns:minmax(0,1fr) 108px;gap:8px;align-items:end}
#authModal .phone-login-grid .field{margin:0}
#authModal #smsButton{min-height:44px;padding:8px;font-size:12px}
#authModal .account-banner{display:flex;flex-direction:column;gap:3px;padding:10px 12px;margin-top:12px;font-size:12px}
#authModal .account-section{margin:12px 0 0;padding:0;border:0}
#authModal .account-section h3{font-size:14px;margin:0 0 8px}
#authModal #roleList{display:flex;flex-direction:column;gap:8px;margin:8px 0;max-height:190px;overflow:auto}
#authModal .role-option{padding:10px 12px;min-height:52px;gap:10px;box-sizing:border-box}
#authModal .role-read-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#authModal .role-read-actions button{font-size:12px;padding:8px 5px;min-height:44px}
#authModal .onboarding-legacy-control{display:none!important}
#authModal .auth-contacts{margin-top:8px}
#authModal .auth-error:empty{display:none}
#authModal .field-note{font-size:12px;line-height:1.5}
@media(max-width:480px){#authModal{padding:12px}#authModal #authForm{width:100%;max-height:calc(100dvh - 24px)}#authModal .modal-body,#authModal .modal-head,#authModal .modal-actions{padding-left:16px;padding-right:16px}}