/* =========================================================
   v36 — Stable mobile navigation and fixed live-chat geometry
   Desktop remains unchanged.
   ========================================================= */
.v36-mobile-nav,.v36-mobile-backdrop{display:none}

@media(max-width:700px){
  /* Keep page brand/header, hide only scattered action groups. */
  body.v36-mobile .v36-home-actions{display:none!important}
  body.v36-mobile .shell .top .toplinks{display:none!important}
  body.v36-mobile.policy-page header .nav{display:none!important}
  body.v36-mobile .v4-header .v4-nav{display:none!important}

  /* Global account button may be injected into hidden source navs; don't float it separately. */
  body.v36-mobile .global-account-floating{display:none!important}

  /* v42: menu lives INSIDE the Developer AI header box. */
  body.v36-mobile .shell .top,
  body.v36-mobile header.top,
  body.v36-mobile .v4-header,
  body.v36-mobile .danger-header{
    padding-right:62px!important;
  }

  body.v36-mobile .v36-menu-host{
    position:relative!important;
    overflow:visible!important;
  }

  .v36-mobile-nav{
    display:block;
    position:absolute;
    top:50%;
    right:10px;
    transform:translateY(-50%);
    z-index:2147481800;
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
    color:#fff;
  }

  /* Only pages with no usable Developer AI header keep a safe fixed fallback. */
  .v36-mobile-nav.v36-menu-fallback{
    position:fixed;
    top:max(9px,env(safe-area-inset-top));
    right:max(9px,env(safe-area-inset-right));
    transform:none;
  }

  .v36-menu-toggle{
    width:42px;height:42px;border-radius:13px;border:1px solid rgba(118,151,255,.32);
    display:grid;place-items:center;padding:0;cursor:pointer;color:#fff;
    background:
      radial-gradient(circle at 24% 18%,rgba(72,207,255,.16),transparent 42%),
      linear-gradient(145deg,rgba(12,23,52,.97),rgba(5,10,28,.98));
    box-shadow:0 12px 32px rgba(0,0,0,.35),0 0 24px rgba(69,103,255,.12),inset 0 1px 0 rgba(255,255,255,.05);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }
  .v36-menu-toggle svg{width:21px;height:21px}
  .v36-mobile-nav.open .v36-menu-toggle{border-color:rgba(86,206,255,.58)}

  .v36-menu-panel{
    position:absolute;right:0;top:50px;width:min(288px,calc(100vw - 18px));
    padding:10px;border-radius:22px;border:1px solid rgba(116,147,255,.23);
    background:
      radial-gradient(340px 160px at 0% 0%,rgba(42,157,255,.16),transparent 65%),
      radial-gradient(260px 170px at 100% 100%,rgba(145,73,255,.13),transparent 65%),
      linear-gradient(165deg,rgba(7,15,38,.99),rgba(3,7,21,.995));
    box-shadow:0 28px 72px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.04);
    backdrop-filter:blur(24px) saturate(140%);
    -webkit-backdrop-filter:blur(24px) saturate(140%);
    opacity:0;visibility:hidden;pointer-events:none;
    transform:translateY(-7px) scale(.98);transform-origin:top right;
    transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;
  }
  .v36-mobile-nav.open .v36-menu-panel{
    opacity:1;visibility:visible;pointer-events:auto;transform:none;
    transition:opacity .2s ease,transform .2s cubic-bezier(.16,1,.3,1),visibility 0s;
  }
  .v36-menu-brand{
    display:flex;align-items:center;gap:10px;padding:8px 8px 12px;
    border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:8px;cursor:pointer;
  }
  .v36-menu-brand img{
    width:39px;height:39px;border-radius:50%;object-fit:cover;
    box-shadow:0 0 22px rgba(57,148,255,.30),0 0 26px rgba(141,66,255,.14);
  }
  .v36-menu-brand b{display:block;font-size:14px;font-weight:850;line-height:1.12}
  .v36-menu-brand small{display:block;margin-top:3px;font-size:10.5px;font-weight:650;color:#8498bd}
  .v36-menu-list{display:grid;gap:7px}
  .v36-menu-item{
    width:100%;min-height:44px;border:1px solid rgba(255,255,255,.075);
    border-radius:13px;background:rgba(255,255,255,.035);color:#dfebff;
    display:flex;align-items:center;gap:10px;padding:0 12px;text-decoration:none!important;
    font-size:12.5px;font-weight:760;text-align:left;cursor:pointer;
  }
  .v36-menu-item svg{width:17px;height:17px;flex:0 0 17px;color:#8dc9ff}
  .v36-menu-item .grow{flex:1;min-width:0}
  .v36-menu-item .sub{display:block;margin-top:2px;font-size:10px;font-weight:600;color:#91a5c7}
  .v36-menu-item.account{
    background:linear-gradient(105deg,rgba(45,133,255,.92),rgba(119,72,255,.92));
    border-color:rgba(147,177,255,.36);color:#fff;
  }
  .v36-menu-item.account .sub,.v36-menu-item.support .sub{color:rgba(255,255,255,.72)}
  .v36-menu-item.support{
    background:linear-gradient(105deg,rgba(13,126,105,.56),rgba(17,83,102,.60));
    border-color:rgba(69,225,195,.22);
  }
  .v36-menu-item.changelog{background:rgba(109,78,198,.18)}
  .v36-language-options{
    display:none;grid-template-columns:1fr 1fr;gap:6px;margin-top:1px;padding:4px;
  }
  .v36-language-options.open{display:grid}
  .v36-language-options button{
    min-height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.07);
    background:rgba(255,255,255,.035);color:#c9d7ee;font-size:10.5px;font-weight:700;cursor:pointer;
  }
  .v36-language-options button.active{
    color:#fff;border-color:rgba(100,166,255,.34);background:rgba(58,118,255,.16);
  }
  .v36-mobile-backdrop{
    position:fixed;inset:0;z-index:2147481700;background:rgba(0,4,16,.32);
    backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);
  }
  .v36-mobile-backdrop.show{display:block}

  /* Live chat: one fixed geometry on every mobile page. */
  #devai-livechat{
    position:fixed!important;right:7px!important;left:auto!important;
    bottom:max(7px,env(safe-area-inset-bottom))!important;top:auto!important;
    width:auto!important;height:auto!important;margin:0!important;transform:none!important;
    z-index:2147482100!important;
  }
  #devai-livechat .devai-lc-launcher{
    position:relative!important;width:94px!important;height:74px!important;
    margin:0!important;right:auto!important;left:auto!important;bottom:auto!important;top:auto!important;
  }
  #devai-livechat .devai-lc-panel{
    position:fixed!important;left:6px!important;right:6px!important;
    top:auto!important;bottom:max(7px,env(safe-area-inset-bottom))!important;
    width:auto!important;max-width:none!important;
    height:min(82svh,670px)!important;max-height:calc(100svh - 14px)!important;
    margin:0!important;border-radius:22px!important;
    transform:translateY(12px) scale(.985)!important;transform-origin:bottom center!important;
  }
  #devai-livechat.is-open .devai-lc-panel{transform:none!important}
  #devai-livechat .devai-lc-support-copy h3{font-size:22px!important}
  #devai-livechat .devai-lc-support-copy p{font-size:12.5px!important}
  #devai-livechat .devai-lc-current-user{font-size:11.5px!important}
  #devai-livechat .devai-lc-composer-wrap{
    padding-bottom:max(10px,env(safe-area-inset-bottom))!important;
  }
}
@media(max-width:360px){
  .v36-mobile-nav{right:7px}
  .v36-mobile-nav.v36-menu-fallback{right:6px}
  .v36-menu-toggle{width:40px;height:40px;border-radius:12px}
  .v36-menu-panel{right:0;top:47px;width:calc(100vw - 12px)}
  #devai-livechat{right:5px!important}
  #devai-livechat .devai-lc-launcher{width:88px!important;height:69px!important}
  #devai-livechat .devai-lc-panel{left:4px!important;right:4px!important;height:min(84svh,650px)!important}
}


