/* ============================================================
   menu.css — dropdown menus + server select modal
   (complements style.css; the header uses .dropdown-panel)
   ============================================================ */

/* dropdown reveal animation */
.dropdown-panel { animation: dd-in .14s ease-out; }
@keyframes dd-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }

/* legacy pull-down ids (kept harmless if app.js targets them) */
.pulldown_user_link, .pulldow_lang_link {
    position: absolute; top: calc(100% + .55rem); right: 0; min-width: 190px;
    background: var(--surface); border: 1px solid var(--border);
    border-radius: var(--radius); box-shadow: var(--shadow-lg); padding: .35rem; z-index: 60;
}
.pulldown_user_link a, .pulldow_lang_link a {
    display: block; padding: .5rem .7rem; border-radius: var(--radius-sm);
    color: var(--text-muted); font-size: .85rem; font-weight: 500;
}
.pulldown_user_link a:hover, .pulldow_lang_link a:hover { background: var(--elevated); color: var(--white); }

/* server select grid inside #select_server modal */
#select_server .modal-body select { width: 100%; }
#switch_server { width: 100%; }

/* server select box rendered by DMN (server_select_box) */
.server-select-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.server-select-list li a {
    display: flex; align-items: center; gap: .6rem;
    padding: .65rem .8rem; border-radius: var(--radius); border: 1px solid var(--border);
    background: var(--elevated); color: var(--text); font-weight: 600;
}
.server-select-list li a:hover { border-color: var(--primary-40); color: var(--white); }