/* LeadCPI desktop sidebar collapse standard.
   Shared by Home, Offers, Partners, Offerwall, Transactions and Account. */

.lcpi-front-desktop .lcpi-sidebar,
.lcpi-front-desktop .lcpi-shell,
.lcpi-front-desktop .offers-page-shell,
.lcpi-front-desktop .partners-page-shell,
.lcpi-front-desktop .ow-shell {
  transition: width .22s ease, min-width .22s ease, max-width .22s ease,
              grid-template-columns .22s ease, padding .22s ease;
}

.lcpi-front-desktop .lcpi-collapse {
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 52px !important;
  padding: 0 18px !important;
  gap: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  border-radius: 15px !important;
  border: 1px solid rgba(126,93,255,.24) !important;
  background: linear-gradient(180deg,rgba(15,28,61,.78),rgba(9,17,40,.92)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035),0 10px 24px rgba(0,0,0,.12) !important;
  color: #d7e1fb !important;
  overflow: hidden !important;
  cursor: pointer !important;
}
.lcpi-front-desktop .lcpi-collapse::before,
.lcpi-front-desktop .lcpi-collapse::after { content: none !important; display: none !important; }
.lcpi-front-desktop .lcpi-collapse img {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  display: block !important;
}
.lcpi-front-desktop .lcpi-collapse span {
  display: inline-block !important;
  margin: 0 !important;
  font-size: 14px !important;
  color: #d7e1fb !important;
  white-space: nowrap !important;
}

/* Every desktop route uses an 82px collapsed rail. */
body.lcpi-front-desktop.lcpi-sidebar-collapsed .lcpi-sidebar {
  width: 82px !important;
  min-width: 82px !important;
  max-width: 82px !important;
  inline-size: 82px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  gap: 12px !important;
}

/* Home: left + main + right. */
body.lcpi-front-desktop.lcpi-sidebar-collapsed:not(.lcpi-transaction-route):not(.account-route-page) > .lcpi-shell {
  grid-template-columns: 82px minmax(720px,1fr) 360px !important;
}
/* Transactions and Account: left + route body. */
body.lcpi-front-desktop.lcpi-sidebar-collapsed.lcpi-transaction-route .lcpi-shell.tx-index-standard-shell,
body.lcpi-front-desktop.lcpi-sidebar-collapsed.account-route-page .lcpi-shell.account-index-shell {
  grid-template-columns: 82px minmax(0,1fr) !important;
}
/* Offers. */
body.lcpi-front-desktop.lcpi-sidebar-collapsed.lcpi-offers-clean .offers-page-shell {
  grid-template-columns: 82px minmax(0,1fr) 306px !important;
}
/* Partners. */
body.lcpi-front-desktop.lcpi-sidebar-collapsed.lcpi-partners-page .partners-page-shell {
  grid-template-columns: 82px minmax(0,1fr) 252px !important;
}
/* Offerwall. */
body.lcpi-front-desktop.lcpi-sidebar-collapsed.lcpi-offerwall-page .ow-shell {
  --ow-left: 82px !important;
}

