/* Tutorial pengguna baru — mengikuti token CLINED */
.ob-layer{position:fixed;inset:0;z-index:2147483001!important;pointer-events:auto}
.ob-hole{position:fixed;display:none;border-radius:20px;box-shadow:0 0 0 9999px rgba(15,23,28,.62),0 0 0 3px #58cc02;transition:top .22s ease,left .22s ease,width .22s ease,height .22s ease;pointer-events:none}
.ob-sheet{position:fixed;left:12px;right:12px;bottom:calc(14px + env(safe-area-inset-bottom));max-width:520px;margin:0 auto;padding:16px;border-radius:22px;
  background:var(--card,#fff);color:var(--text,#1f2d33);border:2px solid var(--line,#e5e7eb);border-bottom-width:5px;box-shadow:0 14px 40px rgba(0,0,0,.28);animation:obIn .22s ease both}
.ob-sheet.top{bottom:auto;top:calc(14px + env(safe-area-inset-top))}
@keyframes obIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.ob-step{display:flex;gap:12px;align-items:flex-start}
.ob-ico{flex:0 0 46px;height:46px;display:grid;place-items:center;font-size:24px;border-radius:15px;background:rgba(88,204,2,.14)}
.ob-step b{display:block;font-size:16px;font-weight:950}
.ob-step p{margin:4px 0 0;font-size:13.5px;font-weight:700;line-height:1.5;color:var(--muted,#6b7a80)}
.ob-foot{display:flex;align-items:center;gap:10px;margin-top:14px}
.ob-dots{display:flex;gap:6px;margin-right:auto}
.ob-dots i{width:8px;height:8px;border-radius:99px;background:var(--line,#dfe8eb)}
.ob-dots i.on{width:22px;background:#58cc02}
.ob-skip{flex:none;white-space:nowrap;border:0;background:transparent;color:var(--muted,#6b7a80);font:inherit;font-size:13px;font-weight:900;cursor:pointer;padding:8px}
.ob-next{flex:1;min-width:120px;max-width:200px;white-space:nowrap}
@media (prefers-reduced-motion:reduce){.ob-hole,.ob-sheet{transition:none;animation:none}}
.ob-foot{flex-wrap:wrap;row-gap:8px}
.ob-dots{flex:1 0 100%;margin:0}
.ob-dots i{width:6px;height:6px}
.ob-dots i.on{width:18px}
.ob-foot .ob-skip{padding:10px 8px;min-height:44px}
.ob-foot .ob-prev{margin-right:auto}
.ob-foot .ob-prev + .ob-skip, .ob-foot .ob-skip:not(.ob-prev){margin-right:auto}
.ob-foot .ob-prev ~ .ob-skip{margin-right:auto}
.ob-foot .ob-next{min-height:48px;max-width:none;flex:1 1 130px}
.ob-step p{font-size:14px}