/* =========================================================
   REINS — Messages CSS: Empty State (לא נבחרה שיחה)
   ---------------------------------------------------------
   מצב "לא נבחרה שיחה" — אייקון/הודעה/קישור להתחלת שיחה.
========================================================= */

.thread-not-selected.empty .empty{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    gap:6px;
    height:100%;
    color:var(--reins-text);
    opacity:.85;
}

.bpbm-empty-icon svg{
    width:64px;
    height:64px;
    color:var(--reins-border);
    opacity:.9;
}

.bpbm-empty-message{
    margin:6px 0 0;
    font-size:1em;
    font-weight:600;
}

.bpbm-empty-or{
    margin:0;
    font-size:.86em;
    opacity:.55;
}

.bpbm-empty-link a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:8px 18px;
    border-radius:var(--reins-radius-pill) !important;
    background-color:var(--reins-action-bg) !important;
    color:var(--reins-action-color) !important;
    border:1px solid var(--reins-action-border) !important;
    text-decoration:none !important;
    font-weight:600;
}

/* תוקן: היה color-6 על color-5 (3.77:1, נכשל AA לטקסט רגיל).
   עכשיו אותם טוקנים בדיוק כמו הכפתור הראשי הכללי באתר
   (reins-buttons.css) — 5.53:1, עובר AA, ואותה שפה עיצובית. */
.bpbm-empty-link a:hover{
    background-color:var(--reins-action-bg-hover) !important;
    border-color:var(--reins-action-bg-hover) !important;
}

@media(max-width:600px){
    .bpbm-empty-icon svg{
        width:48px;
        height:48px;
    }
}