/* BankPricer — Shared Nav Dropdown Styles */
.nav-dropdown { position: relative; }
.nav-dropdown-trigger {
  background: none; border: none; cursor: pointer;
  font-family: inherit; font-size: 15px; font-weight: 500;
  color: var(--ink-muted); padding: 6px 10px; border-radius: 6px;
  display: flex; align-items: center; gap: 4px;
  transition: color 0.15s, background 0.15s;
}
.nav-dropdown-trigger:hover, .nav-dropdown-trigger.open { color: var(--purple); background: var(--purple-bg); }
.nav-dropdown-trigger .dd-chevron { transition: transform 0.2s; }
.nav-dropdown-trigger.open .dd-chevron { transform: rotate(180deg); }
.nav-dropdown-menu {
  display: none; position: absolute; top: calc(100% + 8px); left: 0;
  background: #fff; border: 1px solid var(--border); border-radius: 12px;
  box-shadow: 0 8px 32px rgba(15,34,64,0.12); padding: 8px; min-width: 260px; z-index: 999;
}
.nav-dropdown.open .nav-dropdown-menu { display: block; }
.nav-dd-item { display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px; border-radius: 8px; text-decoration: none; transition: background 0.12s; }
.nav-dd-item:hover { background: var(--purple-bg); }
.nav-dd-icon { width: 32px; height: 32px; min-width: 32px; background: var(--purple-bg); border-radius: 8px; display: flex; align-items: center; justify-content: center; }
.nav-dd-icon svg { width: 16px; height: 16px; }
.nav-dd-title { font-size: 13px; font-weight: 600; color: var(--ink); }
.nav-dd-item:hover .nav-dd-title { color: var(--ink); }
.nav-dd-desc { font-size: 11px; color: var(--ink-muted); margin-top: 2px; line-height: 1.4; }
.nav-flat-link { font-size: 15px; font-weight: 500; color: var(--ink-muted); padding: 6px 10px; border-radius: 6px; text-decoration: none; transition: color 0.15s, background 0.15s; }
.nav-flat-link:hover { color: var(--purple); background: var(--purple-bg); }