/* YARDIM BALONU (24.09) — js/help-bubble.js. Modal arka planının (1050) ALTINDA kalır: açık pencereyi örtmez. */
#hb-fab {
    position: fixed; right: 1.25rem; bottom: 1.25rem; z-index: 1040;
    display: inline-flex; align-items: center; padding: .55rem .95rem;
}
#hb-fab .hb-dot {
    position: absolute; top: .15rem; right: .15rem; width: .7rem; height: .7rem; border-radius: 50%;
    background: var(--bs-danger); border: 2px solid var(--bs-paper-bg, #fff);
}
#hb-panel {
    position: fixed; right: 1.25rem; bottom: 4.6rem; z-index: 1040;
    width: 380px; max-width: calc(100vw - 2rem); height: 560px; max-height: calc(100vh - 6.5rem);
    display: flex; flex-direction: column;
}
#hb-panel.d-none { display: none !important; }
#hb-log { overflow-y: auto; flex: 1 1 auto; }
#hb-panel .hb-msg { border-radius: .6rem; padding: .55rem .75rem; margin-bottom: .6rem; font-size: .875rem; line-height: 1.45; }
#hb-panel .hb-bot { background: var(--bs-body-bg, #f5f5f9); }
#hb-panel .hb-me { background: var(--bs-primary); color: #fff; margin-left: 2.5rem; text-align: right; }
#hb-panel .hb-chips { display: flex; flex-wrap: wrap; gap: .35rem; margin-bottom: .25rem; }
#hb-panel .hb-chip { white-space: normal; text-align: left; }
@media (max-width: 575.98px) {
    #hb-fab .hb-label { display: none; }
    #hb-panel { right: 1rem; left: 1rem; width: auto; bottom: 4.4rem; }
}