/* YouTube Comment Finder - comment rows, filter bar, exports. */

.ycf-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.ycf-head-main { min-width: 0; flex: 1 1 320px; }
.ycf-actions { display: flex; gap: 8px; flex: 0 0 auto; }
.ycf-actions .ghost-btn { font-size: 0.82rem; padding: 6px 12px; }

.ycf-bar { display: flex; align-items: flex-end; gap: 14px; flex-wrap: wrap; margin: 14px 0 12px; }
.ycf-filter-wrap { display: flex; flex-direction: column; gap: 4px; flex: 0 1 220px; }
.ycf-count { font-size: 0.8rem; padding-bottom: 9px; }

.ycf-rows { display: flex; flex-direction: column; }
.ycf-row { display: flex; gap: 10px; padding: 10px 0; border-bottom: 1px solid #eef0f3; }
.ycf-row:last-child { border-bottom: 0; }
.ycf-avatar { width: 36px; height: 36px; border-radius: 50%; background: #eef0f3; flex: 0 0 auto; object-fit: cover; }
.ycf-avatar-ph { display: inline-block; }
.ycf-row-main { min-width: 0; flex: 1 1 auto; }
.ycf-row-head { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.ycf-author { font-weight: 700; font-size: 0.86rem; color: #0b57d0; text-decoration: none; }
.ycf-author:hover { text-decoration: underline; }
.ycf-meta { font-size: 0.76rem; color: #9ca3af; }
.ycf-text { font-size: 0.88rem; color: #1f2937; margin-top: 3px; white-space: pre-wrap; word-break: break-word; }
.ycf-more-note { padding: 12px 0 4px; font-size: 0.82rem; }