/* LC Menu 2 — left drawer · prefix lcn2- · plain CSS */
:root{
  --lcn2-navy-0:#0a1124;
  --lcn2-navy-1:#111c38;
  --lcn2-navy-2:#17244a;
  --lcn2-gold:#e3b53f;
  --lcn2-gold-soft:#f2cf6b;
  --lcn2-gold-deep:#b98a1f;
  --lcn2-white:#f5f7fb;
  --lcn2-muted:#8a93a6;
  --lcn2-line:rgba(255,255,255,.09);
  --lcn2-w:280px;
  --lcn2-font:Inter,"Segoe UI",Roboto,system-ui,-apple-system,sans-serif;
}

/* ---------- hamburger ---------- */
.lcn2-burger{
  position:fixed;top:14px;left:14px;z-index:9990;
  width:42px;height:42px;border-radius:12px;border:1px solid rgba(17,28,56,.12);
  background:#fff;box-shadow:0 2px 10px rgba(10,17,36,.12);
  display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;
}
.lcn2-burger span{display:block;width:18px;height:2px;border-radius:2px;background:var(--lcn2-navy-1)}
.lcn2-burger:focus{outline:none}
.lcn2-burger:focus-visible{outline:2px solid var(--lcn2-gold);outline-offset:2px}

/* ---------- backdrop ---------- */
.lcn2-backdrop{
  position:fixed;inset:0;z-index:10000;
  background:rgba(60,66,82,.42);
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  opacity:0;transition:opacity .22s ease;
}
.lcn2-backdrop[hidden]{display:none}
.lcn2-open .lcn2-backdrop{opacity:1}

/* ---------- drawer ---------- */
.lcn2-drawer{
  position:fixed;top:0;left:0;bottom:0;z-index:10010;
  width:var(--lcn2-w);max-width:88vw;
  display:flex;flex-direction:column;
  background:linear-gradient(180deg,var(--lcn2-navy-2) 0%,var(--lcn2-navy-1) 45%,var(--lcn2-navy-0) 100%);
  color:var(--lcn2-white);font-family:var(--lcn2-font);
  box-shadow:10px 0 40px rgba(5,9,20,.45);
  transform:translateX(-102%);visibility:hidden;
  transition:transform .26s cubic-bezier(.2,.8,.2,1),visibility 0s linear .26s;
  -webkit-tap-highlight-color:transparent;
}
.lcn2-drawer:focus{outline:none}
.lcn2-open .lcn2-drawer{transform:none;visibility:visible;transition:transform .26s cubic-bezier(.2,.8,.2,1),visibility 0s}
.lcn2-drawer *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}