/* Compact brand and navigation. */
body.lcpi-sidebar-collapsed .lcpi-sidebar .lcpi-brand {
  width: 100% !important;
  justify-content: center !important;
  gap: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body.lcpi-sidebar-collapsed .lcpi-sidebar .lcpi-brand img {
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
}
body.lcpi-sidebar-collapsed .lcpi-sidebar .lcpi-brand > span,
body.lcpi-sidebar-collapsed .lcpi-sidebar .lcpi-nav-label,
body.lcpi-sidebar-collapsed .lcpi-sidebar .lcpi-nav-glow {
  display: none !important;
}
body.lcpi-sidebar-collapsed .lcpi-sidebar .lcpi-nav,
body.lcpi-sidebar-collapsed .lcpi-sidebar .lcpi-nav-pro {
  width: 100% !important;
  padding: 0 !important;
  gap: 9px !important;
}
body.lcpi-sidebar-collapsed .lcpi-sidebar .lcpi-nav-link,
body.lcpi-sidebar-collapsed .lcpi-sidebar .lcpi-nav-pro .lcpi-nav-link {
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 !important;
  gap: 0 !important;
  justify-content: center !important;
}
body.lcpi-sidebar-collapsed .lcpi-sidebar .lcpi-nav-icon,
body.lcpi-sidebar-collapsed .lcpi-sidebar .lcpi-nav-pro .lcpi-nav-icon {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
}

/* Auxiliary blocks are unavailable in collapsed mode; do not leave blank height. */
body.lcpi-sidebar-collapsed .lcpi-sidebar .lcpi-mission-card,
body.lcpi-sidebar-collapsed .lcpi-sidebar .lcpi-quick-access,
body.lcpi-sidebar-collapsed .lcpi-sidebar .lcpi-priority-support {
  display: none !important;
  width: 0 !important;
  min-height: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Collapse becomes a true compact expand button. */
body.lcpi-sidebar-collapsed .lcpi-sidebar .lcpi-collapse {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 62px !important;
  height: 52px !important;
  margin: auto 0 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  justify-content: center !important;
  text-align: center !important;
}
body.lcpi-sidebar-collapsed .lcpi-sidebar .lcpi-collapse img {
  width: 25px !important;
  height: 25px !important;
  flex-basis: 25px !important;
  margin: 0 auto !important;
}
body.lcpi-sidebar-collapsed .lcpi-sidebar .lcpi-collapse span { display: none !important; }

/* Keep responsive route rules authoritative on small screens. */
@media (max-width:1180px) {
  body.lcpi-front-desktop.lcpi-sidebar-collapsed:not(.lcpi-transaction-route):not(.account-route-page) > .lcpi-shell {
    grid-template-columns: 82px minmax(0,1fr) !important;
  }
  body.lcpi-front-desktop.lcpi-sidebar-collapsed.lcpi-offers-clean .offers-page-shell,
  body.lcpi-front-desktop.lcpi-sidebar-collapsed.lcpi-partners-page .partners-page-shell {
    grid-template-columns: 82px minmax(0,1fr) !important;
  }
}

/* V2 authoritative rail layout. Route CSS contains late !important rules,
   therefore these selectors are intentionally stronger. */
html.lcpi-sidebar-collapsed body.lcpi-front-desktop .lcpi-sidebar {
  flex-basis:78px !important;
  width:78px !important;
  min-width:78px !important;
  max-width:78px !important;
  inline-size:78px !important;
}
html.lcpi-sidebar-collapsed body.lcpi-front-desktop .offers-page-shell {
  grid-template-columns:78px minmax(0,1fr) 306px !important;
}
html.lcpi-sidebar-collapsed body.lcpi-front-desktop .partners-page-shell {
  grid-template-columns:78px minmax(0,1fr) 252px !important;
}
html.lcpi-sidebar-collapsed body.lcpi-front-desktop .lcpi-shell.tx-index-standard-shell,
html.lcpi-sidebar-collapsed body.lcpi-front-desktop .lcpi-shell.account-index-shell {
  grid-template-columns:78px minmax(0,1fr) !important;
}
html.lcpi-sidebar-collapsed body.lcpi-front-desktop .ow-shell {
  --ow-left:78px !important;
  grid-template-columns:78px minmax(0,1fr) 286px !important;
}
html.lcpi-sidebar-collapsed body.lcpi-front-desktop > .lcpi-shell {
  grid-template-columns:78px minmax(720px,1fr) 360px !important;
}
html.lcpi-sidebar-collapsed body.lcpi-front-desktop .lcpi-body,
html.lcpi-sidebar-collapsed body.lcpi-front-desktop .offers-mainbar,
html.lcpi-sidebar-collapsed body.lcpi-front-desktop .partners-mainbar,
html.lcpi-sidebar-collapsed body.lcpi-front-desktop .ow-main,
html.lcpi-sidebar-collapsed body.lcpi-front-desktop .tx-route-body {
  min-width:0 !important;
  width:auto !important;
}

/* V3 collapsed-sidebar accessible tooltip. The tooltip node is appended to body,
   so it cannot be clipped by route shells or the narrow sidebar rail. */
.lcpi-sidebar-tooltip {
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  max-width: 220px;
  padding: 8px 11px;
  border: 1px solid rgba(151, 103, 255, .48);
  border-radius: 9px;
  background: linear-gradient(180deg, rgba(25, 20, 58, .98), rgba(9, 16, 40, .98));
  box-shadow: 0 12px 30px rgba(0,0,0,.38), 0 0 18px rgba(152,75,255,.18);
  color: #f2f5ff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: .01em;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(-4px,0,0) scale(.98);
  transition: opacity .13s ease, transform .13s ease, visibility .13s ease;
}
.lcpi-sidebar-tooltip::before {
  content: '';
  position: absolute;
  left: -5px;
  top: 50%;
  width: 9px;
  height: 9px;
  border-left: 1px solid rgba(151, 103, 255, .48);
  border-bottom: 1px solid rgba(151, 103, 255, .48);
  background: rgba(18, 18, 49, .98);
  transform: translateY(-50%) rotate(45deg);
}
.lcpi-sidebar-tooltip.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0,0,0) scale(1);
}
@media (prefers-reduced-motion: reduce) {
  .lcpi-sidebar-tooltip { transition: none; }
}


