/* Bildirim zili (üst menü) */
.bildirim-zili {
    position: relative;
    margin-left: auto;
    margin-right: .5rem;
}
@media (min-width: 992px) {
    .bildirim-zili { order: 10; margin-left: .5rem; margin-right: 0; }
}
.bildirim-zili-buton {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--card);
    color: var(--foreground);
    cursor: pointer;
}
.bildirim-zili-buton:hover { background: var(--accent); }
.bildirim-zili-buton:focus-visible { outline: 3px solid var(--ring); outline-offset: 2px; }
.bildirim-zili-rozet {
    position: absolute;
    top: -.35rem;
    right: -.35rem;
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 .3rem;
    border-radius: 999px;
    background: var(--destructive);
    color: #fff;
    font-size: .6875rem;
    font-weight: 600;
    line-height: 1.25rem;
    text-align: center;
}
.bildirim-zili-panel {
    position: absolute;
    top: calc(100% + .5rem);
    right: 0;
    z-index: 1050;
    width: min(22rem, calc(100vw - 2rem));
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--popover);
    color: var(--popover-foreground);
    box-shadow: var(--shadow-md);
}
.bildirim-zili-baslik {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .75rem 1rem;
    border-bottom: 1px solid var(--border);
}
.bildirim-zili-baslik a { color: var(--brand-strong); font-size: .8125rem; }
.bildirim-zili-bos { margin: 0; padding: 1rem; color: var(--muted-foreground); font-size: .875rem; }
.bildirim-zili-panel ul { list-style: none; margin: 0; padding: 0; max-height: 22rem; overflow-y: auto; }
.bildirim-zili-panel li + li { border-top: 1px solid var(--border); }
.bildirim-zili-panel li a {
    display: grid;
    gap: .125rem;
    padding: .75rem 1rem;
    color: inherit;
    text-decoration: none;
}
.bildirim-zili-panel li a:hover { background: var(--accent); }
.bildirim-zili-satir-baslik { font-weight: 600; font-size: .875rem; }
.bildirim-zili-satir-mesaj { font-size: .8125rem; color: var(--muted-foreground); }
.bildirim-zili-panel time { font-size: .75rem; color: var(--muted-foreground); }

/* Bildirim merkezi */
.bildirim-sekmeler { display: flex; gap: .5rem; border-bottom: 1px solid var(--border); flex-wrap: wrap; }
.bildirim-sekmeler button {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .6rem .9rem;
    border: 0;
    border-bottom: 2px solid transparent;
    background: none;
    color: var(--muted-foreground);
    font-weight: 500;
    cursor: pointer;
}
.bildirim-sekmeler button.aktif { color: var(--foreground); border-bottom-color: var(--brand); }
.bildirim-sekme-rozet {
    padding: 0 .4rem;
    border-radius: 999px;
    background: var(--destructive);
    color: #fff;
    font-size: .75rem;
}
.bildirim-filtre { display: inline-flex; align-items: center; gap: .4rem; margin: 0; }
.bildirim-bos { display: grid; justify-items: center; gap: .5rem; padding: 2rem; color: var(--muted-foreground); }
.bildirim-bos p { margin: 0; }
.bildirim-liste { list-style: none; margin: 0; padding: 0; }
.bildirim-liste li + li { border-top: 1px solid var(--border); }
.bildirim-liste a {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: .75rem;
    align-items: start;
    padding: .9rem 1rem;
    color: inherit;
    text-decoration: none;
}
.bildirim-liste a:hover { background: var(--accent); }
.bildirim-nokta { width: .55rem; height: .55rem; margin-top: .4rem; border-radius: 999px; background: transparent; }
.bildirim-liste .okunmamis .bildirim-nokta { background: var(--brand); }
.bildirim-liste .okunmamis strong { font-weight: 700; }
.bildirim-liste .okundu { color: var(--muted-foreground); }
.bildirim-icerik { display: grid; gap: .15rem; min-width: 0; }
.bildirim-icerik small { color: var(--warning); }
.bildirim-zaman { font-size: .8125rem; color: var(--muted-foreground); white-space: nowrap; }
@media (max-width: 575px) {
    .bildirim-liste a { grid-template-columns: auto 1fr; }
    .bildirim-zaman { grid-column: 2; }
}

.bildirim-kanallar { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }
.bildirim-kanal { display: grid; gap: .75rem; padding: 1rem; }
.bildirim-kanal header { display: flex; align-items: center; gap: .75rem; }
.bildirim-kanal h2 { margin: 0; font-size: 1rem; }
.bildirim-kanal fieldset { display: grid; gap: .4rem; margin: 0; padding: 0; border: 0; min-width: 0; }
.bildirim-kanal fieldset label { margin: 0; }
.bildirim-kanal fieldset .btn { justify-self: start; margin-top: .25rem; }
.bildirim-kanal-ikon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--radius);
    background: var(--brand-soft);
    color: var(--brand-strong);
}
.bildirim-kanal-durum { font-size: .75rem; color: var(--muted-foreground); }
.bildirim-kanal-aktif { display: inline-flex; align-items: center; gap: .4rem; }

/* Bildirim detayı */
.bildirim-geri { color: var(--brand-strong); font-size: .875rem; }
.bildirim-ozet {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: .75rem;
    margin: 0;
}
.bildirim-ozet div { padding: .75rem 1rem; border: 1px solid var(--border); border-radius: var(--radius); background: var(--card); }
.bildirim-ozet dt { font-size: .75rem; font-weight: 500; color: var(--muted-foreground); }
.bildirim-ozet dd { margin: .15rem 0 0; font-weight: 600; overflow-wrap: anywhere; }
.bildirim-alt-baslik { margin: .5rem 0 0; font-size: 1.05rem; }

/* Dashboard kota uyarısı */
.musteri-kota-uyari { margin: .75rem 0 0; }