/* XNIGHT v1.31.5 — Admin NFT Gift Grant */

.admin-nft-grant-card1315 {
    margin-bottom:
        20px;

    padding:
        20px;

    border:
        1px solid
        rgba(139, 92, 246, .32);

    border-radius:
        18px;

    background:
        linear-gradient(
            135deg,
            rgba(139, 92, 246, .075),
            rgba(236, 72, 153, .04)
        );

    box-sizing:
        border-box;
}

.admin-nft-grant-card1315.is-loading {
    opacity:
        .72;

    pointer-events:
        none;
}

.admin-nft-grant-head1315 {
    display:
        flex;

    align-items:
        flex-start;

    justify-content:
        space-between;

    gap:
        16px;

    margin-bottom:
        18px;
}

.admin-nft-grant-kicker1315 {
    margin-bottom:
        5px;

    color:
        #a78bfa;

    font-size:
        10.5px;

    font-weight:
        900;

    letter-spacing:
        .08em;
}

.admin-nft-grant-head1315 h4 {
    margin:
        0;

    color:
        var(--text-main);

    font-size:
        17px;

    font-weight:
        850;
}

.admin-nft-grant-head1315 p {
    margin:
        6px 0 0;

    color:
        var(--text-muted);

    font-size:
        12.5px;

    line-height:
        1.45;
}

.admin-nft-grant-badge1315 {
    flex:
        0 0 auto;

    padding:
        5px 9px;

    border:
        1px solid
        rgba(167, 139, 250, .25);

    border-radius:
        999px;

    background:
        rgba(139, 92, 246, .10);

    color:
        #a78bfa;

    font-size:
        10px;

    font-weight:
        850;
}

.admin-nft-grant-grid1315 {
    display:
        grid;

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

    gap:
        12px;
}

.admin-nft-grant-grid1315 label {
    min-width:
        0;

    display:
        flex;

    flex-direction:
        column;

    gap:
        6px;
}

.admin-nft-grant-grid1315
label > span {
    color:
        var(--text-muted);

    font-size:
        11.5px;

    font-weight:
        750;
}

.admin-nft-grant-grid1315
.input {
    width:
        100%;

    min-width:
        0;

    height:
        43px;

    box-sizing:
        border-box;
}

.admin-nft-grant-footer1315 {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        14px;

    margin-top:
        16px;

    padding-top:
        14px;

    border-top:
        1px solid
        var(--border-color);
}

.admin-nft-grant-summary1315 {
    min-width:
        0;

    color:
        var(--text-muted);

    font-size:
        11.5px;

    line-height:
        1.4;
}

.admin-nft-grant-submit1315 {
    flex:
        0 0 auto;

    height:
        42px;

    padding:
        0 18px;

    border:
        0;

    border-radius:
        12px;

    background:
        linear-gradient(
            135deg,
            #8b5cf6,
            #7c3aed
        );

    color:
        #fff;

    font-size:
        12.5px;

    font-weight:
        850;

    cursor:
        pointer;
}

.admin-nft-grant-submit1315:hover {
    filter:
        brightness(1.06);
}

.admin-nft-grant-submit1315:disabled {
    opacity:
        .55;

    cursor:
        wait;
}

@media (max-width: 650px) {
    .admin-nft-grant-grid1315 {
        grid-template-columns:
            1fr;
    }

    .admin-nft-grant-footer1315 {
        align-items:
            stretch;

        flex-direction:
            column;
    }

    .admin-nft-grant-submit1315 {
        width:
            100%;
    }
}


/* =========================================================
   XNIGHT v1.31.6 — ADMIN NFT LIVE PREVIEW
   ========================================================= */

.admin-nft-preview1316 {
    margin-top:
        18px;
}

.admin-nft-preview-label1316 {
    margin-bottom:
        8px;

    color:
        var(--text-muted);

    font-size:
        11px;

    font-weight:
        800;

    text-transform:
        uppercase;

    letter-spacing:
        .065em;
}

