/* ── بحث الدردشة ── */
.ss-bar {
    display:flex; gap:8px; margin-bottom:10px;
}
.ss-input {
    flex:1; padding:10px 14px; border-radius:10px;
    border:1.5px solid var(--border); background:var(--card2);
    color:var(--text); font-size:14px; outline:none; transition:border-color .15s;
}
.ss-input:focus { border-color:#0891b2; }

.ss-search-btn {
    padding:10px 16px; border-radius:10px; background:#0891b2;
    color:#fff; border:none; font-size:14px; cursor:pointer; transition:opacity .15s;
    display:flex; align-items:center; gap:6px; font-weight:700; flex-shrink:0;
}
.ss-search-btn:hover { opacity:.88; }
.ss-search-btn:disabled { opacity:.5; cursor:not-allowed; }

.ss-filters {
    display:flex; gap:8px; margin-bottom:14px;
}
.ss-filter-input {
    flex:1; padding:8px 12px; border-radius:8px;
    border:1.5px solid var(--border); background:var(--card2);
    color:var(--text); font-size:12px; outline:none; transition:border-color .15s;
}
.ss-filter-input:focus { border-color:#0891b2; }

/* ── نتائج البحث ── */
.ss-results { display:flex; flex-direction:column; gap:8px; }
.ss-result {
    border-radius:12px; padding:12px 14px;
    background:var(--card2); border:1.5px solid var(--border);
    transition:border-color .15s; cursor:default;
}
.ss-result:hover { border-color:#0891b2; }
.ss-result-head { display:flex; align-items:center; gap:8px; margin-bottom:6px; }
.ss-result-av   { width:28px; height:28px; border-radius:50%; object-fit:cover; background:var(--border); flex-shrink:0; }
.ss-result-name { font-size:12px; font-weight:800; color:var(--text); }
.ss-result-time { font-size:11px; color:var(--muted); margin-right:auto; }
.ss-result-body { font-size:13px; color:var(--text); line-height:1.5; }
.ss-highlight { background:rgba(8,145,178,.25); color:#0891b2; border-radius:3px; padding:0 2px; font-weight:700; }

.ss-meta {
    display:flex; justify-content:space-between; align-items:center;
    font-size:11px; color:var(--muted); margin-bottom:12px;
}
.ss-count { font-weight:700; color:#0891b2; }

.ss-empty { text-align:center; padding:28px; color:var(--muted); }
.ss-empty i { font-size:36px; display:block; margin-bottom:10px; opacity:.4; color:#0891b2; }
.ss-empty p { font-size:13px; margin:0; }

.ss-hint { text-align:center; padding:20px; color:var(--muted); font-size:13px; }
.ss-hint i { font-size:28px; display:block; margin-bottom:8px; color:#0891b2; opacity:.5; }