/* ── SEARCH ──────────────────────────────────────────── */
.search-card { margin-bottom:12px }
.search-bar-row { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:10px }
.search-stats-pills { display:flex; gap:7px; flex-wrap:wrap }
.stat-pill { font-size:12px; color:var(--text3); padding:3px 9px; background:var(--surface2); border-radius:20px }
.stat-pill strong { color:var(--text) }
.search-tabs { display:flex; gap:3px; flex-wrap:wrap }
.stab {
  padding:5px 12px; border-radius:var(--r-sm); border:1px solid transparent;
  background:transparent; color:var(--text3); font-size:12.5px; font-weight:500;
  cursor:pointer; transition:all var(--t); font-family:inherit;
}
.stab:hover  { background:var(--surface2); color:var(--text2) }
.stab.active { background:rgba(155,109,255,.09); color:var(--accent); border-color:rgba(155,109,255,.15) }

/* ── SEARCH RESULT USER CARD ─────────────────────────── */
.search-user-card {
  background:var(--surface); border:1px solid var(--border);
  border-radius:var(--r-lg); padding:16px 20px; margin-bottom:12px;
  display:flex; align-items:stretch; gap:0;
}
/* Three info blocks, separated by vertical lines */
.search-info-block { display:flex; flex-direction:column; flex:1; min-width:0; padding:0 18px }
.search-info-block:first-child { padding-left:0; flex:0 0 auto; min-width:140px; max-width:200px }
.search-info-block:last-child  { padding-right:0 }
.search-section-title {
  font-size:10px; font-weight:700; color:var(--text3);
  text-transform:uppercase; letter-spacing:.7px; margin-bottom:9px;
}
.search-section-value { font-size:13px; color:var(--text2) }
.search-separator { width:1px; background:var(--border); flex-shrink:0; margin:0 2px }

/* User head: avatar LEFT + text RIGHT (horizontal) */
.search-user-head { display:flex; flex-direction:row; align-items:flex-start; gap:12px }
/* Search avatar: fixed 48×48 */
.search-user-avatar {
  width:48px; height:48px; min-width:48px; max-width:48px;
  min-height:48px; max-height:48px;
  border-radius:50%; flex-shrink:0; overflow:hidden;
  background:var(--surface2);
  display:flex; align-items:center; justify-content:center;
  font-size:16px; font-weight:700; color:var(--text2);
}
img.search-user-avatar {
  display:block; width:48px; height:48px; max-width:48px; max-height:48px;
  object-fit:cover; border-radius:50%;
}
.search-user-meta { flex:1; min-width:0 }
.search-user-name-row { display:flex; align-items:center; gap:8px; margin-bottom:3px }
.search-user-name     { font-size:14px; font-weight:700; color:var(--text) }
.search-user-badge    { font-size:10px; color:var(--text3) }
.search-user-sub {
  display:flex; align-items:center; gap:5px;
  color:var(--text3); font-size:12px; margin-bottom:2px;
}
/* Discord icon: inline small */
.search-discord-icon {
  width:14px; height:14px; min-width:14px; max-width:14px;
  min-height:14px; max-height:14px;
  display:inline-block; vertical-align:middle; flex-shrink:0; color:var(--accent);
}
.search-user-id { font-family:'Space Mono',monospace; font-size:11px; color:var(--text3) }

/* Statistics block */
.search-stat-list  { display:flex; flex-direction:column; gap:7px }
.search-stat-row   { display:flex; align-items:center; gap:10px }
.search-stat-icon  {
  width:26px; height:26px; border-radius:var(--r-sm);
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.search-stat-icon.blue   { background:rgba(167,139,250,.1);  color:#a78bfa }
.search-stat-icon.green  { background:rgba(35,211,165,.1);  color:var(--green) }
.search-stat-icon.orange { background:rgba(251,146,60,.1);  color:var(--orange) }
.search-stat-icon.purple { background:rgba(192,132,252,.1); color:var(--purple) }
.search-stat-icon svg    { width:12px; height:12px }
.search-stat-label { font-size:11px; color:var(--text3) }
.search-stat-value { font-size:13px; font-weight:600; color:var(--text) }
.search-layout { display:grid; grid-template-columns:240px 1fr; gap:12px }
@media(max-width:1000px) { .search-layout { grid-template-columns:1fr } }

/* Messages / voice / profile records */
.message-day-group { margin-bottom:14px }
.message-day-label {
  font-size:11px; font-weight:700; color:var(--text3);
  text-transform:uppercase; letter-spacing:.5px;
  margin-bottom:7px; padding-bottom:6px; border-bottom:1px solid var(--border);
}
.message-record {
  padding:9px 12px; border-radius:var(--r-sm); margin-bottom:3px;
  background:var(--surface); border:1px solid var(--border); transition:border-color var(--t);
}
.message-record:hover { border-color:rgba(155,109,255,.2) }
.message-record-head    { display:flex; align-items:center; justify-content:space-between; margin-bottom:3px; gap:8px }
.message-record-guild   { font-size:12px; font-weight:600; color:var(--accent) }
.message-record-date    { font-size:11px; color:var(--text3); flex-shrink:0 }
.message-record-channel { font-size:12px; color:var(--text3); margin-bottom:3px }
.message-record-content { font-size:13px; color:var(--text); line-height:1.5 }
.voice-record, .profile-record {
  padding:9px 12px; border-radius:var(--r-sm); margin-bottom:3px;
  background:var(--surface); border:1px solid var(--border);
}
.voice-record-head { display:flex; align-items:center; gap:8px; justify-content:space-between; margin-bottom:5px }
.voice-event-type  { display:flex; align-items:center; gap:5px; font-size:12.5px; font-weight:600 }
.voice-event-type svg { width:13px; height:13px }
.voice-join { color:var(--green) }  .voice-leave { color:var(--red) }  .voice-move { color:var(--accent) }
.profile-record-head  { display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:12px; color:var(--text3) }
.profile-record-value { font-size:13px; color:var(--text); margin-top:4px }
.pagination-row { display:flex; align-items:center; justify-content:center; gap:7px; margin-top:12px; flex-wrap:wrap }
.page-btn {
  padding:5px 11px; border-radius:var(--r-sm); border:1px solid var(--border);
  background:transparent; color:var(--text2); font-family:inherit; font-size:12px; cursor:pointer; transition:all var(--t);
}
.page-btn:hover, .page-btn.active { background:rgba(155,109,255,.09); color:var(--accent); border-color:rgba(155,109,255,.18) }
.page-btn:disabled { opacity:.35; cursor:not-allowed }
.page-info { font-size:12px; color:var(--text3) }
.server-sidebar { background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); padding:12px; margin-bottom:10px }
.server-sidebar-item {
  display:flex; align-items:center; gap:9px; padding:7px;
  border-radius:var(--r-sm); cursor:pointer; transition:background var(--t);
}
.server-sidebar-item:hover, .server-sidebar-item.active { background:rgba(155,109,255,.07) }
.server-icon-small {
  width:32px; height:32px; border-radius:7px; flex-shrink:0; overflow:hidden;
  background:var(--surface2); display:flex; align-items:center; justify-content:center;
}
img.server-icon-small { width:32px; height:32px; max-width:32px; object-fit:cover; display:block; border-radius:7px }
.server-icon-small.fallback { font-size:11px; font-weight:700; color:var(--text2) }
.server-sidebar-name  { font-size:12.5px; font-weight:500; color:var(--text) }
.server-sidebar-count { font-size:11px; color:var(--text3) }
