﻿/* ===== Admin-only crisp typography & table contrast ===== */
.admin-page {
    --admin-fg: #e9eef6;
    --admin-fg-muted: #b7c0ca;
    --admin-border: rgba(255,255,255,.08);
    --admin-row: rgba(255,255,255,.03);
    --admin-row-alt: rgba(255,255,255,.05);
    --admin-row-hover: rgba(255,255,255,.08);
    color: var(--admin-fg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

    /* Kill any softening/glow that leaks in */
    .admin-page * {
        text-shadow: none !important;
        filter: none !important;
    }

    /* Headings */
    .admin-page h2 {
        font-weight: 700;
        letter-spacing: .2px;
        margin-bottom: .75rem;
    }

    /* Tables */
    .admin-page .table {
        border-color: var(--admin-border);
        color: var(--admin-fg);
    }

        .admin-page .table thead th {
            font-weight: 600;
            color: var(--admin-fg);
            border-bottom-color: var(--admin-border);
        }

        .admin-page .table tbody tr {
            background: var(--admin-row);
        }

            .admin-page .table tbody tr:nth-child(odd) {
                background: var(--admin-row-alt);
            }

            .admin-page .table tbody tr:hover {
                background: var(--admin-row-hover);
            }

    /* Inputs */
    .admin-page .form-control,
    .admin-page .form-select {
        background-color: rgba(255,255,255,.02);
        border-color: var(--admin-border);
        color: var(--admin-fg);
    }

        .admin-page .form-control::placeholder {
            color: var(--admin-fg-muted);
        }

    /* Buttons (keep your brand teal) */
    .admin-page .btn-primary {
        background-image: linear-gradient(180deg, #17b3a8, #149e91);
        border-color: #118a80;
    }

    .admin-page .btn-outline-primary {
        color: #14d3c4;
        border-color: rgba(20,211,196,.6);
    }

        .admin-page .btn-outline-primary:hover {
            background: rgba(20,211,196,.12);
            border-color: #14d3c4;
            color: #14d3c4;
        }

    /* Thread view message log */
    .admin-page #admin-chat {
        height: 55vh;
        overflow: auto;
        background: rgba(255,255,255,.02);
        border: 1px solid var(--admin-border);
        border-radius: 12px;
        padding: 16px;
    }

    .admin-page #admin-text {
        background-color: rgba(255,255,255,.03);
        color: var(--admin-fg);
        border-color: var(--admin-border);
    }

        .admin-page #admin-text::placeholder {
            color: var(--admin-fg-muted);
        }
