.adminPage .adminLogs.container{
    width: 92%;
    max-width: var(--container-max);
}
.adminLogs > .container{
    width: 92%;
    max-width: var(--container-max);
}

.adminPage{
    --radius: 16px;
    --radius-sm: 12px;
    --glass-1: color-mix(in oklab, var(--color-gray-soft) 92%, black);
    --glass-2: color-mix(in oklab, var(--color-gray-soft) 86%, black);
    --stroke: rgba(255,255,255,.10);
    --stroke-strong: rgba(255,255,255,.18);
    --shadow-lg: 0 18px 50px rgba(0,0,0,.5);
    --shadow-md: 0 12px 28px rgba(0,0,0,.32);
    --shadow-sm: 0 8px 20px rgba(0,0,0,.22);
    --container-max: 1280px;
    color: var(--color-text);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.adminPage--compact{ --container-max: 2000px; } 
.adminPage .container{ width: 92%; max-width: var(--container-max); margin: 0 auto; }

.glass{
    background: var(--glass-1);
    border: 1px solid var(--stroke);
    border-radius: var(--radius);
    box-shadow: var(--shadow-lg);
    backdrop-filter: blur(6px);
}
.glass-sm{
    background: var(--glass-2);
    border: 1px solid var(--stroke);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-sm);
}

.btn-ghost{
    display:inline-flex; align-items:center; gap:.4rem;
    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-ghost:hover{ filter:brightness(1.06); border-color:var(--stroke-strong); box-shadow:var(--shadow-sm); }
.btn-ghost:active{ transform: translateY(1px); }
.btn-ghost:focus-visible{ outline:2px solid var(--color-accent-light); outline-offset:3px; }

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

.h-title{ font-weight:900; letter-spacing:.2px; position:relative; display:inline-block; margin:0; }
.h-title::after{
    content:""; position:absolute; left:0; right:0; bottom:-6px; height:3px; border-radius:999px;
    background: linear-gradient(90deg, var(--color-accent), var(--color-accent-light)); opacity:.9;
}

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

.muted{ color: var(--color-text-muted); }
.small{ font-size:.92rem; }
.nowrap{ white-space:nowrap; }

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


.adminPage .adminReports.container,
.adminReports > .container{
    width: 92%;
    max-width: var(--container-max);
    margin: 0 auto;
}

.adminReports .reportsList{
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 12px 0;
}

.reportCard{
    background: var(--glass-2);
    border: 1px solid var(--stroke);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-md);
    overflow: hidden;
    transition: border-color .2s ease, box-shadow .2s ease, filter .2s ease;
}
.reportCard:hover{
    border-color: var(--stroke-strong);
    box-shadow: var(--shadow-lg);
    filter: brightness(1.02);
}

.reportCard__head{
    cursor: pointer;
    padding: 12px 14px;
}
.reportCard__title{
    display: flex;
    gap: 8px;
    align-items: center;
    margin: 0 0 6px;
    font-weight: 900;
    letter-spacing: .2px;
}

.reportCard__rows .row{
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin: 2px 0;
}
.reportCard__rows .lbl{
    color: var(--color-text-muted);
    font-size: .92rem;
    min-width: 10rem;
}
.reportCard__rows .val .pf{
    color: var(--color-text-muted);
    margin-left: 6px;
}

.chip{
    display: inline-flex;
    align-items: center;
    height: 1.4rem;
    padding: 0 .6rem;
    border-radius: 999px;
    font-size: .85rem;
    font-weight: 900;
    background: color-mix(in oklab, var(--color-accent-light) 12%, var(--glass-2));
    border: 1px solid var(--stroke);
    box-shadow: var(--shadow-sm);
}
.chip--accent{
    background: color-mix(in oklab, var(--color-accent-light) 18%, var(--glass-2));
}

.reportCard__body{
    border-top: 1px dashed var(--stroke);
    padding: 10px 14px;
    background: var(--glass-1);
}

.reportMsgs__inner{
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.msg{
    max-width: 75%;
    padding: 8px 10px;
    border-radius: 12px;
    line-height: 1.35;
    border: 1px solid var(--stroke);
    box-shadow: var(--shadow-sm);
    word-break: break-word;
}
.msg--left{
    align-self: flex-start;
    background: var(--glass-2);
}
.msg--right{
    align-self: flex-end;
    background: color-mix(in oklab, var(--color-accent-light) 14%, var(--glass-2));
}

.msg__meta{
    font-size: .82rem;
    color: var(--color-text-muted);
    margin-bottom: 4px;
}
.msg__text{ white-space: pre-wrap; word-break: break-word; }

.reportCard code{
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .9em;
    padding: 1px 6px;
    border-radius: 6px;
    background: var(--glass-1);
    border: 1px solid var(--stroke);
}

.reportMsgs__loading{ color: var(--color-text-muted); }

@media (max-width: 640px){
    .msg{ max-width: 92%; }
    .reportCard__rows .lbl{ min-width: 8.5rem; }
}

.copyWrap{ display:inline-flex; align-items:center; gap:6px; }
.btn-copy{
    display:inline-flex; align-items:center; justify-content:center;
    width:28px; height:28px; border-radius:8px;
    border:1px solid var(--stroke); background:var(--glass-1);
    color:var(--color-text); cursor:pointer;
    transition: border-color .2s, box-shadow .2s, filter .2s, transform .06s;
}
.btn-copy:hover{ border-color: var(--stroke-strong); box-shadow: var(--shadow-sm); filter: brightness(1.06); }
.btn-copy:active{ transform: translateY(1px); }
.btn-copy.copied{ outline:2px solid color-mix(in oklab, var(--color-accent-light) 50%, transparent); outline-offset:2px; }