/* Styles specifiques a resources/views/admin/comments/index.blade.php */

.comment-content { max-width: 400px; white-space: pre-wrap; font-size: 0.85rem; color: var(--text-muted); line-height: 1.4; }
.filters { display: flex; gap: 1rem; margin-bottom: 2rem; }
.filter-select { padding: 0.6rem 1rem; border-radius: calc(10px * var(--radius-scale)); border: 1px solid var(--border); background: var(--card-bg); color: var(--text-main); font-family: inherit; }
.item-link { color: var(--primary); text-decoration: none; font-weight: 700; font-size: 0.85rem; display: flex; align-items: center; gap: 6px; }
.item-link:hover { text-decoration: underline; }
.item-type { font-size: 0.7rem; text-transform: uppercase; opacity: 0.5; font-weight: 900; letter-spacing: 0.5px; }

.filters-bar { justify-content: space-between; align-items: center; width: 100%; }
.filters-form { gap: 1rem; }
.user-row { display: flex; align-items: center; gap: 10px; }
.user-avatar-sm { width: 32px; height: 32px; border-radius: calc(50% * var(--radius-scale)); object-fit: cover; border: 1px solid var(--border); }
.user-name-link { font-size: 0.95rem; display: block; margin-bottom: 2px; }
.user-email-sm { font-size: 0.7rem; opacity: 0.5; }
.unknown-user { font-weight: 700; color: var(--text-muted); }
.badge-na { background: var(--bg-main); color: var(--text-muted); }
.empty-state-cell { padding: 4rem; }