/* _content/AltDetection.Web/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-6sj78bllnv] {
    display: flex;
    min-height: 100vh;
}

main[b-6sj78bllnv] {
    flex: 1;
}

.sidebar[b-6sj78bllnv] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

@media (max-width: 640.98px) {
    .top-row[b-6sj78bllnv] {
        justify-content: space-between;
    }

    .top-row[b-6sj78bllnv]  a, .top-row[b-6sj78bllnv]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-6sj78bllnv] {
        flex-direction: row;
    }

    .sidebar[b-6sj78bllnv] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-6sj78bllnv] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-6sj78bllnv]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-6sj78bllnv], article[b-6sj78bllnv] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/AltDetection.Web/Components/Pages/PlayerLogs.razor.rz.scp.css */
.search-section[b-q5ctmwnmup] {
    background: var(--card-bg, #1e1e2e);
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    border: 1px solid var(--border-color, #2e2e3e);
}

.search-bar[b-q5ctmwnmup] {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

.input-field[b-q5ctmwnmup] {
    flex: 1;
    padding: 0.6rem 1rem;
    border-radius: 6px;
    border: 1px solid var(--border-color, #3e3e4e);
    background: var(--input-bg, #16161e);
    color: var(--text-color, #cdd6f4);
    font-size: 0.95rem;
}

    .input-field:focus[b-q5ctmwnmup] {
        outline: none;
        border-color: var(--accent, #89b4fa);
    }

.btn[b-q5ctmwnmup] {
    padding: 0.6rem 1.25rem;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.9rem;
    white-space: nowrap;
}

.btn-primary[b-q5ctmwnmup] {
    background: var(--accent, #89b4fa);
    color: #11111b;
    font-weight: 600;
}

    .btn-primary:disabled[b-q5ctmwnmup] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.btn-link[b-q5ctmwnmup] {
    background: none;
    border: none;
    color: var(--accent, #89b4fa);
    cursor: pointer;
    font-size: 0.85rem;
    padding: 0;
}

    .btn-link:hover[b-q5ctmwnmup] {
        text-decoration: underline;
    }

.btn-link-small[b-q5ctmwnmup] {
    background: none;
    border: none;
    color: var(--text-muted, #a6adc8);
    cursor: pointer;
    font-size: 0.75rem;
    padding: 0;
}

    .btn-link-small:hover[b-q5ctmwnmup] {
        color: var(--accent, #89b4fa);
    }

.filter-section[b-q5ctmwnmup] {
    border-top: 1px solid var(--border-color, #2e2e3e);
    padding-top: 1rem;
}

.filter-header[b-q5ctmwnmup] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    font-weight: 600;
    color: var(--text-muted, #a6adc8);
    font-size: 0.9rem;
}

.filter-actions[b-q5ctmwnmup] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.separator[b-q5ctmwnmup] {
    color: var(--border-color, #3e3e4e);
    font-size: 0.8rem;
}

.category-grid[b-q5ctmwnmup] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0.75rem;
}

.category-card[b-q5ctmwnmup] {
    background: var(--input-bg, #16161e);
    border-radius: 6px;
    border: 1px solid var(--border-color, #2e2e3e);
    overflow: hidden;
}

.category-header[b-q5ctmwnmup] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0.75rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--text-color, #cdd6f4);
    border-left: 3px solid;
    background: rgba(255, 255, 255, 0.02);
}

.category-types[b-q5ctmwnmup] {
    padding: 0.4rem 0.75rem 0.6rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.checkbox-label[b-q5ctmwnmup] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    cursor: pointer;
    font-size: 0.82rem;
    color: var(--text-muted, #a6adc8);
}

    .checkbox-label:hover[b-q5ctmwnmup] {
        color: var(--text-color, #cdd6f4);
    }

    .checkbox-label input[type="checkbox"][b-q5ctmwnmup] {
        accent-color: var(--accent, #89b4fa);
    }

/* Results */
.results-section[b-q5ctmwnmup] {
    background: var(--card-bg, #1e1e2e);
    border-radius: 8px;
    border: 1px solid var(--border-color, #2e2e3e);
    overflow: hidden;
}

.results-header[b-q5ctmwnmup] {
    padding: 1rem 1.5rem;
    font-size: 0.9rem;
    color: var(--text-muted, #a6adc8);
    border-bottom: 1px solid var(--border-color, #2e2e3e);
}

.empty-state[b-q5ctmwnmup] {
    padding: 3rem;
    text-align: center;
    color: var(--text-muted, #a6adc8);
}

.log-table-wrapper[b-q5ctmwnmup] {
    max-height: 600px;
    overflow-y: auto;
}

.log-table[b-q5ctmwnmup] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.88rem;
}

    .log-table thead th[b-q5ctmwnmup] {
        text-align: left;
        padding: 0.75rem 1rem;
        font-weight: 600;
        color: var(--text-muted, #a6adc8);
        border-bottom: 1px solid var(--border-color, #2e2e3e);
        position: sticky;
        top: 0;
        background: var(--card-bg, #1e1e2e);
    }

    .log-table tbody tr[b-q5ctmwnmup] {
        border-bottom: 1px solid var(--border-color, rgba(46, 46, 62, 0.5));
    }

        .log-table tbody tr:hover[b-q5ctmwnmup] {
            background: rgba(137, 180, 250, 0.04);
        }

    .log-table td[b-q5ctmwnmup] {
        padding: 0.6rem 1rem;
        vertical-align: top;
    }

.timestamp-cell[b-q5ctmwnmup] {
    color: var(--text-muted, #a6adc8);
    font-family: monospace;
    font-size: 0.82rem;
    white-space: nowrap;
}

.message-cell[b-q5ctmwnmup] {
    word-break: break-word;
}

.log-type-badge[b-q5ctmwnmup] {
    display: inline-block;
    padding: 0.15rem 0.55rem;
    border-radius: 4px;
    font-size: 0.78rem;
    font-weight: 500;
    white-space: nowrap;
}

.badge-trade[b-q5ctmwnmup] {
    background: rgba(249, 226, 175, 0.15);
    color: #f9e2af;
}

.badge-vault[b-q5ctmwnmup] {
    background: rgba(148, 226, 213, 0.15);
    color: #94e2d5;
}

.badge-transfer[b-q5ctmwnmup] {
    background: rgba(137, 180, 250, 0.15);
    color: #89b4fa;
}

.badge-purchase[b-q5ctmwnmup] {
    background: rgba(166, 227, 161, 0.15);
    color: #a6e3a1;
}

.badge-item[b-q5ctmwnmup] {
    background: rgba(203, 166, 247, 0.15);
    color: #cba6f7;
}

.badge-claim[b-q5ctmwnmup] {
    background: rgba(116, 199, 236, 0.15);
    color: #74c7ec;
}

.badge-account[b-q5ctmwnmup] {
    background: rgba(180, 190, 254, 0.15);
    color: #b4befe;
}

.badge-default[b-q5ctmwnmup] {
    background: rgba(166, 173, 200, 0.15);
    color: #a6adc8;
}
