/* DOLOSGO app home → NAFS shutter (FINAL482 frame between status bar and home bar; FINAL481: home stops at its end, a second swipe pulls the real NAFS page over it). App only. */
html.dg-native #page-home .dgapp,html.dg-native #page-home .dgft{display:none!important}
html.dg-native #page-home{padding-bottom:72px}   /* the last card stays clear of the peeking sheet */
.hnf-dim{position:fixed;inset:0;z-index:84;background:#000;opacity:0;pointer-events:none}
.hnf{--hnf-r:22px;position:fixed;left:0;right:0;top:0;height:100vh;height:100dvh;z-index:85;background:#070B10;border-radius:var(--hnf-r) var(--hnf-r) 0 0;overflow:hidden;
  transform:translate3d(0,100vh,0);will-change:transform;touch-action:none;
  box-shadow:0 -22px 46px -14px rgba(0,0,0,.7),0 -12px 36px -16px rgba(255,102,0,.4),0 -1px 0 rgba(255,255,255,.07)}
.hnf iframe{position:absolute;left:0;right:0;top:var(--hnf-sat,0px);bottom:var(--hnf-sab,0px);width:100%;height:calc(100% - var(--hnf-sat,0px) - var(--hnf-sab,0px));border:0;display:block;background:#070B10;pointer-events:none;opacity:0;transition:opacity .25s}
.hnf.ready iframe{opacity:1}
/* peek bar shown at the end of the home page (sits over the top of the NAFS page) */
.hnf-peek{position:absolute;left:0;right:0;top:0;height:58px;z-index:3;display:flex;align-items:center;justify-content:center;gap:10px;
  background:#070B10;border-bottom:1px solid #1A2634;transition:opacity .25s}
.hnf-grip{position:absolute;top:7px;left:50%;width:42px;height:5px;margin-left:-21px;border-radius:99px;background:rgba(160,180,200,.5)}
.hnf-peek b{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:22px;letter-spacing:.04em;color:#EEF2F8;margin-top:6px}
.hnf-peek b span{color:#FF6600}
.hnf-peek em{font-style:normal;font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#7D8DA1;margin-top:8px;animation:hnfNudge 2.4s ease-in-out infinite}
@keyframes hnfNudge{0%,70%,100%{transform:none}80%{transform:translateY(-3px)}90%{transform:translateY(1px)}}
html.hnf-open .hnf-peek{opacity:0;pointer-events:none}
.hnf-ph{position:absolute;inset:58px 0 0;display:flex;justify-content:center;padding-top:40px}
.hnf-ph b{display:none}
.hnf-ph i{width:22px;height:22px;border:2px solid #1A2530;border-top-color:#FF6600;border-radius:50%;animation:hnfSpin .7s linear infinite}
@keyframes hnfSpin{to{transform:rotate(360deg)}}
.hnf.ready .hnf-ph{display:none}
/* open: the sheet is the NAFS page; home behind is frozen */
html.hnf-open,html.hnf-open body{overflow:hidden!important}
html.hnf-open .hnf{border-radius:0;box-shadow:none;touch-action:auto}
html.hnf-open.hnf-live .hnf iframe{pointer-events:auto}
html.hnf-open .main-nav{visibility:hidden}
body.light-mode .hnf,body.light-mode .hnf iframe{background:#E7ECF3}
body.light-mode .hnf-peek{background:#FFFFFF;border-bottom-color:#D3DAE6}
body.light-mode .hnf-peek b{color:#0A1220}
/* FINAL482: status-bar strip in the NAFS top-bar colour, home-bar strip in the bottom-bar colour */
.hnf::after{content:'';position:absolute;left:0;right:0;bottom:0;height:var(--hnf-sab,0px);background:rgba(10,15,22,.98);pointer-events:none}
body.light-mode .hnf::after{background:#fff}
/* open: the NAFS page shows its own bottom bar (same buttons); the app's bar steps aside */
html.hnf-open #dgTabbar{visibility:hidden!important}