.bridggo-quote-card{

    border:1px solid #ddd;
    border-radius:10px;
    padding:25px;
    background:#fff;
    margin:20px 0;

}

.bridggo-card-header{

    margin-bottom:20px;

}

.bridggo-card-header h3{

    margin:0;

}

.bridggo-btn{

    background:#0d6efd;
    color:#fff;
    border:none;
    padding:12px 30px;
    border-radius:6px;
    cursor:pointer;
    font-size:16px;

}

.bridggo-btn:hover{

    opacity:.9;

}
/* ==========================
   Bridggo Modal
========================== */

.bridggo-modal{

    display:none;

    position:fixed;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background:rgba(0,0,0,.5);

    z-index:9999;

}

.bridggo-modal-content{

    background:#fff;

    width:600px;

    max-width:90%;

    margin:80px auto;

    padding:25px;

    border-radius:10px;

    position:relative;

}

.bridggo-close{

    position:absolute;

    top:15px;

    right:20px;

    font-size:30px;

    cursor:pointer;

}
/*==================================================
=            Bridggo Modal V2
==================================================*/

.bridggo-modal{

    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.55);
    z-index:999999;
    overflow:auto;
    padding:40px 15px;

}

.bridggo-modal-content{

    width:850px;
    max-width:100%;
    margin:auto;
    background:#fff;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 15px 50px rgba(0,0,0,.20);

}

.bridggo-close{

    position:absolute;
    top:18px;
    left:20px;
    border:none;
    background:none;
    font-size:32px;
    cursor:pointer;
    color:#777;

}

.bridggo-close:hover{

    color:#dc3545;

}

/*==============================
Header
==============================*/

.bridggo-modal-header{

    background:#0d6efd;
    color:#fff;
    padding:30px;

}

.bridggo-modal-header h2{

    margin:0 0 10px;
    font-size:28px;

}

.bridggo-modal-header p{

    margin:0;
    opacity:.9;

}

/*==============================
Cards
==============================*/

.bridggo-card{

    margin:25px;
    border:1px solid #e6e6e6;
    border-radius:12px;
    padding:25px;
    background:#fff;

}

.bridggo-card-title{

    font-size:20px;
    font-weight:bold;
    margin-bottom:20px;
    color:#0d6efd;

}

/*==============================
Info Grid
==============================*/

.bridggo-info-grid{

    display:grid;
    gap:18px;

}

.bridggo-info-item{

    border-bottom:1px solid #eee;
    padding-bottom:12px;

}

.bridggo-info-item:last-child{

    border:none;

}

.bridggo-info-item label{

    display:block;
    font-weight:bold;
    margin-bottom:6px;
    color:#666;

}

.bridggo-info-value{

    color:#222;
    font-size:15px;

}

/*==============================
Form
==============================*/

.bridggo-form-group{

    margin-bottom:22px;

}

.bridggo-form-group label{

    display:block;
    margin-bottom:8px;
    font-weight:600;

}

.bridggo-form-group input[type=text],
.bridggo-form-group input[type=number],
.bridggo-form-group textarea{

    width:100%;
    padding:12px 15px;
    border:1px solid #dcdcdc;
    border-radius:8px;
    font-size:15px;
    box-sizing:border-box;

}

.bridggo-form-group textarea{

    resize:vertical;

}

.bridggo-form-group input:focus,
.bridggo-form-group textarea:focus{

    outline:none;
    border-color:#0d6efd;

}
/*==============================
Toggle Buttons
==============================*/

.bridggo-toggle-group{

    display:flex;
    gap:12px;
    margin-top:10px;

}

.bridggo-toggle{

    position:relative;

}

.bridggo-toggle input{

    display:none;

}

.bridggo-toggle span{

    display:inline-block;
    padding:10px 22px;
    border:1px solid #dcdcdc;
    border-radius:8px;
    cursor:pointer;
    transition:.3s;
    background:#fff;
    user-select:none;

}

.bridggo-toggle input:checked + span{

    background:#0d6efd;
    color:#fff;
    border-color:#0d6efd;

}

/*==============================
Upload Area
==============================*/

.bridggo-upload-area{

    border:2px dashed #cfd8dc;
    border-radius:12px;
    padding:35px 20px;
    text-align:center;
    transition:.3s;
    background:#fafafa;

}

