/* iKampa onboarding: blue-gray guide, nonblocking spotlight. */
.ik-onboard-note{background:var(--brand-soft,#e8f5f1);border:1px solid rgba(25,122,112,.25);border-radius:10px;padding:12px 14px;margin:10px 0 18px;font-size:.84rem;line-height:1.5}
.ik-onboard-note strong{display:block;margin-bottom:4px}
#ikOnboardingGuide{position:fixed;right:18px;bottom:18px;width:min(370px,calc(100vw - 36px));z-index:1054;background:#e9f0f5;color:#243746;border:1px solid #b9cad7;border-radius:15px;padding:18px;box-shadow:0 12px 40px rgba(0,0,0,.22)}
#ikOnboardingGuide[hidden],#ikOnboardingGuide [hidden]{display:none!important}
#ikOnboardingGuide .ik-guide-progress{font-size:.73rem;letter-spacing:.06em;text-transform:uppercase;color:#37687e;font-weight:700}
#ikOnboardingGuide h6{font-weight:750;margin:8px 0}
#ikOnboardingGuide p{font-size:.87rem;margin:0 0 14px;line-height:1.5}
#ikOnboardingGuide .ik-guide-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
/* Huge outer shadow dims everything except the highlighted real control.
   Shadows do not intercept pointer events, so controls remain usable. */
.ik-onboard-focus{position:relative!important;z-index:1052!important;outline:3px solid var(--primary-accent,#f26b38)!important;outline-offset:4px;box-shadow:0 0 0 9999px rgba(9,22,29,.42)!important;border-radius:8px}
@media(max-width:600px){#ikOnboardingGuide{bottom:8px;right:8px;width:calc(100vw - 16px);padding:13px;max-height:44vh;overflow:auto}}
@media(prefers-color-scheme:dark){body[data-theme="dark"] #ikOnboardingGuide{background:#293c4a;color:#f0f5f7;border-color:#536d7d}}

.ik-sms-setup-highlight{outline:3px solid var(--primary-accent,#f26b38)!important;outline-offset:4px;box-shadow:0 0 0 5px rgba(242,107,56,.14)!important;transition:box-shadow .2s ease}