/* The fixed strip under the header on every in-app screen: [current tab] | Transaction History | HELP.
   It never scrolls away (it sits outside every scrolling area) and its first label follows the tab you are in.
   Also: no animation between screens. */

/* no page animation: a screen change is a direct switch */
.screen.active, .screen.active.back { animation: none !important; transition: none !important; }

.gbar{display:flex;height:48px;flex:none;background:#f6f6f6;font-family:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink,#111);}
.gbar *{box-sizing:border-box;margin:0;padding:0;}
.gbar .gb-tab{position:relative;display:flex;align-items:center;justify-content:center;font-size:12.3px;line-height:1.15;border-left:1px solid #dcdcdc;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.gbar .gb-cur{flex:0 0 82px;border-left:0;font-weight:800;color:#C31352;letter-spacing:.2px;cursor:default;}
.gbar .gb-cur::after{content:"";position:absolute;left:8px;right:9px;bottom:0;height:3px;background:#C31352;border-radius:3px 3px 0 0;}
.gbar .gb-lbl{white-space:nowrap;}
.gbar .gb-spacer{flex:1 1 0;}
.gbar .gb-hist{flex:0 0 auto;padding:0 14px;color:#C31352;font-size:11px;font-weight:700;white-space:nowrap;}
.gbar .gb-help{flex:0 0 76px;flex-direction:column;gap:3px;color:#C31352;}
.gbar .gb-help .gb-tag{background:#C31352;color:#fff;font-size:8px;font-weight:800;letter-spacing:.4px;line-height:1;padding:3px 6px;border-radius:99px;white-space:nowrap;}
.gbar .gb-help svg{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;display:block;}
:root[data-theme="dark"] .gbar{background:#1E2733;}
:root[data-theme="dark"] .gbar .gb-tab{border-left:1px solid #2B3542;}
:root[data-theme="dark"] .gbar .gb-cur{color:#F0709A;border-left:0;}

/* (1) screens that carry their own header: the bar sits right under it, and the scrolling sheet starts below the bar */
.gbar.gb-in{position:absolute;left:0;right:0;top:78px;z-index:4;border-radius:14px 14px 0 0;}
#s-home .gbar.gb-in{top:72px;}
:is(#s-home,#s-services,#s-settings,#s-payments,#s-transfers) .cbh .sheet{top:126px !important;border-radius:0 !important;}
#s-home .cbh .home .sheet{top:120px !important;}
#s-home .cbh .tabs{display:none !important;}   /* the old scrolling copy of the strip */

/* (2) screens that share the outside header (Cards, sub-screens): one bar between the header and the page */
#gbar-global{margin-top:0;position:relative;z-index:7;border-radius:14px 14px 0 0;}   /* the header above already overlaps by 14px */
#gbar-global.hidden{display:none;}
#app.gb-on #screens{border-radius:0 !important;}