/* Elevate Global Footer R2 — compact, mobile-first application navigation. */
.elevate-global-footer{position:fixed;left:0;right:0;bottom:0;z-index:1100;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;min-height:66px;padding:6px 10px calc(6px + env(safe-area-inset-bottom));box-sizing:border-box;border-top:1px solid rgba(148,163,184,.18);background:rgba(8,13,19,.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 -10px 30px rgba(0,0,0,.28)}
.elevate-footer-item,.elevate-footer-broker-button{position:relative;min-width:0;min-height:54px;border:0;background:transparent;color:#8fa0b3;font:inherit;border-radius:11px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px 6px;white-space:nowrap}
.elevate-footer-item:hover,.elevate-footer-item:focus-visible,.elevate-footer-broker-button:hover,.elevate-footer-broker-button:focus-visible{background:rgba(255,255,255,.045);color:#eef3f7;outline:none}
.elevate-footer-item.active,.elevate-footer-broker-button.active{color:#f4c15a;background:rgba(244,193,90,.08)}
.elevate-footer-item:disabled,.elevate-footer-broker-button:disabled,.elevate-footer-broker-option:disabled{opacity:.36;filter:saturate(.35);cursor:not-allowed}
.elevate-footer-icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.elevate-footer-copy{font-size:10px;font-weight:800;letter-spacing:.015em;line-height:1.1;overflow:hidden;text-overflow:ellipsis;max-width:100%}.elevate-footer-icon-wrap{position:relative;display:inline-flex}.elevate-footer-status-dot{position:absolute;right:-3px;top:-2px;width:7px;height:7px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 2px #080d13;flex:0 0 7px}.elevate-footer-status-dot.connected{background:#22c55e}.elevate-footer-count{display:block;color:#74879a;font-size:8px;font-weight:900;line-height:1.05;min-height:8px;text-align:center}.elevate-footer-connection-item .elevate-footer-count{font-weight:900}.elevate-footer-connection-item:has(.elevate-footer-status-dot.connected) .elevate-footer-count{color:#6fcb96}.elevate-footer-broker-wrap{position:relative;min-width:0}.elevate-footer-broker-button{width:100%}.elevate-footer-chevron{position:absolute;right:8px;top:8px;font-size:10px;opacity:.5}.elevate-footer-broker-menu{position:absolute;left:50%;bottom:calc(100% + 9px);transform:translateX(-50%);width:min(280px,calc(100vw - 16px));padding:7px;border:1px solid rgba(148,163,184,.22);border-radius:13px;background:#0b1118;box-shadow:0 18px 50px rgba(0,0,0,.48)}.elevate-footer-broker-menu[hidden]{display:none}.elevate-footer-broker-option{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:11px 10px;border:0;border-radius:9px;background:transparent;color:#dce5ee;text-align:left;cursor:pointer;font:inherit}.elevate-footer-broker-option:hover,.elevate-footer-broker-option:focus-visible{background:rgba(255,255,255,.06);outline:none}.elevate-footer-broker-option strong{font-size:11px}.elevate-footer-broker-option small{display:block;color:#7f91a4;font-size:9px;margin-top:2px}.elevate-footer-broker-option em{font-style:normal;font-size:9px;color:#7f91a4}.elevate-footer-broker-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 2px rgba(239,68,68,.10)}.elevate-footer-broker-dot.connected{background:#22c55e;box-shadow:0 0 0 2px rgba(34,197,94,.12)}
body{padding-bottom:82px}.elevate-global-footer + *{scroll-margin-bottom:82px}.elevate-product-nav{display:none!important}
body:has(#elevate-global-footer){padding-bottom:104px!important}
@media(min-width:901px){.elevate-global-footer{min-height:58px;padding:4px 18px}.elevate-footer-item,.elevate-footer-broker-button{min-height:48px;max-width:none}.elevate-footer-icon{width:19px;height:19px}.elevate-footer-copy{font-size:10px}}
@media(max-width:520px){.elevate-global-footer{padding-left:3px;padding-right:3px}.elevate-footer-item,.elevate-footer-broker-button{padding:5px 3px}.elevate-footer-icon{width:20px;height:20px}.elevate-footer-copy{font-size:9px}.elevate-footer-chevron{right:4px}}

/* Mobile footer/menu fix R2 — keep all five destinations on one row. */
@media(max-width:600px){
  .elevate-global-footer{grid-template-columns:repeat(5,minmax(0,1fr))!important;min-height:66px!important;}
  .elevate-footer-item,.elevate-footer-broker-button{min-width:0!important;width:100%!important;}
  .elevate-footer-broker-menu{
    position:fixed!important;
    left:auto!important;
    right:8px!important;
    bottom:calc(66px + env(safe-area-inset-bottom) + 8px)!important;
    transform:none!important;
    width:min(280px,calc(100vw - 16px))!important;
    max-width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 90px)!important;
    overflow:auto!important;
    z-index:13050!important;
  }
}

/* Match the Home journey artwork across the fixed bottom navigation. */
.elevate-footer-icon-art{display:block;object-fit:cover;border-radius:5px;box-shadow:0 0 0 1px rgba(234,180,93,.32);}
/* Distinct premium Connections glyph and recognizable broker marks. */
.elevate-footer-icon-art{width:24px;height:24px}
.elevate-footer-connection-icon{color:#f4c15a}
.elevate-footer-broker-option{grid-template-columns:auto 24px minmax(0,1fr) auto}
.footer-broker-brand{width:22px;height:22px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:5px;background:#fff}
.footer-broker-brand svg{width:17px;height:17px;fill:none;stroke:none}
.footer-broker-brand.zerodha-brand svg{fill:#e34b4b}
.footer-broker-brand.icici-brand{background:#f15a24}
.footer-broker-brand.icici-brand svg{stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* Official company hosted broker logos */
.footer-broker-brand img{display:block;width:100%;height:100%;padding:2px;box-sizing:border-box;object-fit:contain}

.elevate-footer-broker-option{grid-template-columns:auto 40px minmax(0,1fr) auto}.footer-broker-brand{width:38px;height:22px}.footer-broker-brand.icici-brand{background:#f15a24}

/* Zerodha logo: transparent mark on a dark square, with full uncropped fit. */
.footer-broker-brand.zerodha-brand{width:38px;height:38px;overflow:hidden;background:#07121b;border-color:rgba(234,180,93,.34)}
.footer-broker-brand.zerodha-brand img{width:100%;height:100%;padding:1px;object-fit:contain}
