/* Üst menüdeki "Tahminler & Listeler" açılır menüsü */
.topbar nav .nav-menu-toggle {
    gap: 6px;
    border: 0;
    background: transparent;
    font-family: inherit;
    cursor: pointer;
}

.nav-menu-count {
    display: inline-grid;
    place-items: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 9px;
    background: #ef4444;
    color: #ffffff;
    font-size: 10.5px;
    font-weight: 800;
    line-height: 1;
}

.nav-menu-caret {
    width: 13px;
    height: 13px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform .15s ease;
}

.nav-menu-toggle[aria-expanded="true"] .nav-menu-caret {
    transform: rotate(180deg);
}

.nav-menu-panel {
    position: absolute;
    top: calc(100% - 4px);
    left: 0;
    z-index: 60;
    min-width: 230px;
    padding: 6px;
    border: 1px solid #dbe5ec;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 18px 40px rgba(18, 35, 46, .18);
}

.nav-menu-panel[hidden] {
    display: none;
}

.nav-menu-panel a {
    display: block;
    padding: 11px 14px;
    border-radius: 8px;
    color: #334155;
    font-size: 13.5px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.nav-menu-panel a + a {
    margin-top: 2px;
    border-top: 1px solid #eef2f6;
}

/* light-theme.css üst çubuktaki her a:hover/a.active için açık yeşil yazı veriyor;
   panel beyaz olduğundan burada koyu yeşille eziliyor. */
.advanced-topbar .nav-menu-panel a:hover,
.advanced-topbar .nav-menu-panel a:focus-visible,
.advanced-topbar .nav-menu-panel a.active {
    background: #eefaf5 !important;
    color: #047857 !important;
    outline: 0;
}