/* ama v4 navigation panel */
.site-header { z-index: 100; }
.dropdown.open { position: absolute; top: 68px; left: 0; right: 0; z-index: 120; display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 30px; min-height: 214px; padding: 26px max(32px, calc((100% - 1180px) / 2)); background: #fff; border-top: 1px solid #edf0f4; border-bottom: 1px solid #dfe5ec; box-shadow: 0 16px 35px rgba(17, 43, 76, .14); }
.dropdown-title { display: flex; flex-direction: column; gap: 5px; padding-top: 7px; border-right: 1px solid #edf0f4; }
.dropdown-title strong { color: #20252d; font-size: 17px; line-height: 1.4; }
.dropdown-title span { color: #a0a8b3; font-size: 9px; letter-spacing: 1.25px; }
.dropdown-items { display: grid; grid-template-columns: repeat(2, minmax(245px, 1fr)); align-content: start; gap: 7px 24px; }
.dropdown-item { display: grid; grid-template-columns: 38px minmax(0, 1fr) 18px; align-items: center; gap: 12px; min-height: 62px; padding: 8px 11px; color: #3b424c; border: 1px solid transparent; transition: background .2s, border-color .2s, color .2s; }
.dropdown-item:hover { background: #f5f8fd; border-color: #e1e8f4; color: #0874ed; }
.dropdown-item img { width: 34px; height: 34px; border-radius: 8px; object-fit: cover; }
.dropdown-item span { display: flex; flex-direction: column; min-width: 0; }
.dropdown-item b { color: #252a32; font-size: 13px; line-height: 1.45; font-weight: 600; }
.dropdown-item small { overflow: hidden; color: #818a96; font-size: 11px; line-height: 1.55; white-space: nowrap; text-overflow: ellipsis; }
.dropdown-item i { color: #0874ed; font-style: normal; font-size: 16px; opacity: 0; transition: opacity .2s; }
.dropdown-item:hover i { opacity: 1; }
@media (max-width: 850px) { .dropdown.open { display: none; } }