.bridggo-upload-area:hover{

    border-color:#0d6efd;
    background:#f5f9ff;

}

.bridggo-upload-icon{

    font-size:48px;
    margin-bottom:12px;

}

.bridggo-upload-text{

    font-size:18px;
    font-weight:600;
    margin-bottom:8px;

}

.bridggo-upload-or{

    color:#777;
    margin:10px 0;

}

.bridggo-file-types{

    margin-top:18px;
    color:#888;
    font-size:13px;

}

/*==============================
Selected File
==============================*/

.bridggo-selected-file{

    margin-top:20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    border:1px solid #ddd;
    border-radius:10px;
    padding:14px 18px;
    background:#fff;

}

.bridggo-file-name{

    font-weight:600;
    color:#333;
    word-break:break-all;

}

.bridggo-remove-file{

    border:none;
    background:none;
    color:#dc3545;
    cursor:pointer;
    font-weight:bold;
    font-size:14px;

}

.bridggo-remove-file:hover{

    text-decoration:underline;

}

/*==============================
Submit Button
==============================*/

.bridggo-submit{

    padding:0 25px 30px;
    text-align:center;

}

.bridggo-submit-btn{

    width:100%;
    padding:16px;
    font-size:18px;
    border-radius:10px;

}

/*==============================
Responsive
==============================*/

@media(max-width:768px){

    .bridggo-modal-content{

        width:100%;

    }

    .bridggo-card{

        margin:15px;

    }

    .bridggo-toggle-group{

        flex-direction:column;

    }

    .bridggo-selected-file{

        flex-direction:column;
        gap:15px;
        text-align:center;

    }

}
/* =========================================
   Received Quotes
========================================= */

.bridggo-received-quotes{

    margin:30px 0;

}

.bridggo-received-quotes h3{

    margin-bottom:20px;
    font-size:24px;
    color:#222;
    border-bottom:2px solid #0d6efd;
    padding-bottom:10px;

}

.bridggo-received-card{

    background:#fff;
    border:1px solid #e5e5e5;
    border-radius:12px;
    margin-bottom:25px;
    overflow:hidden;
    box-shadow:0 4px 12px rgba(0,0,0,.06);

}

.bridggo-received-header{

    background:#f8f9fa;
    padding:18px 25px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-bottom:1px solid #ececec;

}

.bridggo-received-header strong{

    font-size:18px;
    color:#222;

}

.bridggo-received-body{

    padding:25px;

}

.bridggo-received-body p{

    margin:12px 0;
    line-height:1.9;
    font-size:15px;

}

.bridggo-received-body strong{

    color:#222;

}

.bridggo-received-body a{

    color:#0d6efd;
    text-decoration:none;
    font-weight:bold;

}

.bridggo-received-body a:hover{

    text-decoration:underline;

}
/*=========================
  Quote Action Buttons
=========================*/

.bridggo-quote-actions{

    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
    margin-top:25px;

}

.bridggo-quote-actions .bridggo-btn{

    min-width:170px;
    height:48px;

    border:none;
    border-radius:8px;

    font-size:15px;
    font-weight:600;

    cursor:pointer;

    transition:.25s;

}

/* قبول */

.bridggo-btn-success{

    background:#198754;
    color:#fff;

}

.bridggo-btn-success:hover{

    background:#157347;

}

/* طلب تعديل */

.bridggo-btn-warning{

    background:#fd7e14;
    color:#fff;

}

.bridggo-btn-warning:hover{

    background:#e96b00;

}

/* رفض */

.bridggo-btn-danger{

    background:#dc3545;
    color:#fff;

}

.bridggo-btn-danger:hover{

    background:#bb2d3b;

}

/* الأزرار المعطلة */

.bridggo-btn:disabled{

    opacity:.9;
    cursor:default;

}
/*=========================================
Quote Action Buttons
=========================================*/

.bridggo-quote-actions{

    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    margin-top:25px;
    flex-wrap:wrap;

}

.bridggo-quote-actions .bridggo-btn{

    flex:1;

    min-width:120px;
    max-width:160px;

    height:44px;

    border:none;
    border-radius:8px;

    font-size:14px;
    font-weight:600;

    padding:0 15px;

    transition:.3s;

    cursor:pointer;

}