.admin-nft-preview-empty1316 {
    min-height:
        110px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        20px;

    box-sizing:
        border-box;

    border:
        1px dashed
        var(--border-color);

    border-radius:
        16px;

    background:
        rgba(127,127,127,.025);

    color:
        var(--text-muted);

    text-align:
        center;

    font-size:
        12px;

    line-height:
        1.45;
}

.admin-nft-preview-card1316 {
    display:
        grid;

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

    min-height:
        220px;

    overflow:
        hidden;

    border:
        1px solid
        rgba(255,255,255,.09);

    border-radius:
        20px;

    background:
        var(--card-bg);

    box-shadow:
        0 12px 38px
        rgba(0,0,0,.12);
}

.admin-nft-preview-art1316 {
    position:
        relative;

    min-height:
        220px;

    overflow:
        hidden;

    isolation:
        isolate;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    background:
        radial-gradient(
            circle at 50% 38%,
            var(--preview-center),
            var(--preview-edge)
        );
}

.admin-nft-preview-pattern1316 {
    position:
        absolute;

    inset:
        -14px;

    z-index:
        1;

    display:
        grid;

    grid-template-columns:
        repeat(6, 1fr);

    grid-template-rows:
        repeat(5, 1fr);

    align-items:
        center;

    justify-items:
        center;

    opacity:
        .18;

    transform:
        rotate(-5deg)
        scale(1.1);

    pointer-events:
        none;
}

.admin-nft-preview-symbol1316 {
    width:
        27px !important;

    height:
        27px !important;

    object-fit:
        contain !important;

    opacity:
        .92;

    filter:
        none !important;

    transform:
        rotate(5deg);
}

.admin-nft-preview-model1316 {
    position:
        relative;

    z-index:
        3;

    width:
        142px;

    height:
        142px;

    object-fit:
        contain;

    filter:
        drop-shadow(
            0 16px 22px
            rgba(0,0,0,.30)
        );
}

.admin-nft-preview-no-model1316 {
    position:
        relative;

    z-index:
        3;

    color:
        var(--preview-text);

    font-size:
        24px;

    font-weight:
        900;
}

.admin-nft-preview-number1316 {
    position:
        absolute;

    top:
        12px;

    right:
        12px;

    z-index:
        5;

    padding:
        5px 9px;

    border:
        1px solid
        rgba(255,255,255,.18);

    border-radius:
        999px;

    background:
        rgba(0,0,0,.34);

    color:
        #fff;

    font-size:
        11px;

    font-weight:
        850;

    backdrop-filter:
        blur(8px);

    -webkit-backdrop-filter:
        blur(8px);
}

.admin-nft-preview-info1316 {
    min-width:
        0;

    padding:
        22px;

    display:
        flex;

    flex-direction:
        column;

    justify-content:
        center;

    gap:
        17px;
}

.admin-nft-preview-title1316 {
    color:
        var(--text-main);

    font-size:
        20px;

    font-weight:
        900;

    line-height:
        1.15;
}

.admin-nft-preview-attrs1316 {
    display:
        flex;

    flex-direction:
        column;

    gap:
        8px;
}

.admin-nft-preview-attrs1316 span {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        14px;

    min-width:
        0;

    padding:
        9px 11px;

    border:
        1px solid
        var(--border-color);

    border-radius:
        12px;

    background:
        var(--hover-bg);

    color:
        var(--text-main);

    font-size:
        11.5px;

    font-weight:
        750;
}

.admin-nft-preview-attrs1316 small {
    color:
        var(--text-muted);

    font-size:
        10px;

    font-weight:
        650;
}

@media (max-width: 650px) {
    .admin-nft-preview-card1316 {
        grid-template-columns:
            1fr;
    }

    .admin-nft-preview-art1316 {
        min-height:
            245px;
    }

    .admin-nft-preview-model1316 {
        width:
            155px;

        height:
            155px;
    }
}