.adminLogs{ padding:22px 0 32px; }
.adminLogs .container{ width:90%; max-width:960px; margin:0 auto; }

.adminLogs__title{
    font-weight:900; letter-spacing:.2px; position:relative; display:inline-block;
    margin:0 0 8px;
}
.adminLogs__title::after{
    content:""; position:absolute; left:0; right:0; bottom:-6px; height:2px; border-radius:999px;
    background: linear-gradient(90deg, var(--color-accent), var(--color-accent-light)); opacity:.9;
}
.adminLogs__hint{ color:var(--color-text-muted); font-size:14px; margin-bottom:12px; }
.adminLogs__status{
    background:var(--glass-2); border:1px solid var(--stroke); border-radius:12px;
    padding:10px 12px; box-shadow:var(--shadow-sm); margin-bottom:12px;
}

.adminLogs__grid{
    display:grid; gap:16px; align-items:start;
    grid-template-columns: repeat(3, minmax(300px, 1fr));
}
@media (max-width:1000px){ .adminLogs__grid{ grid-template-columns: repeat(2, minmax(300px, 1fr)); } }
@media (max-width:640px){  .adminLogs__grid{ grid-template-columns: 1fr; } }

.adminLogs__col{
    position:relative; overflow:hidden; padding:16px;
    background: var(--glass-1); border: 1px solid var(--stroke);
    border-radius: var(--radius); box-shadow: var(--shadow-lg); backdrop-filter: blur(8px);
}
.adminLogs__col::before{
    content:""; position:absolute; inset:-2px -2px auto -2px; height:64px;
    background: linear-gradient(180deg, rgba(255,255,255,.06), transparent);
    pointer-events:none;
}

.adminLogs__colHeader{
    display:flex; align-items:center; justify-content:space-between;
    padding-bottom:10px; margin-bottom:12px; border-bottom:1px solid rgba(255,255,255,.08);
}
.adminLogs__colHeader h2{
    margin:0; font-size:1.05rem; font-weight:900; letter-spacing:.2px; position:relative; display:inline-block;
}
.adminLogs__colHeader h2::after{
    content:""; position:absolute; left:0; right:-6px; bottom:-4px; height:2px;
    background:linear-gradient(90deg, var(--color-accent-light), transparent); border-radius:999px; opacity:.9;
}

.severity-critical .adminLogs__colHeader h2::after{ background:linear-gradient(90deg, #ff6b6b, transparent); }
.severity-warning  .adminLogs__colHeader h2::after{ background:linear-gradient(90deg, var(--color-accent-light), transparent); }
.severity-info     .adminLogs__colHeader h2::after{ background:linear-gradient(90deg, var(--color-accent), transparent); }

.adminLogs__actions{ display:flex; align-items:center; gap:8px; }

.chip{
    display:inline-flex; align-items:center; justify-content:center; min-width:2rem; height:1.6rem; padding:0 .6rem;
    border-radius:999px; font-size:.9rem; font-weight:900; color:#111; background:var(--color-accent-light);
    box-shadow:0 6px 16px rgba(255,164,88,.25);
}
.btn-clear{
    display:inline-flex; align-items:center; gap:.35rem; padding:8px 12px; border-radius:12px; border:1px solid var(--stroke);
    background:var(--glass-2); color:var(--color-text); font-weight:800; font-size:.9rem; cursor:pointer;
    transition: transform .06s ease, filter .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.btn-clear:hover{ filter:brightness(1.06); border-color:var(--stroke-strong); box-shadow:var(--shadow-sm); }
.btn-clear:active{ transform: translateY(1px); }
.btn-clear:focus-visible{ outline:2px solid var(--color-accent-light); outline-offset:3px; }
.severity-critical .btn-clear{
    color:#111; background:var(--color-accent-light);
    background-image:linear-gradient(135deg, var(--color-accent-light) 0%, color-mix(in oklab, var(--color-accent-light) 80%, white) 100%);
    border-color:transparent; box-shadow:0 10px 24px rgba(255,164,88,.30);
}

.adminLogs__list{ display:flex; flex-direction:column; gap:10px; }

.logCard{
    position:relative; padding:12px 14px;
    background:var(--glass-2); border:1px solid var(--stroke);
    border-radius:14px; transition:border-color .2s, box-shadow .2s, background-color .2s, transform .06s;
}
.logCard:hover{ border-color: var(--stroke-strong); box-shadow: var(--shadow-md); }

.logCard::before{
    content:""; position:absolute; left:-1px; top:-1px; bottom:-1px; width:4px; border-radius:14px 0 0 14px;
    background: var(--log-accent, var(--color-accent));
}
.severity-critical .logCard{ --log-accent:#ff6b6b; }
.severity-warning  .logCard{ --log-accent:var(--color-accent-light); }
.severity-info     .logCard{ --log-accent:var(--color-accent); }

.logCard__head{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:6px; }
.logCard__left{ display:flex; align-items:center; gap:10px; min-width:0; }
.logCard__title{ display:flex; align-items:baseline; gap:4px; min-width:0; }
.logCard__title strong{ font-weight:900; }
.logCard__title .muted{ color: var(--color-text-muted); font-size:.92rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.logCard__time{ color: var(--color-text-muted); font-variant-numeric: tabular-nums; font-size:.92rem; white-space:nowrap; }

.logCard__body{ margin-top:4px; }
.logCard__msg{ white-space: pre-wrap; word-break: break-word; }

.logCard__extra{
    margin-top:8px; padding:10px 12px; border-radius:12px;
    background: linear-gradient(180deg, color-mix(in oklab, var(--color-accent-light) 12%, transparent), transparent), var(--glass-1);
    border:1px dashed rgba(255,255,255,.15); color: var(--color-text-muted);
    max-height:260px; overflow:auto; white-space: pre-wrap; word-break: break-word;
}
.logCard__extra::-webkit-scrollbar{ width:8px; height:8px; }
.logCard__extra::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.18); border-radius:6px; }
.logCard__extra::-webkit-scrollbar-track{ background: transparent; }

.pltf{ width:20px; height:20px; display:inline-block; vertical-align:middle; fill:currentColor; color:var(--color-accent);
    filter: drop-shadow(0 2px 6px rgba(0,0,0,.25)); }
.ico-tg{ color:#27a7e7; } .ico-discord{ color:#5865F2; } .ico-vk{ color:#2787F5; }
.ico-android{ color:#3DDC84; } .ico-apple{ color:#e6e6e6; } .ico-generic{ color:var(--color-accent); }

@media (prefers-reduced-motion: reduce){
    .logCard, .btn-clear{ transition:none; }
}