/* ================= Папки, черновики, поиск ================= */
.ox-folders { display:flex; gap:6px; overflow-x:auto; padding:2px 12px 8px; scrollbar-width:none; -webkit-overflow-scrolling:touch; flex-shrink:0; }
.ox-folders::-webkit-scrollbar { display:none; }
.ox-folders:empty { display:none; }
.ox-folder { flex-shrink:0; display:inline-flex; align-items:center; gap:6px; padding:7px 13px; border-radius:16px; background:var(--panel2); color:var(--muted); font-size:13.5px; font-weight:700; border:1px solid transparent; white-space:nowrap; -webkit-user-select:none; user-select:none; }
.ox-folder.active { background:var(--accent-soft); color:var(--accent); border-color:color-mix(in srgb, var(--accent) 35%, transparent); }
:root[data-theme="dark"] .ox-folder.active { color:#C9B8FF; }
.ox-folder i { font-style:normal; min-width:18px; height:18px; padding:0 5px; border-radius:9px; background:var(--accent); color:#fff; font-size:11px; line-height:18px; text-align:center; }
.ox-folder:not(.active) i { background:var(--muted); }
.ox-folder.add { padding:7px 11px; font-size:15px; }
.ox-draft { color:var(--danger); font-weight:700; }

.ox-folder-modal { width:400px; max-width:calc(100vw - 24px); max-height:86vh; display:flex; flex-direction:column; }
.ox-folder-hint { font-size:12.5px; font-weight:800; color:var(--muted); margin:14px 4px 6px; }
#ox-folder-chats { overflow-y:auto; max-height:44vh; margin:0 -6px; padding:0 6px; }
.ox-fchat { display:flex; align-items:center; gap:10px; padding:7px 4px; cursor:pointer; border-radius:12px; }
.ox-fchat:hover { background:var(--panel2); }
.ox-fchat input { width:20px; height:20px; accent-color:var(--accent); flex-shrink:0; }
.ox-fchat .avatar { width:36px; height:36px; font-size:16px; flex-shrink:0; }
.ox-fchat-name { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600; }

#ox-chat-search { display:none; align-items:center; gap:6px; padding:8px 10px; background:var(--panel); border-bottom:1px solid var(--border); }
#ox-chat-search.open { display:flex; }
#ox-chat-search-input { flex:1; min-width:0; padding:9px 14px; border-radius:18px; border:1px solid var(--border); background:var(--panel2); color:var(--text); font:inherit; font-size:15px; }
#ox-chat-search-input:focus { outline:none; border-color:var(--accent); }
#ox-chat-search-count { font-size:12.5px; color:var(--muted); white-space:nowrap; font-variant-numeric:tabular-nums; }
#ox-chat-search button { width:34px; height:34px; border-radius:10px; color:var(--muted); font-size:13px; flex-shrink:0; }
#ox-chat-search button:hover { background:var(--panel2); color:var(--text); }
.msg-row.ox-hit .msg { box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 45%, transparent); }
.msg-row.ox-hit-cur .msg { box-shadow:0 0 0 3px #FFB547; }

#ox-msg-results { padding-bottom:8px; }
.ox-ms-title { font-size:12.5px; font-weight:800; color:var(--muted); text-transform:uppercase; letter-spacing:.4px; margin:10px 20px 6px; }
.ox-ms-wait { color:var(--muted); font-size:13.5px; padding:6px 20px 10px; }
.ox-ms-row mark { background:color-mix(in srgb, #FFB547 45%, transparent); color:inherit; border-radius:3px; padding:0 1px; }
.ox-ms-who { color:var(--text); font-weight:600; }
/* Шапка чата: на телефоне — звонки на виду, остальное в «⋯» */
#chat-more-btn { display:none; }
@media (max-width: 600px) {
  #chat-header #chat-search-btn, #chat-header #wallpaper-btn, #chat-header #security-code-btn { display:none !important; }
  #chat-header #chat-more-btn { display:inline-flex; }
  #chat-header { gap:6px; }
  #chat-header .icon-btn { width:40px; height:40px; flex-shrink:0; }
}