@import "filters-LpKK0CJ.css";

/* ── Item track badges — champion / hero / mythic only ── */
.item-track {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.item-track--champion { background: rgba(255,193,7,0.2);  color: #ffc107; border: 1px solid rgba(255,193,7,0.35); }
.item-track--hero     { background: rgba(255,87,34,0.2);  color: #ff7043; border: 1px solid rgba(255,87,34,0.35); }
.item-track--mythic   { background: rgba(156,39,176,0.2); color: #ab47bc; border: 1px solid rgba(156,39,176,0.35); }

/* ── Pagination (same as admin/event-watcher) ── */
.admin-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 1.25rem;
    flex-wrap: wrap;
}
.admin-pagination__btn {
    padding: 6px 14px;
    border-radius: 8px;
    background: var(--bg-surface-1);
    border: 1px solid var(--border-subtle);
    color: var(--text-primary);
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s;
}
.admin-pagination__btn:hover       { border-color: var(--border-primary); background: var(--bg-primary-muted); }
.admin-pagination__btn--disabled   { opacity: 0.35; cursor: default; pointer-events: none; }
.admin-pagination__pages           { display: flex; gap: 4px; }
.admin-pagination__page {
    min-width: 34px;
    padding: 6px 10px;
    border-radius: 8px;
    background: var(--bg-surface-1);
    border: 1px solid var(--border-subtle);
    color: var(--text-muted);
    font-size: 0.85rem;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s;
}
.admin-pagination__page:hover      { border-color: var(--border-primary); color: var(--text-primary); }
.admin-pagination__page--active    { background: var(--bg-primary-hover); border-color: var(--border-primary-strong); color: var(--color-primary); }

/* ── ilvl ── */
.item-ilvl { font-weight: 600; color: var(--color-text-primary, #e2e8f0); font-size: 0.9rem; }

/* ── Boss cell ── */
.looted-boss-cell { display: flex; align-items: center; gap: 0.5rem; }
.looted-boss-icon { width: 28px; height: 28px; border-radius: 4px; border: 1px solid var(--border-subtle, rgba(255,255,255,0.1)); flex-shrink: 0; object-fit: cover; }

/* ── Date ── */
.looted-date { color: var(--text-muted); font-size: 0.85rem; white-space: nowrap; }

/* ── Set badge ── */
.item-set-badge { font-weight: 600; }

/* ── Character column ── */
.lr-char-cell {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.lr-char-name {
    font-weight: 600;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.lr-main-star {
    font-size: 0.65rem;
}

.lr-player-name {
    color: var(--text-muted);
    font-size: 0.75rem;
}