/* قبول */

.bridggo-btn-success{

    background:#198754;
    color:#fff;

}

.bridggo-btn-success:hover{

    background:#157347;

}


/* طلب تعديل */

.bridggo-btn-warning{

    background:#fd7e14;
    color:#fff;

}

.bridggo-btn-warning:hover{

    background:#e96b00;

}


/* رفض */

.bridggo-btn-danger{

    background:#dc3545;
    color:#fff;

}

.bridggo-btn-danger:hover{

    background:#bb2d3b;

}


/* Disabled */

.bridggo-btn:disabled{

    opacity:1;

}


/*=========================
Responsive
=========================*/

@media (max-width:768px){

    .bridggo-quote-actions{

        flex-direction:column;

    }

    .bridggo-quote-actions .bridggo-btn{

        width:100%;
        max-width:100%;

    }

}

.bridggo-edit-note{

    margin-top:10px;
    padding:10px;
    background:#fff8e1;
    border:1px solid #ffc107;
    border-radius:8px;
    color:#856404;
    font-size:14px;

}

.bridggo-request-link{

    font-size:22px;
    font-weight:700;
    color:#1f2937;
    text-decoration:none;
    line-height:1.4;

}

.bridggo-request-link:hover{

    color:#0d6efd;
    text-decoration:underline;

}

/*=================================
Activity Log
=================================*/

.bridggo-history-list{

    list-style:none;
    margin:25px 0 0;
    padding:0;

}

.bridggo-history-list li{

    padding:18px 0;
    border-bottom:1px solid #ececec;

}

.bridggo-history-list li:last-child{

    border-bottom:none;

}

.bridggo-history-list strong{

    display:block;
    font-size:16px;
    line-height:1.9;
    color:#1f2937;
    white-space:pre-line;

}

.bridggo-history-list small{

    display:inline-block;
    margin-top:10px;
    color:#6c757d;
    font-size:13px;

}

/*=================================
زر سجل الطلب
=================================*/

.bridggo-history-btn{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:28px;
    height:28px;

    margin-right:8px;

    text-decoration:none;
    font-size:18px;

    color:#6c757d;

    transition:.25s;

}

.bridggo-history-btn:hover{

    color:#0d6efd;
    transform:scale(1.12);

}

/* ========================================================
   تنسيق بطاقات عروضي (Bridggo Single Quote Card)
   ======================================================== */

/* الكارت المستقل لكل عرض */
.bridggo-quote-single-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 24px; /* مسافة واضحة بين الكارت والآخر */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    border-right: 5px solid #cbd5e1; /* الشريط الجانبي الافتراضي */
}

/* تأثير التمرير (Hover) */
.bridggo-quote-single-card:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.07);
    transform: translateY(-2px);
}

/* ألوان الإطار الجانبي حسب الحالة */
.bridggo-quote-single-card.bridggo-status-pending {
    border-right-color: #f59e0b; /* أصفر */
}
.bridggo-quote-single-card.bridggo-status-accepted {
    border-right-color: #10b981; /* أخضر */
}
.bridggo-quote-single-card.bridggo-status-revision {
    border-right-color: #f97316; /* برتقالي */
}
.bridggo-quote-single-card.bridggo-status-rejected {
    border-right-color: #ef4444; /* أحمر */
}

/* هيدر الكارت */
.bridggo-received-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px;
    margin-bottom: 18px;
    border-bottom: 1px solid #f1f5f9;
}

.bridggo-card-type-label {
    font-size: 0.8rem;
    color: #64748b;
    display: block;
}

.bridggo-quote-number {
    margin: 0;
    font-size: 1.2rem;
    color: #0f172a;
    font-weight: 700;
}

.bridggo-header-actions-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* شارات الحالة (Status Pills) */
.bridggo-status-pill {
    padding: 6px 14px;
    border-radius: 50px;
    font-size: 0.85rem;
    font-weight: 600;
    display: inline-block;
}

