.fx-marketplace-grid {

    display:grid;

    grid-template-columns:
        repeat(auto-fill,minmax(320px,1fr));

    gap:20px;

    margin-top:25px;

}


.fx-marketplace-card {

    background:#ffffff;

    border-radius:18px;

    padding:24px;

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

    border:1px solid #e5e7eb;

}


.fx-marketplace-header {

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    margin-bottom:20px;

}


.fx-marketplace-header h2 {

    font-size:20px;

    margin:0 0 8px;

    color:#1e293b;

}


.fx-marketplace-header strong {

    font-size:15px;

}


.fx-status {

    padding:6px 12px;

    border-radius:20px;

    font-size:13px;

    font-weight:600;

}


.fx-status.success {

    background:#dcfce7;

    color:#166534;

}


.fx-status.warning {

    background:#fef3c7;

    color:#92400e;

}


.fx-marketplace-info {

    display:flex;

    flex-direction:column;

    gap:12px;

    margin-top:15px;

}


.fx-marketplace-info div {

    display:flex;

    justify-content:space-between;

    padding-bottom:8px;

    border-bottom:1px solid #f1f5f9;

}


.fx-marketplace-info span {

    color:#64748b;

}


.fx-marketplace-actions {

    margin-top:20px;

}



/* =====================================
   MARKETPLACE DASHBOARD IMPROVEMENTS
   ===================================== */


.fx-cards {

    display:grid;

    grid-template-columns:
        repeat(auto-fit,minmax(220px,1fr));

    gap:20px;

    margin-bottom:25px;

}


.fx-cards .fx-card {

    min-height:120px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    gap:10px;

}


.fx-cards .fx-card span {

    color:#64748b;

    font-size:14px;

}


.fx-cards .fx-card strong {

    font-size:32px;

    color:#1e293b;

}



.fx-marketplace-grid {

    display:grid;

    grid-template-columns:
        repeat(auto-fill,minmax(380px,1fr));

    gap:24px;

}



.fx-marketplace-card {

    min-height:300px;

}



.fx-marketplace-header h2 {

    display:flex;

    align-items:center;

    gap:8px;

}



.fx-marketplace-info strong {

    color:#1e293b;

}



.fx-marketplace-actions {

    display:flex;

    gap:12px;

}


.fx-marketplace-actions .fx-btn {

    cursor:pointer;

}





.fx-marketplace-actions {

    display:flex;

    gap:10px;

}


.fx-marketplace-actions .fx-btn {

    flex:1;

}