/* Compact left edge shortcut grid, shared by mobile and tablet pages. */
.pm-account-shell { display: none; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .pm-account-shell { display: block; font-family: inherit; }
  .header-links-wrapper { display: none !important; }
  #pm-account-toggle { position: fixed; left: 0; top: 50%; transform: translateY(-50%); z-index: 1000000; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 26px; height: 104px; margin: 0; padding: 0; border: 1px solid #f3a9c8; border-left: 0; border-radius: 0 12px 12px 0; background: linear-gradient(160deg, #ffffff, #fff0f6); color: #db075d; box-shadow: 2px 4px 14px rgb(166 27 85 / 10%); cursor: pointer; touch-action: pan-y; transition: left 220ms ease, box-shadow 180ms ease; }
  #pm-account-toggle:hover, #pm-account-toggle:active { background: linear-gradient(160deg, #fff7fb, #fce1ed); color: #db075d; box-shadow: 2px 4px 16px rgb(166 27 85 / 14%); }
  #pm-account-toggle .pm-account-handle-label { color: inherit; font-size: 10px; font-weight: 900; line-height: 1.2; writing-mode: vertical-rl; transform: rotate(180deg); white-space: nowrap; }
  #pm-account-toggle .pm-account-handle-close { display: none; }
  #pm-account-toggle[aria-expanded="true"] .pm-account-handle-open { display: none; }
  #pm-account-toggle[aria-expanded="true"] .pm-account-handle-close { display: inline; }
  #pm-account-toggle[aria-expanded="true"] { left: 76px; }
  #pm-account-menu { position: fixed; top: 50%; left: 8px; z-index: 1000000; box-sizing: border-box; width: 68px; max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); margin: 0; padding: 8px 6px 12px; border: 1px solid rgb(255 255 255 / 85%); border-radius: 22px; background: linear-gradient(155deg, rgb(255 255 255 / 96%), rgb(255 239 246 / 94%)); backdrop-filter: blur(18px); box-shadow: 0 10px 36px rgb(47 18 31 / 25%); color: #252334; text-align: left; overflow-y: auto; overscroll-behavior: contain; visibility: hidden; opacity: 0; transform: translate(-115%, -50%); transition: transform 220ms ease, opacity 220ms ease, visibility 220ms; }
  #pm-account-menu.is-open { visibility: visible; opacity: 1; transform: translate(0, -50%); }
  #pm-account-menu .pm-account-heading { display: flex; align-items: center; justify-content: center; margin: 0 0 6px; padding: 0; }
  #pm-account-title { display: block; font-size: 10px; font-weight: 700; line-height: 1.4; color: #b50d51; text-align: center; }
  #pm-account-menu .pm-account-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; margin: 0; padding: 0; }
  #pm-account-menu a.pm-account-tile { display: grid; place-items: center; min-width: 44px; min-height: 44px; touch-action: pan-y; margin: 0; padding: 0; background: transparent; border: 0; text-decoration: none; text-transform: none; color: #252334; }
  #pm-account-menu .pm-account-icon { position: relative; display: grid; place-items: center; box-sizing: border-box; width: 36px; height: 36px; border: 1px solid #f3bfd4; border-radius: 12px; background: #fff; color: #252334; box-shadow: 0 2px 6px rgb(143 17 69 / 8%); transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease; }
  #pm-account-menu .pm-account-login .pm-account-icon { color: #16804a; }
  #pm-account-menu .pm-account-logout .pm-account-icon { color: #c52a3d; }
  #pm-account-menu svg.pm-account-power { width: 20px; height: 20px; stroke-width: 2.2; }
  #pm-account-menu svg { display: block; width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
  #pm-account-menu .pm-account-count { position: absolute; top: -5px; right: -6px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 18px; height: 18px; padding: 0 3px; border: 2px solid #fff; border-radius: 10px; background: #fb036d; color: #fff; font-size: 9px; font-weight: 700; line-height: 1; white-space: nowrap; box-shadow: 0 1px 3px rgb(143 17 69 / 12%); }
  #pm-account-menu a:focus-visible, #pm-account-menu button:focus-visible, #pm-account-toggle:focus-visible { outline: 2px solid #c40754; outline-offset: 4px; }
  #pm-account-menu a:hover .pm-account-icon, #pm-account-menu a:focus-visible .pm-account-icon { background: #fff5f9; border-color: #ed8fb6; box-shadow: 0 3px 8px rgb(143 17 69 / 12%); }
}
@media (prefers-reduced-motion: reduce) { #pm-account-menu, #pm-account-toggle { transition: none; } }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .pm-account-swipe-edge { position: fixed; left: 0; top: 0; bottom: 0; z-index: 999999; width: 12px; touch-action: pan-y; }
  #pm-account-menu { touch-action: pan-y; }
}