/*==================================================
NETRA Certificate UI v2
Dark + Glass + Green
==================================================*/

:root{

    --netra-bg:#0b0b0b;
    --netra-card:rgba(24,24,24,.78);
    --netra-border:rgba(0,200,83,.28);
    --netra-green:#00c853;
    --netra-green-dark:#00a844;
    --netra-text:#ffffff;
    --netra-muted:#bdbdbd;

}

.lmcp-search-form{

    max-width:920px;
    margin:40px auto;
    padding:32px;

    background:var(--netra-card);

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

    border-radius:24px;

    backdrop-filter:blur(14px);

    -webkit-backdrop-filter:blur(14px);

    box-shadow:
        0 0 0 1px rgba(255,255,255,.03),
        0 18px 60px rgba(0,0,0,.45),
        0 0 35px rgba(0,200,83,.08);

    color:var(--netra-text);

    overflow:hidden;

    position:relative;

}

.lmcp-search-form::before{

    content:"";

    position:absolute;

    top:0;
    left:0;
    right:0;

    height:4px;

    background:linear-gradient(
    90deg,
    #00c853,
    #29ff83,
    #00c853
    );

}

.lmcp-search-form h1,
.lmcp-search-form h2,
.lmcp-search-form h3{

    color:#fff;

    text-align:center;

    margin-bottom:25px;

    font-weight:700;

}

.lmcp-search-form label{

    display:block;

    color:#fff;

    margin-bottom:8px;

    font-weight:600;

}

.lmcp-search-input-group,
.lmcp-search-select-group,
.lmcp-search-btn-group{

    margin-bottom:20px;

}

.lmcp-search-select-group{

    display:flex;

    gap:15px;

}

.lmcp-search-select-group .lmcp-select{

    flex:1;

}

.lmcp-search-form input[type=text],
.lmcp-search-form select{

    width:100%;

    padding:15px 18px;

    background:#171717;

    color:#fff;

    border-radius:14px;

    border:1px solid #2d2d2d;

    transition:.25s;

}

.lmcp-search-form input[type=text]:focus,
.lmcp-search-form select:focus{

    outline:none;

    border-color:#00c853;

    box-shadow:0 0 18px rgba(0,200,83,.25);

}

.lmcp-search-btn-group{

    display:flex;

    gap:12px;

}

#lmcp-search-btn,
#lmcp-print-btn{

    flex:1;

    padding:14px 20px;

    border:none;

    border-radius:14px;

    background:linear-gradient(
        180deg,
        #00d85a,
        #00b84d
    );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:.25s;

}

#lmcp-search-btn:hover,
#lmcp-print-btn:hover{

    transform:translateY(-2px);

    box-shadow:0 8px 25px rgba(0,200,83,.25);

}

#lmcp-search-results{

    animation:fadeCertificate .35s ease;

}

@keyframes fadeCertificate{

    from{

        opacity:0;

        transform:translateY(18px);

    }

    to{

        opacity:1;

        transform:none;

    }

}
/*==================================================
Certificate Table
==================================================*/

.lmcp-cert-table{

    width:100%;
    border-collapse:separate;
    border-spacing:0;
    overflow:hidden;

    border-radius:18px;

    background:#171717;

    border:1px solid rgba(0,200,83,.25);

    margin-top:25px;

    box-shadow:
        0 15px 40px rgba(0,0,0,.35);

}

.lmcp-cert-table tr{

    transition:.25s;

}

.lmcp-cert-table tr:hover{

    background:#202020;

}

.lmcp-cert-table th{

    width:32%;

    background:#131313;

    color:#00c853;

    font-weight:700;

    padding:18px;

    border-bottom:1px solid rgba(0,200,83,.15);

    border-left:1px solid rgba(0,200,83,.15);

}

.lmcp-cert-table td{

    background:#191919;

    color:#ffffff;

    padding:18px;

    border-bottom:1px solid rgba(255,255,255,.05);

}

.lmcp-cert-table tr:last-child th,
.lmcp-cert-table tr:last-child td{

    border-bottom:none;

}

/* تصاویر */

.lmcp-cert-table img{

    max-width:120px;

    border-radius:12px;

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

}

/* لینک ها */

.lmcp-cert-table a{

    color:#41ff93;

    text-decoration:none;

}

.lmcp-cert-table a:hover{

    color:#7cffb2;

}

/* دکمه دانلود */

.lmcp-download-btn{

    display:inline-block;

    padding:12px 22px;

    background:linear-gradient(
        180deg,
        #00d85a,
        #00b84d
    );

    border-radius:12px;

    color:#fff !important;

    font-weight:700;

    text-decoration:none;

    transition:.25s;

}

.lmcp-download-btn:hover{

    transform:translateY(-2px);

    box-shadow:0 10px 30px rgba(0,200,83,.28);

}

/* پیام ها */

#lmcp-search-results p{

    color:#ffffff;

}

/* کارت NETRA */

.netra-verified{

    margin-top:28px;

    background:rgba(22,22,22,.75);

    backdrop-filter:blur(12px);

    border:1px solid rgba(0,200,83,.25);

    border-radius:20px;

    padding:28px;

    text-align:center;

    box-shadow:
        0 10px 40px rgba(0,0,0,.35);

}

.netra-verified .shield{

    font-size:52px;

    margin-bottom:10px;

}

.netra-verified h3{

    margin:10px 0;

    color:#00c853;

    font-size:24px;

}

.netra-verified p{

    color:#d5d5d5;

    line-height:1.8;

    margin:8px 0;

}

.netra-verified strong{

    color:#ffffff;

}

/* موبایل */

@media(max-width:768px){

    .lmcp-search-form{

        padding:20px;

        margin:15px;

        border-radius:18px;

    }

    .lmcp-search-select-group{

        flex-direction:column;

    }

    .lmcp-search-btn-group{

        flex-direction:column;

    }

    .lmcp-cert-table th,
    .lmcp-cert-table td{

        padding:14px;

        font-size:14px;

    }

    .netra-verified{

        padding:20px;

    }

}