/* ===== Geedlee+ mobile menu — Option A "Night-sky drawer" ===== */
.glp-overlay{position:fixed;inset:0;z-index:1000;display:flex;justify-content:flex-end;
  background:rgba(8,12,24,0.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
  opacity:0;visibility:hidden;transition:opacity .26s ease;}
.glp-overlay.open{opacity:1;visibility:visible;}

.glp-panel{position:relative;width:84%;max-width:430px;height:100%;
  background:linear-gradient(180deg,#241B4A 0%,#1C2E4A 48%,#0E1830 100%);
  border-top-left-radius:28px;border-bottom-left-radius:28px;
  box-shadow:-16px 0 50px rgba(0,0,0,0.45);display:flex;flex-direction:column;
  padding:26px 20px 22px;overflow:hidden;transform:translateX(28px);transition:transform .3s ease;}
.glp-overlay.open .glp-panel{transform:translateX(0);}
.glp-panel::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:
  radial-gradient(1.6px 1.6px at 20% 16%,rgba(255,255,255,0.65),transparent),
  radial-gradient(1.4px 1.4px at 68% 11%,rgba(255,255,255,0.45),transparent),
  radial-gradient(1.5px 1.5px at 86% 28%,rgba(201,150,58,0.7),transparent),
  radial-gradient(1.2px 1.2px at 38% 7%,rgba(255,255,255,0.4),transparent),
  radial-gradient(1.4px 1.4px at 54% 21%,rgba(255,255,255,0.3),transparent),
  radial-gradient(1.3px 1.3px at 12% 40%,rgba(201,150,58,0.5),transparent);}

.glp-head{position:relative;margin-bottom:18px;flex-shrink:0;z-index:2;}
.glp-title{font-size:1.5rem;font-weight:900;color:#fff;letter-spacing:-0.01em;line-height:1.1;}
.glp-sub{font-size:0.64rem;font-weight:800;color:#A99BE0;letter-spacing:0.12em;text-transform:uppercase;margin-top:3px;}
.glp-close{position:absolute;top:-2px;right:0;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:#fff;font-size:1.3rem;font-weight:600;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;}

.glp-list{position:relative;flex:1;display:flex;flex-direction:column;gap:10px;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:1;}
.glp-card{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.09);border-radius:16px;padding:13px 16px;text-decoration:none;}
.glp-card:active{background:rgba(255,255,255,0.12);}
.glp-ic{width:38px;height:38px;border-radius:11px;background:rgba(201,150,58,0.14);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.glp-ic svg{width:21px;height:21px;stroke:#E5B85C;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.glp-label{flex:1;font-size:1.05rem;font-weight:800;color:#fff;}
.glp-chev{color:rgba(255,255,255,0.38);font-size:1.35rem;font-weight:700;line-height:1;}

.glp-cta{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;flex-shrink:0;padding:17px;background:linear-gradient(135deg,#E5B85C,#C9963A);color:#1C2E4A;font-weight:900;font-size:1.08rem;border-radius:50px;box-shadow:0 10px 26px rgba(201,150,58,0.4);text-decoration:none;}
.glp-peek{position:absolute;bottom:104px;right:6px;width:118px;z-index:2;filter:drop-shadow(0 12px 22px rgba(0,0,0,0.45));pointer-events:none;}

body.glm-lock{overflow:hidden;}
@media(prefers-reduced-motion:reduce){.glp-overlay,.glp-panel{transition:none;}}

/* night-sky cards usable as <button> (dashboard actions) */
.glp-card{width:100%;font-family:inherit;text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none;}
.glp-logout .glp-ic{background:rgba(255,255,255,0.06);}
.glp-logout .glp-ic svg{stroke:rgba(255,255,255,0.55);}
.glp-logout .glp-label{color:rgba(255,255,255,0.6);}