/* v42 — header-contained mobile menu polish */
@media(max-width:700px){
  body.v36-mobile .v36-menu-host .v36-menu-toggle{
    background:
      radial-gradient(circle at 25% 18%,rgba(79,220,255,.18),transparent 42%),
      linear-gradient(145deg,rgba(16,29,63,.94),rgba(8,11,31,.96));
    border-color:rgba(111,166,255,.34);
    box-shadow:
      0 8px 22px rgba(0,0,0,.28),
      0 0 20px rgba(75,117,255,.12),
      inset 0 1px 0 rgba(255,255,255,.06);
  }
  body.v36-mobile .v36-menu-host .v36-mobile-nav.open .v36-menu-toggle{
    border-color:rgba(84,216,255,.58);
    box-shadow:
      0 8px 24px rgba(0,0,0,.32),
      0 0 24px rgba(73,148,255,.20),
      inset 0 1px 0 rgba(255,255,255,.07);
  }
}

/* v44 mobile menu stacking */
@media(max-width:700px){
  .v36-mobile-backdrop,.v36-mobile-backdrop.show{display:none!important;pointer-events:none!important}
  body.v36-mobile .v36-menu-host{z-index:10020!important;isolation:isolate!important;overflow:visible!important}
  body.v36-mobile .danger-content{position:relative!important;z-index:80!important;overflow:visible!important}
  body.v36-mobile .danger-header,body.v36-mobile .v4-header,body.v36-mobile .shell .top,body.v36-mobile header.top{overflow:visible!important}
  .v36-mobile-nav{z-index:10025!important}
  .v36-menu-panel{z-index:10030!important;box-shadow:0 24px 58px rgba(0,0,0,.62),0 0 32px rgba(72,111,255,.12),inset 0 1px 0 rgba(255,255,255,.05)!important}
  .v36-menu-toggle{position:relative!important;z-index:10031!important}
}

