/* Aurora Pro Phase 2 grid layout, PWA, onboarding */

#proOnboard {
 position: fixed;
 inset: 0;
 z-index: 100;
 display: none;
 align-items: center;
 justify-content: center;
 padding: 1rem;
 background: rgba(20, 20, 24, 0.32);
 backdrop-filter: blur(8px);
 -webkit-backdrop-filter: blur(8px);
}
#proOnboard.open { display: flex; }
#proOnboard.step-dot {
 width: 6px;
 height: 6px;
 border-radius: 50%;
 background: rgba(20, 20, 24, 0.12);
}
#proOnboard.step-dot.on {
 background: #b8895a;
 width: 18px;
 border-radius: 99px;
}
#proOnboard #proObTitle { color: #141418; }
#proOnboard #proObBody { color: #6b6b73; }
#proOnboard #proObNext {
 background: linear-gradient(135deg, #e8c9a0, #c8956c, #a8764a);
 color: #fff;
}

#proGridLayoutBar {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap:.35rem;
 padding:.3rem.65rem;
 border-radius: 1rem;
 flex-shrink: 0;
}