/* jhacal-first-run.css - first-run onboarding welcome card + transport (g526) */
.jfr-overlay{position:fixed;inset:0;z-index:16500;display:flex;align-items:center;justify-content:center;background:rgba(16,19,22,0.94);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:16px;}
.jfr-card{width:100%;max-width:460px;background:var(--bg-1,#1f2328);color:var(--text-1,#f6f7f9);border:1px solid var(--border,#3d444d);border-radius:var(--radius-xl,16px);box-shadow:var(--shadow-lg,0 24px 70px rgba(0,0,0,0.6));padding:20px;font-family:system-ui,-apple-system,sans-serif;}
.jfr-title{margin:0 0 6px;font-size:1.3rem;font-weight:700;}
.jfr-sub{margin:0 0 16px;font-size:0.9rem;color:var(--text-2,#b9c0c7);line-height:1.45;}
.jfr-steps{display:flex;flex-direction:column;gap:8px;}
.jfr-step{display:flex;align-items:center;gap:10px;text-align:left;background:var(--bg-3,#313740);border:1px solid var(--border,#3d444d);border-radius:12px;padding:12px;color:var(--text-1,#f6f7f9);font-family:inherit;cursor:pointer;transition:border-color .12s ease,transform .12s ease;}
.jfr-step:hover{transform:translateY(-1px);border-color:var(--jhacal-gold,#f6c177);}
.jfr-step-n{flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:var(--bg-1,#1f2328);border:1px solid var(--border,#3d444d);display:flex;align-items:center;justify-content:center;font-size:0.8rem;font-weight:700;color:var(--text-2,#b9c0c7);}
.jfr-step-icon{flex:0 0 auto;font-size:1.3rem;}
.jfr-step-text{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;}
.jfr-step-title{font-size:0.98rem;font-weight:600;}
.jfr-step-go{font-size:0.78rem;color:var(--jhacal-gold,#f6c177);}
.jfr-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;flex-wrap:wrap;}
.jfr-skipall{border:1px solid var(--border,#3d444d);background:transparent;color:var(--text-1,#f6f7f9);border-radius:10px;padding:10px 14px;font-size:0.88rem;cursor:pointer;font-family:inherit;min-height:40px;}
.jfr-skipall:hover{border-color:var(--accent,#0d6efd);}
.jfr-auto{font-size:0.8rem;color:var(--text-3,#98a1ac);}
.jfr-ctrl{position:fixed;top:max(10px,env(safe-area-inset-top));right:10px;z-index:2147483600;display:flex;gap:8px;}
.jfr-ctrl button{border-radius:999px;padding:8px 14px;font-size:0.85rem;font-weight:600;cursor:pointer;font-family:system-ui,-apple-system,sans-serif;border:1px solid rgba(255,255,255,0.25);min-height:40px;}
.jfr-ctrl-next{background:var(--jhacal-gold,#f6c177);color:#1a1f2a;border-color:var(--jhacal-gold,#f6c177);}
.jfr-ctrl-exit{background:rgba(0,0,0,0.55);color:#fff;}
@media (max-width:430px){.jfr-card{max-width:100%;}.jfr-ctrl{top:6px;right:6px;}.jfr-ctrl button{padding:7px 10px;font-size:0.8rem;}}