/* v45 — complete mobile menu restored */
@media(max-width:700px){
  .mobile-menu-header-host-v45{position:relative!important;overflow:visible!important;padding-right:62px!important}
  .v36-menu-item.signup{background:linear-gradient(105deg,rgba(22,150,137,.24),rgba(48,105,205,.22));border-color:rgba(81,218,205,.20)}
  .v36-menu-item.signup svg{color:#76ead9}
  .v36-menu-item.signup[hidden]{display:none!important}
}

/* v45.1 — keep opened menu fully inside 320/360/390px viewports */
@media(max-width:700px){
  .v36-menu-panel{
    left:auto!important;
    right:0!important;
    width:min(286px,calc(100vw - 24px))!important;
    max-width:calc(100vw - 24px)!important;
    box-sizing:border-box!important;
  }
}


/* v46 — menu contains ONLY menu actions; Developer AI header stays outside */
@media(max-width:700px){
  .v36-menu-panel{
    padding:9px!important;
  }
  .v36-menu-list{
    gap:7px!important;
  }
  .v36-menu-list > :first-child{
    margin-top:0!important;
  }
  /* Internal duplicate brand is intentionally disabled even if stale cached markup appears. */
  .v36-menu-panel .v36-menu-brand{
    display:none!important;
  }
}

/* v76.2 launcher geometry override */
@media(max-width:640px){#devai-livechat .devai-lc-launch-stack{width:216px!important;height:238px!important}#devai-livechat .devai-lc-launcher{width:58px!important;height:58px!important}}
@media(max-width:360px){#devai-livechat .devai-lc-launch-stack{width:208px!important;height:232px!important}#devai-livechat .devai-lc-launcher{width:56px!important;height:56px!important}}