/* Account navigation shares the homepage's three-line menu control. */
.dashboard-menu { position: relative; --ink: #112630; --paper: #fff; --line: rgba(17, 38, 48, .11); --line-strong: rgba(17, 38, 48, .18); --blue-deep: #087fa8; --control-shadow: 0 1px 2px rgba(17, 38, 48, .04), 0 3px 8px rgba(17, 38, 48, .04), inset 0 1px 1px rgba(255, 255, 255, .8); }
.dashboard-menu summary { display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid var(--line); border-radius: 14px; background: var(--paper); color: var(--ink); box-shadow: var(--control-shadow); cursor: pointer; list-style: none; }
.dashboard-menu summary::-webkit-details-marker { display: none; }
.dashboard-menu summary:hover { background: #f8fcfd; border-color: var(--line-strong); }
.dashboard-menu summary:focus-visible { outline: 2px solid var(--blue-deep); outline-offset: 4px; }
.dashboard-menu-icon, .dashboard-menu-icon::before, .dashboard-menu-icon::after { display: block; width: 18px; height: 2px; border-radius: 99px; background: currentColor; transition: transform .25s ease, opacity .25s ease; }
.dashboard-menu-icon { position: relative; }
.dashboard-menu-icon::before, .dashboard-menu-icon::after { content: ""; position: absolute; left: 0; }
.dashboard-menu-icon::before { top: -6px; }
.dashboard-menu-icon::after { top: 6px; }
.dashboard-menu[open] .dashboard-menu-icon { background: transparent; }
.dashboard-menu[open] .dashboard-menu-icon::before { top: 0; transform: rotate(45deg); }
.dashboard-menu[open] .dashboard-menu-icon::after { top: 0; transform: rotate(-45deg); }
.dashboard-menu-links { position: absolute; top: calc(100% + 10px); right: 0; width: 192px; padding: 6px; border: 1px solid var(--line); border-radius: 16px; background: var(--paper); box-shadow: 0 12px 32px rgba(17, 38, 48, .12); }
.dashboard-menu-links a { display: flex; min-height: 44px; align-items: center; padding: 0 14px; border-radius: 10px; color: var(--ink); font-size: 13px; font-weight: 550; text-decoration: none; }
.dashboard-menu-links a:hover, .dashboard-menu-links a:focus-visible { background: #eef5f7; }
.dashboard-menu-links a:focus-visible { outline-offset: -2px; }
.dashboard-menu-links a[hidden] { display: none; }

@media (prefers-reduced-motion: reduce) { .dashboard-menu-icon, .dashboard-menu-icon::before, .dashboard-menu-icon::after { transition: none; } }