/* ============================================================
   TIPNIX ADMIN CENTER
   ============================================================ */

.tnx-admin-kicker {
    margin-bottom: 7px;

    color: #858b94;

    font-size: 10px;
    font-weight: 850;

    letter-spacing: .12em;
    text-transform: uppercase;
}

.tnx-admin-header {
    align-items: center;
}

.tnx-admin-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 7px 12px;

    border-radius: 999px;

    background: #17191c;
    color: #ffffff;

    font-size: 12px;
    font-weight: 800;
}

.tnx-admin-stats {
    display: grid;

    grid-template-columns:
        repeat(
            4,
            minmax(
                0,
                1fr
            )
        );

    gap: 12px;

    margin-bottom: 22px;
}

.tnx-admin-stat {
    padding: 18px;

    border:
        1px solid
        #e5e8ec;

    border-radius: 14px;

    background: #ffffff;
}

.tnx-admin-stat span {
    display: block;

    margin-bottom: 5px;

    color: #777e88;

    font-size: 12px;
    font-weight: 700;
}

.tnx-admin-stat strong {
    display: block;

    color: #17191c;

    font-size: 28px;
    font-weight: 800;

    letter-spacing: -.04em;
}

.tnx-admin-grid {
    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(
                0,
                1fr
            )
        );

    gap: 14px;
}

.tnx-admin-card {
    position: relative;

    display: grid;

    grid-template-columns:
        42px
        minmax(
            0,
            1fr
        )
        24px;

    gap: 14px;

    align-items: center;

    color: inherit;

    text-decoration: none;

    transition:
        transform .15s ease,
        border-color .15s ease,
        box-shadow .15s ease;
}

.tnx-admin-card:hover {
    transform: translateY(-2px);

    border-color: #ccd1d8;

    box-shadow:
        0 10px 28px
        rgba(
            16,
            24,
            40,
            .08
        );
}

.tnx-admin-card h2 {
    margin: 0 0 5px;

    font-size: 17px;
}

.tnx-admin-card p {
    margin: 0;

    color: #747b85;

    font-size: 13px;
}

.tnx-admin-icon {
    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;

    background: #17191c;
    color: #ffffff;

    font-size: 14px;
    font-weight: 850;
}

.tnx-admin-arrow {
    color: #9aa0a9;

    font-size: 20px;

    transition:
        transform .15s ease;
}

.tnx-admin-card:hover
.tnx-admin-arrow {
    transform: translateX(3px);
}

.tnx-admin-playmoney {
    display: flex;
    flex-direction: column;
    gap: 4px;

    margin-top: 20px;

    color: #4d545e;
}

.tnx-admin-playmoney span {
    color: #7a818b;

    font-size: 13px;
}

.tnx-admin-status {
    display: inline-flex;

    padding: 4px 9px;

    border-radius: 999px;

    background: #f0f1f3;
    color: #616872;

    font-size: 11px;
    font-weight: 750;
}

.tnx-admin-status-on {
    background: #ecf8f1;
    color: #137a4b;
}


/* Dropdown Admin-Bereich */

.tnx-global-admin-menu {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.tnx-global-admin-label {
    padding: 8px 11px 4px;

    color: #9298a1;

    font-size: 9px;
    font-weight: 850;

    letter-spacing: .11em;

    text-transform: uppercase;
}

.tnx-global-admin-menu a {
    width: 100%;

    display: flex;

    padding: 9px 11px;

    border-radius: 9px;

    color: #26292e;

    text-decoration: none;

    font-size: 14px;
    font-weight: 560;
}

.tnx-global-admin-menu a:hover {
    background: #f5f6f7;
}

.tnx-global-admin-divider {
    height: 1px;

    margin: 6px 4px;

    background: #eceef1;
}


@media (max-width: 760px) {
    .tnx-admin-stats {
        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );
    }

    .tnx-admin-grid {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 420px) {
    .tnx-admin-stats {
        grid-template-columns: 1fr 1fr;
    }

    .tnx-admin-stat {
        padding: 14px;
    }

    .tnx-admin-stat strong {
        font-size: 23px;
    }
}