/* LANGKAH KUDA | ACCOUNT E1-A1 | scoped header account dropdown */
.masthead.masthead-v2 .mast-links-v2 > .lk-e1-account {
  position: relative; display: block; flex: 0 0 auto; min-width: 0;
  z-index: 5601; color: var(--ink);
}
.masthead.masthead-v2 .lk-e1-account > summary.lk-e1-account-trigger {
  display: flex; align-items: center; justify-content: center; gap: 7px;
  min-height: 40px; max-width: 185px; box-sizing: border-box;
  cursor: pointer; list-style: none; white-space: nowrap; color: var(--ink);
  background: var(--surface); font: inherit;
}
.lk-e1-account > summary::-webkit-details-marker { display: none; }
.lk-e1-account > summary::marker { content: ''; }
.lk-e1-account-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.lk-e1-caret { flex: 0 0 auto; transition: transform .15s ease; }
.lk-e1-account[open] .lk-e1-caret { transform: rotate(180deg); }
.lk-e1-account > summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.masthead.masthead-v2 .lk-e1-account-panel {
  position: absolute; top: calc(100% + 7px); right: 0; left: auto;
  display: grid; gap: 3px; box-sizing: border-box; width: max-content;
  min-width: 190px; max-width: min(90vw, 280px); padding: 7px;
  border: 1px solid var(--ink); border-radius: 12px;
  background: var(--surface); color: var(--ink); z-index: 7001;
  box-shadow: 0 14px 38px rgba(18,10,7,.20);
}
.lk-e1-account:not([open]) > .lk-e1-account-panel { display: none !important; }
.lk-e1-account-panel .lk-e1-logout-form { display: block; width: 100%; margin: 0; padding: 0; }
.masthead.masthead-v2 .lk-e1-account-panel .lk-e1-account-action {
  display: flex; align-items: center; gap: 12px; box-sizing: border-box;
  width: 100%; min-height: 44px; padding: 10px 12px;
  color: var(--ink); background: transparent; border: 0; border-radius: 7px;
  font: inherit; font-size: 14px; font-weight: 650; line-height: 1.35;
  text-align: left; text-decoration: none; cursor: pointer; white-space: nowrap;
}
.masthead.masthead-v2 .lk-e1-account-panel .lk-e1-account-action:hover,
.masthead.masthead-v2 .lk-e1-account-panel .lk-e1-account-action:focus-visible {
  background: var(--grid); outline: 2px solid var(--accent); outline-offset: -2px;
}
.lk-e1-account-action svg { flex: 0 0 auto; }
@media (max-width: 1180px) {
  /* This node is a direct nav child. The legacy mobile header uses display:contents;
     do not allow the account details to become an extra header grid child. */
  .masthead.masthead-v2 .mast-links-v2 > .lk-e1-account { display: none !important; }
  body.menu-open .masthead.masthead-v2 .mast-links-v2 > .lk-e1-account {
    display: block !important; position: relative !important; width: 100% !important;
    min-width: 0 !important; margin: 0 !important; align-self: stretch;
  }
  body.menu-open .masthead.masthead-v2 .lk-e1-account > summary.lk-e1-account-trigger {
    display: flex !important; justify-content: space-between !important;
    width: 100% !important; max-width: 100% !important;
    min-height: 44px !important; padding: 10px 12px !important;
    border-bottom: 1px solid var(--line) !important;
  }
  body.menu-open .masthead.masthead-v2 .lk-e1-account-panel {
    position: static !important; display: grid; width: 100% !important;
    max-width: 100% !important; min-width: 0 !important;
    margin-top: 5px; box-shadow: none; transform: none;
  }
  body.menu-open .masthead.masthead-v2 .lk-e1-account:not([open]) > .lk-e1-account-panel { display: none !important; }
  body.menu-open .masthead.masthead-v2 .lk-e1-account-action { white-space: normal; }
}
@media (prefers-reduced-motion: reduce) { .lk-e1-caret { transition: none; } }