/* Styles specifiques a resources/views/admin/likes-ratings/index.blade.php */

.tabs { display: flex; gap: 0.5rem; margin-bottom: 2rem; border-bottom: 1px solid var(--border); padding-bottom: 1px; }
.tab-link { padding: 0.75rem 1.5rem; border-radius: calc(10px * var(--radius-scale)) calc(10px * var(--radius-scale)) 0 0; border: 1px solid transparent; color: var(--text-muted); text-decoration: none; font-weight: 700; font-size: 0.9rem; transition: 0.2s; }
.tab-link:hover { color: var(--text-main); background: rgba(255,255,255,0.02); }
.tab-link.active { color: var(--primary); background: var(--card-bg); border: 1px solid var(--border); border-bottom-color: var(--card-bg); margin-bottom: -2px; }
.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 { display: flex; gap: 1rem; margin-bottom: 2rem; justify-content: space-between; align-items: center; }
.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; }
.stars { color: var(--warning); font-size: 0.85rem; }

.tab-icon-spacing { margin-right: 6px; }
.filter-banner { background: rgba(var(--primary-rgb), 0.05); border: 1px dashed rgba(var(--primary-rgb), 0.2); padding: 12px 18px; border-radius: calc(12px * var(--radius-scale)); margin-bottom: 2rem; display: flex; justify-content: space-between; align-items: center; }
.filter-banner-text { font-size: 0.9rem; }
.filter-banner-label { opacity: 0.6; }
.filter-banner-value { margin-left: 6px; color: var(--primary); }
.filter-banner-clear { text-decoration: none; color: var(--text-muted); font-size: 0.8rem; font-weight: 700; display: flex; align-items: center; gap: 6px; }

.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); }

.item-title-plain { font-weight: 700; font-size: 0.85rem; }
.badge-deleted { background: rgba(255,255,255,0.05); color: var(--text-muted); }
.star-empty { opacity: 0.3; }
.rating-count { margin-left: 6px; color: var(--text-main); }
.badge-like { background: rgba(var(--danger-rgb), 0.1); border: 1px solid rgba(var(--danger-rgb), 0.2); color: var(--danger); font-weight: 700; }

.empty-state-cell { padding: 4rem; }