/* header: badge + title block = one link to the person's LC Sphere profile */
.lcn2-head{
  flex:0 0 auto;display:flex;align-items:center;gap:10px;
  padding:14px 14px 13px 16px;border-bottom:1px solid var(--lcn2-line);
}
.lcn2-home{
  flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:11px;
  color:inherit;text-decoration:none;background:transparent !important;outline:none;cursor:pointer;
}
.lcn2-home:hover .lcn2-title{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.lcn2-home:focus{outline:none}
.lcn2-home:focus-visible{outline:2px solid var(--lcn2-gold);outline-offset:3px;border-radius:8px}
.lcn2-badge{
  flex:0 0 auto;width:34px;height:34px;border-radius:9px;
  display:grid;place-items:center;
  background:linear-gradient(145deg,var(--lcn2-gold-soft),var(--lcn2-gold) 55%,var(--lcn2-gold-deep));
  color:#1a1405;font-weight:800;font-size:12.5px;letter-spacing:.02em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 6px rgba(0,0,0,.3);
}
.lcn2-brand{flex:1 1 auto;min-width:0;line-height:1.25;display:block}
.lcn2-title{display:block;font-weight:700;font-size:15px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lcn2-sub{display:block;font-size:11.5px;color:var(--lcn2-gold);margin-top:2px;white-space:nowrap}
.lcn2-close{
  flex:0 0 auto;width:34px;height:34px;border-radius:50%;
  border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.04);color:#fff;
  display:grid;place-items:center;cursor:pointer;padding:0;
}
.lcn2-close:hover{border-color:rgba(255,255,255,.5)}
.lcn2-close:focus{outline:none}
.lcn2-close:focus-visible{outline:2px solid var(--lcn2-gold);outline-offset:2px}

/* scroll body */
.lcn2-body{
  flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;
  padding:8px 6px 14px 0;
  scrollbar-width:thin;scrollbar-color:var(--lcn2-gold-deep) transparent;
}
.lcn2-body::-webkit-scrollbar{width:6px}
.lcn2-body::-webkit-scrollbar-track{background:transparent}
.lcn2-body::-webkit-scrollbar-thumb{background:linear-gradient(var(--lcn2-gold),var(--lcn2-gold-deep));border-radius:6px}

/* rows: checkbox (toggle only) + label link (navigates). hover = underline label only; no bg, no active, no click outline */
.lcn2-list{list-style:none;margin:0;padding:0}
.lcn2-item{display:flex;align-items:flex-start;gap:10px;padding:6px 12px 6px 16px}
.lcn2-lv2{padding-left:36px}
.lcn2-lv3{padding-left:56px}
.lcn2-link,.lcn2-logout{
  flex:0 1 auto;min-width:0;display:flex;align-items:flex-start;gap:10px;
  color:inherit;text-decoration:none;cursor:pointer;
  background:transparent !important;outline:none;
}
.lcn2-link:hover .lcn2-txt,.lcn2-logout:hover .lcn2-txt{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.lcn2-link:active,.lcn2-logout:active,.lcn2-item:active{background:transparent !important}
.lcn2-link:focus,.lcn2-logout:focus{outline:none}
.lcn2-link:focus-visible,.lcn2-logout:focus-visible{outline:2px solid var(--lcn2-gold);outline-offset:2px;border-radius:4px}
.lcn2-ico{flex:0 0 auto;width:16px;height:16px;color:var(--lcn2-gold);margin-top:-.5px}
.lcn2-txt{min-width:0;overflow-wrap:anywhere}

/* checkbox: rounded square, navy fill, gold border, gold check / dash */
.lcn2-cb{
  -webkit-appearance:none;appearance:none;margin:0;flex:0 0 auto;
  width:16px;height:16px;border-radius:4px;margin-top:-.5px;
  border:1.5px solid var(--lcn2-gold);background:var(--lcn2-navy-0) center/12px 12px no-repeat;
  cursor:pointer;outline:none;
}
.lcn2-cb:checked{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.4 6.3l2.4 2.4 4.8-5' fill='none' stroke='%23e3b53f' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.lcn2-cb:indeterminate{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 6h6' fill='none' stroke='%23e3b53f' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E");
}
.lcn2-cb:focus{outline:none}
.lcn2-cb:focus-visible{outline:2px solid var(--lcn2-gold-soft);outline-offset:2px}

/* level-1 headings (with or without box): gold uppercase + line */
.lcn2-sec{margin-top:6px}
.lcn2-sec-head{align-items:center;padding-top:10px;padding-bottom:5px}
.lcn2-head-link{
  align-items:center;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--lcn2-gold);line-height:1.3;
}
.lcn2-sec-line{flex:1 1 auto;min-width:14px;height:1px;align-self:center;background:linear-gradient(90deg,rgba(227,181,63,.55),rgba(227,181,63,.08))}
.lcn2-plain .lcn2-sec-head{padding-top:12px}

/* child rows */
.lcn2-lv2 .lcn2-link,.lcn2-lv3 .lcn2-link{font-size:12.5px;font-weight:500;line-height:1.3;letter-spacing:.01em;color:var(--lcn2-white)}
.lcn2-lv3 .lcn2-link{font-size:12px;color:#dfe4ee}
.lcn2-l2{padding-bottom:4px}

/* footer */
.lcn2-foot{flex:0 0 auto;border-top:1px solid var(--lcn2-line);padding:12px 16px 12px}
.lcn2-logout{font-size:13.5px;font-weight:500;color:var(--lcn2-white);padding:4px 0}
.lcn2-logout .lcn2-ico{color:var(--lcn2-white)}
.lcn2-note{margin:10px 0 0;font-size:10.5px;color:var(--lcn2-muted);line-height:1.35}

html.lcn2-lock,html.lcn2-lock body{overflow:hidden}

@media (prefers-reduced-motion:reduce){.lcn2-drawer,.lcn2-backdrop{transition:none}}

/* ---------- left/right docking (lc-dock, localStorage "lc-menu-side") ---------- */
.lcn2-burger,.lcn2-head{touch-action:none}
.lcn2-swap{
  flex:0 0 auto;width:34px;height:34px;border-radius:50%;
  border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.04);color:#fff;
  display:grid;place-items:center;cursor:pointer;padding:0;
}
.lcn2-swap:hover{border-color:rgba(255,255,255,.5)}
.lcn2-swap:focus{outline:none}
.lcn2-swap:focus-visible{outline:2px solid var(--lcn2-gold);outline-offset:2px}
.lc-dock-dragging{transition:none !important;cursor:grabbing}
html[data-lc-side="right"] .lcn2-burger{left:auto;right:14px}
html[data-lc-side="right"] .lcn2-drawer{left:auto;right:0;transform:translateX(102%);box-shadow:-10px 0 40px rgba(5,9,20,.45)}
html[data-lc-side="right"].lcn2-open .lcn2-drawer{transform:none}