/* V4 authenticated member rank card. Same footprint as the guest mission card. */
.lcpi-front-desktop .lcpi-member-rank-card{
  position:relative!important;height:236px!important;min-height:236px!important;max-height:236px!important;
  padding:15px 14px 13px!important;box-sizing:border-box!important;overflow:hidden!important;
  border:1px solid rgba(126,93,255,.42)!important;
  background:radial-gradient(circle at 88% 10%,rgba(174,70,255,.24),transparent 38%),linear-gradient(155deg,rgba(22,26,66,.98),rgba(8,16,39,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 14px 30px rgba(0,0,0,.2),0 0 20px rgba(113,58,255,.08)!important;
}
.lcpi-member-rank-card:after{content:"";position:absolute;right:-35px;bottom:-55px;width:125px;height:125px;border-radius:50%;background:radial-gradient(circle,rgba(255,67,214,.15),transparent 68%);pointer-events:none}
.lcpi-rank-head{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;position:relative;z-index:1}
.lcpi-rank-emblem{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,rgba(61,219,255,.19),rgba(165,65,255,.27));border:1px solid rgba(95,221,255,.38);box-shadow:0 0 18px rgba(95,87,255,.24)}
.lcpi-rank-emblem:before{content:"";position:absolute;inset:7px;clip-path:polygon(50% 0,88% 20%,82% 72%,50% 100%,18% 72%,12% 20%);background:linear-gradient(145deg,#45e4ff,#a24bff 62%,#ff4fc7)}
.lcpi-rank-emblem i{position:absolute;inset:10px;clip-path:polygon(50% 0,88% 20%,82% 72%,50% 100%,18% 72%,12% 20%);background:#111b3c;z-index:1}
.lcpi-rank-emblem b{position:relative;z-index:2;color:#fff;font-size:12px;line-height:1}
.lcpi-rank-head>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:1px}
.lcpi-rank-head small{font-size:8px;letter-spacing:.14em;color:#8193bd;font-weight:800}
.lcpi-rank-head strong{font-size:16px;line-height:1.12;color:#f6f8ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lcpi-rank-head em{font-style:normal;padding:4px 7px;border-radius:999px;background:rgba(42,223,145,.11);border:1px solid rgba(42,223,145,.18);color:#54efaa;font-size:9px;font-weight:900}
.lcpi-rank-points{display:flex;justify-content:space-between;align-items:center;margin-top:12px;color:#91a2c8;font-size:9px}
.lcpi-rank-points b{color:#dfe7ff;font-size:10px}
.lcpi-rank-progress{height:8px;margin-top:6px;padding:2px;border-radius:999px;background:#172343;box-shadow:inset 0 1px 3px rgba(0,0,0,.28)}
.lcpi-rank-progress i{display:block;height:100%;min-width:3px;border-radius:999px;background:linear-gradient(90deg,#42dffa,#7a54ff 58%,#ef4bc3);box-shadow:0 0 9px rgba(142,73,255,.55)}
.lcpi-rank-next{display:flex;justify-content:space-between;margin-top:5px;color:#8799c0;font-size:8px}.lcpi-rank-next b{color:#bfc9e5}
.lcpi-rank-roadmap{display:flex;align-items:center;justify-content:space-between;margin:12px 3px 9px;position:relative}
.lcpi-rank-roadmap:before{content:"";position:absolute;left:8px;right:8px;top:7px;height:1px;background:rgba(118,137,184,.28)}
.lcpi-rank-roadmap span{position:relative;z-index:1;width:16px;text-align:center;color:#68799f}
.lcpi-rank-roadmap span i{display:block;width:13px;height:13px;margin:auto;border-radius:50%;background:#17223f;border:2px solid #33466f;box-sizing:border-box}
.lcpi-rank-roadmap span small{display:block;margin-top:3px;font-size:7px;font-weight:800}
.lcpi-rank-roadmap span.is-unlocked i{border-color:#47cdda;background:#183f59}.lcpi-rank-roadmap span.is-current i{border-color:#d95aff;background:#8d38e7;box-shadow:0 0 10px rgba(191,64,255,.7)}.lcpi-rank-roadmap span.is-current small{color:#efdcff}
.lcpi-rank-details{height:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;border-radius:9px!important;border:1px solid rgba(145,92,255,.34)!important;background:linear-gradient(90deg,rgba(103,65,236,.27),rgba(193,55,238,.25))!important;color:#e9e5ff!important;font-size:9px!important;font-weight:800!important;text-decoration:none!important;position:relative;z-index:1}
.lcpi-rank-details:hover{border-color:rgba(192,103,255,.65)!important;background:linear-gradient(90deg,rgba(112,68,246,.42),rgba(206,62,242,.38))!important}



/* V8 route layout lock. frontend-shell.js writes the same values inline;
   these rules provide the no-JS/first-paint equivalent without changing UI. */
html.lcpi-sidebar-collapsed body.lcpi-front-desktop.lcpi-neon-home > .lcpi-shell,
body.lcpi-front-desktop.lcpi-neon-home.lcpi-sidebar-collapsed > .lcpi-shell{
  grid-template-columns:78px minmax(0,1fr)!important;
}
html.lcpi-sidebar-collapsed body.lcpi-front-desktop.lcpi-neon-home .lcpi-body-grid,
body.lcpi-front-desktop.lcpi-neon-home.lcpi-sidebar-collapsed .lcpi-body-grid{
  grid-template-columns:minmax(0,1fr) 360px!important;
}
html.lcpi-sidebar-collapsed body.lcpi-front-desktop.lcpi-neon-home .lcpi-rightbar,
body.lcpi-front-desktop.lcpi-neon-home.lcpi-sidebar-collapsed .lcpi-rightbar{
  width:100%!important;max-width:360px!important;justify-self:end!important;
}
html.lcpi-sidebar-collapsed body.lcpi-front-desktop.lcpi-offerwall-page .ow-shell,
body.lcpi-front-desktop.lcpi-sidebar-collapsed.lcpi-offerwall-page .ow-shell{
  --ow-left:78px!important;grid-template-columns:78px minmax(0,1fr) 340px!important;
  width:min(100%,1920px)!important;max-width:1920px!important;box-sizing:border-box!important;
}
html.lcpi-sidebar-collapsed body.lcpi-front-desktop.lcpi-offerwall-page .ow-right,
body.lcpi-front-desktop.lcpi-sidebar-collapsed.lcpi-offerwall-page .ow-right{
  width:340px!important;max-width:340px!important;min-width:0!important;justify-self:end!important;
}
@media(max-width:1480px){
 html.lcpi-sidebar-collapsed body.lcpi-front-desktop.lcpi-neon-home .lcpi-body-grid,
 body.lcpi-front-desktop.lcpi-neon-home.lcpi-sidebar-collapsed .lcpi-body-grid{grid-template-columns:minmax(0,1fr) 310px!important}
 html.lcpi-sidebar-collapsed body.lcpi-front-desktop.lcpi-neon-home .lcpi-rightbar,
 body.lcpi-front-desktop.lcpi-neon-home.lcpi-sidebar-collapsed .lcpi-rightbar{max-width:310px!important}
 html.lcpi-sidebar-collapsed body.lcpi-front-desktop.lcpi-offerwall-page .ow-shell,
 body.lcpi-front-desktop.lcpi-sidebar-collapsed.lcpi-offerwall-page .ow-shell{grid-template-columns:78px minmax(0,1fr) 310px!important}
 html.lcpi-sidebar-collapsed body.lcpi-front-desktop.lcpi-offerwall-page .ow-right,
 body.lcpi-front-desktop.lcpi-sidebar-collapsed.lcpi-offerwall-page .ow-right{width:310px!important;max-width:310px!important}
}
@media(max-width:1180px){
 html.lcpi-sidebar-collapsed body.lcpi-front-desktop.lcpi-neon-home .lcpi-body-grid,
 body.lcpi-front-desktop.lcpi-neon-home.lcpi-sidebar-collapsed .lcpi-body-grid{grid-template-columns:minmax(0,1fr)!important}
 html.lcpi-sidebar-collapsed body.lcpi-front-desktop.lcpi-offerwall-page .ow-shell,
 body.lcpi-front-desktop.lcpi-sidebar-collapsed.lcpi-offerwall-page .ow-shell{grid-template-columns:78px minmax(0,1fr)!important}
}