.bridggo-status-pill.bridggo-status-pending { background: #fffbeb; color: #b45309; }
.bridggo-status-pill.bridggo-status-accepted { background: #ecfdf5; color: #047857; }
.bridggo-status-pill.bridggo-status-revision { background: #fff7ed; color: #c2410c; }
.bridggo-status-pill.bridggo-status-rejected { background: #fef2f2; color: #b91c1c; }

/* الشبكة الداخلية للمعلومات */
.bridggo-info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 16px;
    background: #f8fafc;
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 18px;
}

.bridggo-info-item {
    display: flex;
    flex-direction: column;
}

.bridggo-info-label {
    font-size: 0.8rem;
    color: #64748b;
    margin-bottom: 4px;
}

.bridggo-info-value {
    color: #1e293b;
    font-weight: 600;
    font-size: 0.95rem;
}

.highlight-price .price-text {
    color: #0d9488;
    font-size: 1.1rem;
}

/* صناديق التنبيه والملاحظات */
.bridggo-revision-box, 
.bridggo-reject-box {
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 15px;
    font-size: 0.9rem;
}

.bridggo-revision-box { background: #fff7ed; border: 1px solid #ffedd5; color: #9a3412; }
.bridggo-reject-box { background: #fef2f2; border: 1px solid #fee2e2; color: #991b1b; }

/* أزرار الإجراءات */
.bridggo-quote-actions {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}

.bridggo-btn {
    padding: 8px 18px;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    border: none;
    transition: background 0.2s;
}

.bridggo-btn-secondary { background: #e2e8f0; color: #334155; }
.bridggo-btn-secondary:hover { background: #cbd5e1; }

.bridggo-btn-primary { background: #2563eb; color: #ffffff; }
.bridggo-btn-primary:hover { background: #1d4ed8; }

.bridggo-edit-note {
    font-size: 0.8rem;
    color: #d97706;
    margin-top: 10px;
}

/* ========================================================
   تنسيق بطاقات صفحة طلباتي (Bridggo My Requests Cards)
   ======================================================== */

.bridggo-my-requests-wrapper {
    margin-top: 20px;
}

.bridggo-requests-page-header h2 {
    font-size: 1.5rem;
    color: #0f172a;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.bridggo-count-badge {
    color: #2563eb;
    font-size: 1.2rem;
}

/* قائمة الطلبات */
.bridggo-requests-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* الكارت الرئيسي للطلب */
.bridggo-request-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    transition: border-color 0.2s ease;
}

.bridggo-request-card:hover {
    border-color: #cbd5e1;
}

/* هيدر الكارت */
.bridggo-request-card-header {
    background: #f8fafc;
    padding: 16px 20px;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.bridggo-rfq-badge {
    display: inline-block;
    font-size: 0.8rem;
    background: #e2e8f0;
    color: #475569;
    padding: 2px 8px;
    border-radius: 4px;
    font-weight: 600;
    margin-bottom: 4px;
}

.bridggo-request-title {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 700;
}

.bridggo-request-title a {
    color: #1e293b;
    text-decoration: none;
    transition: color 0.2s;
}

.bridggo-request-title a:hover {
    color: #2563eb;
}

.bridggo-status-tag {
    background: #eff6ff;
    color: #1d4ed8;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    border: 1px solid #dbeafe;
}

/* جسم الكارت */
.bridggo-request-card-body {
    padding: 20px;
}

/* شبكة التفاصيل السريعة */
.bridggo-request-meta-grid {
    display: flex;
    gap: 24px;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px dashed #e2e8f0;
}

.bridggo-meta-item {
    display: flex;
    flex-direction: column;
}

.bridggo-meta-item .label {
    font-size: 0.8rem;
    color: #64748b;
    margin-bottom: 4px;
}

.bridggo-meta-item .value {
    font-weight: 600;
    color: #334155;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    gap: 6px;
}

.highlight-count {
    color: #059669;
}

/* قسم العروض الواردة */
.bridggo-quotes-section {
    margin-top: 10px;
}

.bridggo-quotes-section-title {
    font-size: 1rem;
    color: #0f172a;
    margin-bottom: 14px;
    font-weight: 700;
}

.bridggo-no-quotes-box {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    padding: 16px;
    text-align: center;
    color: #64748b;
    font-size: 0.9rem;
}

.bridggo-received-quotes-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
}