/* Lightweight onboarding styles */
.onboard-help{
  position:fixed;right:18px;bottom:18px;width:48px;height:48px;border-radius:50%;background:#0b5cff;color:#fff;border:none;box-shadow:0 6px 18px rgba(11,92,255,0.2);z-index:1200;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;
}
.onboard-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1100;pointer-events:none}
.onboard-overlay.is-visible{pointer-events:auto}
.onboard-card{position:absolute;max-width:380px;background:#fff;color:#111;padding:16px;border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,0.18);z-index:1110}
.onboard-title{margin:0 0 8px 0;font-size:16px}
.onboard-body{font-size:14px;margin-bottom:12px}
.onboard-actions{display:flex;gap:8px;justify-content:flex-end}
.onboard-actions button{padding:8px 10px;border-radius:6px;border:1px solid #ddd;background:#f7f7f7}
.onboard-caret{position:absolute;width:12px;height:12px;background:transparent;z-index:1109;transform:translate(-50%,-50%)}
.onboard-caret:after{content:'';display:block;width:12px;height:12px;background:#fff;transform:rotate(45deg);box-shadow:0 6px 18px rgba(0,0,0,0.12)}

/* dark theme friendly */
@media (prefers-color-scheme: dark){
  .onboard-card{background:#0f1724;color:#e6eef8}
  .onboard-help{background:#0ea5a0}
  .onboard-caret:after{background:#0f1724}
}