/* =====================================================
   SHQELA APPLICATION CARD
===================================================== */

.shqela-application-card{

    background:#fff;

    border:1px solid #e8edf4;

    border-radius:24px;

    padding:32px;

    margin-bottom:28px;

    box-shadow:0 10px 35px rgba(15,23,42,.06);

    transition:.25s ease;

}

.shqela-application-card:hover{

    transform:translateY(-4px);

    box-shadow:0 20px 50px rgba(15,23,42,.10);

}


/* =====================================================
   HEADER
===================================================== */

.shqela-applicant-header{

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    gap:20px;

    margin-bottom:28px;

}

.shqela-applicant-left{

    display:flex;

    gap:18px;

    align-items:center;

}

.shqela-applicant-avatar{

    width:82px;

    height:82px;

    border-radius:50%;

    object-fit:cover;

    border:4px solid #eef5ff;

}

.shqela-applicant-info h3{

    margin:0;

    font-size:24px;

    font-weight:700;

}

.shqela-freelancer-name{

    color:#111827;

    text-decoration:none;

}

.shqela-freelancer-name:hover{

    color:#2563eb;

}

.shqela-verified{

    display:inline-block;

    margin-top:8px;

    padding:6px 12px;

    border-radius:40px;

    background:#ecfdf3;

    color:#15803d;

    font-size:13px;

    font-weight:700;

}


/* =====================================================
   STATUS
===================================================== */

.shqela-status{

    padding:8px 16px;

    border-radius:999px;

    font-size:13px;

    font-weight:700;

    white-space:nowrap;

}

.shqela-status-pending{

    background:#fff7db;

    color:#9a6700;

}

.shqela-status-accepted{

    background:#dcfce7;

    color:#166534;

}

.shqela-status-rejected{

    background:#fee2e2;

    color:#991b1b;

}


/* =====================================================
   SECTIONS
===================================================== */

.shqela-card-section{

    margin-top:28px;

}

.shqela-card-section h4{

    margin:0 0 14px;

    font-size:15px;

    font-weight:700;

    color:#111827;

}


/* =====================================================
   SKILLS
===================================================== */

.shqela-skill-tags{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

}

.shqela-skill-tags span{

    padding:8px 16px;

    border-radius:999px;

    background:#f3f6fb;

    color:#334155;

    font-size:14px;

    font-weight:600;

}


/* =====================================================
   COVER LETTER
===================================================== */

.shqela-cover-letter{

    background:#f8fafc;

    border:1px solid #edf2f7;

    border-radius:18px;

    padding:20px;

    color:#475569;

    line-height:1.8;

}


/* =====================================================
   RESOURCE BUTTONS
===================================================== */

.shqela-resource-links{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

}

.shqela-resource-button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:12px 18px;

    border:1px solid #dbe3ee;

    border-radius:14px;

    background:#fff;

    color:#334155;

    text-decoration:none;

    font-weight:600;

    transition:.2s;

}

.shqela-resource-button:hover{

    background:#f8fafc;

    border-color:#2563eb;

    color:#2563eb;

}


/* =====================================================
   ACTIONS
===================================================== */

.shqela-action-buttons{

    display:flex;

    gap:16px;

    margin-top:32px;

}

.shqela-action-buttons button{

    flex:1;

    border:none;

    border-radius:16px;

    padding:16px;

    font-size:15px;

    font-weight:700;

    cursor:pointer;

    transition:.2s;

}

.shqela-accept-application{

    background:#2563eb;

    color:#fff;

}

.shqela-accept-application:hover{

    background:#1d4ed8;

}

.shqela-reject-application{

    background:#fff;

    color:#dc2626;

    border:1px solid #fecaca !important;

}

.shqela-reject-application:hover{

    background:#fef2f2;

}


/* =====================================================
   MOBILE
===================================================== */

@media(max-width:768px){

    .shqela-applicant-header{

        flex-direction:column;

        align-items:flex-start;

    }

    .shqela-applicant-left{

        width:100%;

    }

    .shqela-action-buttons{

        flex-direction:column;

    }

    .shqela-resource-links{

        flex-direction:column;

    }

    .shqela-resource-button{

        width:100%;

    }

}