/* ===== LOGS-SEITE ===== */
.log-filter-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.log-table-wrap {
    overflow-x: auto;
    margin-top: 0.85rem;
}

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

.log-table th {
    text-align: left;
    padding: 0.5rem 0.75rem;
    color: var(--text-muted);
    font-weight: 600;
    border-bottom: 2px solid var(--border);
    white-space: nowrap;
}

.log-table td {
    padding: 0.45rem 0.75rem;
    border-bottom: 1px solid var(--border);
    vertical-align: middle;
}

.log-table tbody tr:hover { background: var(--accent-muted); }

.log-time { color: var(--text-muted); white-space: nowrap; font-variant-numeric: tabular-nums; }
.log-ip   { font-family: ui-monospace, monospace; font-size: 0.82rem; }
.log-path { font-family: ui-monospace, monospace; font-size: 0.82rem; color: var(--text-muted); }
.log-user { font-weight: 600; }
.log-ua   { color: var(--text-muted); font-size: 0.8rem; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.log-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    background: var(--accent-muted);
    color: var(--nav-active);
}

.log-badge--visit          { background: rgba(124, 108, 248, 0.12); color: var(--nav-active); }
.log-badge--login          { background: rgba(76, 175, 80, 0.14);   color: #2f7d32; }
.log-badge--login_failed   { background: rgba(255, 107, 107, 0.14); color: #c0392b; }
.log-badge--register       { background: rgba(79, 172, 254, 0.14);  color: #0366a6; }
.log-badge--register_failed{ background: rgba(255, 107, 107, 0.12); color: #c0392b; }
.log-badge--admin          { background: rgba(255, 193, 7, 0.18);   color: #996600; }

body.dark-mode .log-badge--login        { color: #66bb6a; }
body.dark-mode .log-badge--login_failed { color: #ef5350; }
body.dark-mode .log-badge--register     { color: #4facfe; }
body.dark-mode .log-badge--admin        { color: #ffd700; }

.ip-bar-wrap {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 120px;
}

.ip-bar {
    height: 8px;
    background: var(--accent);
    border-radius: 4px;
    min-width: 2px;
    opacity: 0.7;
    flex-shrink: 0;
}

.ip-bar-label {
    font-size: 0.78rem;
    color: var(--text-muted);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.log-load-more {
    display: flex;
    gap: 0.6rem;
    justify-content: center;
    padding: 0.9rem 0 0.2rem;
    flex-wrap: wrap;
}