/* /Layout/MainLayout.razor.rz.scp.css */
/*:root {
    --topbar-height: 70px;
    --sidebar-width: 280px;
}*/

/* ===== LAYOUT ===== */
/*.layout-wrapper {
    display: flex;
    min-height: 92.5vh;
    background: #1a1819;
    color: #e5e7eb;
    padding-top: var(--topbar-height);
}*/



/* ===== MAIN CONTENT ===== */
/*.main-area {

    flex: 1;
    display: flex;
    flex-direction: column;
    background: #1a1819;
}

.content-area {
    
    background: #1a1819;
    margin-top: 0; 
}*/



/* ===== RESPONSIVE ===== */
/*@media (max-width: 950px) {
    :root {
        --sidebar-width: 220px;
    }

    .content-area {
        padding: 15px;
    }
}*/


:root[b-tv3b2x8gmp] {
    --topbar-height: 70px;
    --sidebar-width: 280px;
}

/* ===== LAYOUT ===== */
.layout-wrapper[b-tv3b2x8gmp] {
    display: flex;
    min-height: 92.5vh;
    background: #121212;
    color: #e5e7eb;
    padding-top: var(--topbar-height);
    transition: all 0.3s ease;
}

    /* Sidebar adjustments (assumes your Sidebar uses .sidebar class) */
    .layout-wrapper .sidebar[b-tv3b2x8gmp] {
        width: var(--sidebar-width);
        flex-shrink: 0;
        transition: width 0.3s ease;
    }

/* ===== MAIN CONTENT ===== */
.main-area[b-tv3b2x8gmp] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: #1a1819;
}

.content-area[b-tv3b2x8gmp] {
    background: #1a1819;
    margin-top: 0;
    /*padding: 20px;*/ /* default padding */
    transition: padding 0.3s ease;
}

/* ===== RESPONSIVE ===== */

/* Medium screens */
@media (max-width: 950px) {
    :root[b-tv3b2x8gmp] {
        --sidebar-width: 220px;
    }

    .content-area[b-tv3b2x8gmp] {
        padding: 15px;
    }
}

/* Tablets / small screens */
@media (max-width: 768px) {
    .layout-wrapper[b-tv3b2x8gmp] {
        flex-direction: column;
        padding-top: var(--topbar-height);
    }

        .layout-wrapper .sidebar[b-tv3b2x8gmp] {
            width: 100%;
            order: 1; /* move sidebar below topbar if needed */
        }

    .main-area[b-tv3b2x8gmp] {
        width: 100%;
    }

    .content-area[b-tv3b2x8gmp] {
        padding: 15px;
    }
}

/* Mobile screens */
@media (max-width: 480px) {
    :root[b-tv3b2x8gmp] {
        --topbar-height: 60px;
    }

    .content-area[b-tv3b2x8gmp] {
        padding: 10px;
    }

    .layout-wrapper .sidebar[b-tv3b2x8gmp] {
        /* Optional: make sidebar collapsible on mobile */
        width: 100%;
        position: relative; /* could be changed to absolute for off-canvas */
    }
}
/* /Pages/Account Admin/MyAccountPage.razor.rz.scp.css */

.main-content-area[b-atkuni0nqi] {
    padding: 15px;
    max-width: 1400px;
    width: 100%;
    height: 100%; /* allow it to take full height */
    overflow-y: auto;
}


.header-row[b-atkuni0nqi] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
}

    .header-row h1[b-atkuni0nqi] {
        font-size: 28px;
        font-weight: 600;
    }

.header-buttons[b-atkuni0nqi] {
    display: flex;
    gap: 12px;
}

.cards-wrapper[b-atkuni0nqi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    overflow-x: auto;
    padding-bottom: 10px;
}



.left-column[b-atkuni0nqi],
.right-column[b-atkuni0nqi] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}



.info-card[b-atkuni0nqi],
.profile-card[b-atkuni0nqi],
.custom-card[b-atkuni0nqi] {
    background: #312C2E;
    border-radius: 16px;
    padding: 15px;
    color: #fff;
}

    .info-card h2[b-atkuni0nqi],
    .profile-card h2[b-atkuni0nqi],
    .custom-card h2[b-atkuni0nqi] {
        font-size: 22px;
        font-weight: 500;

    }



.info-form[b-atkuni0nqi],
.profile-form[b-atkuni0nqi],
.custom-form[b-atkuni0nqi] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 14px;
}

label[b-atkuni0nqi] {
    font-size: 14px;
    font-weight: 500;
    color: #e5e5e5;
}


.info-input[b-atkuni0nqi],
.profile-input[b-atkuni0nqi],
.custom-input[b-atkuni0nqi],
select[b-atkuni0nqi] {
    width: 100%;
    height: 46px;
    border-radius: 8px;
    border: 1px solid #3a3a3b;
    background: #3a3a3b !important;
    color: #fff;
    padding: 0 14px;
    font-size: 14px;
    outline: none;
    box-sizing: border-box;
}


    .info-input:focus[b-atkuni0nqi],
    .profile-input:focus[b-atkuni0nqi],
    .custom-input:focus[b-atkuni0nqi],
    select:focus[b-atkuni0nqi] {
        border-color: #ff5533;
    }

.name-label[b-atkuni0nqi] {
    display: flex;
    gap: 20px;
    margin-bottom: 14px;
}

    .name-label > div[b-atkuni0nqi] {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 6px;
    }


.position-relative[b-atkuni0nqi] {
    position: relative;
}

.icon[b-atkuni0nqi] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #aaa;
    pointer-events: none;
}

.form-switch[b-atkuni0nqi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;

}

.toggle-container[b-atkuni0nqi] {
    width: 46px;
    height: 26px;
    background: #c0c0c0;
    border-radius: 20px;
    position: relative;
    cursor: pointer;
    transition: background 0.3s;
}

    .toggle-container.checked[b-atkuni0nqi] {
        background: #ff5533;
    }

.toggle-slider[b-atkuni0nqi] {
    width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 2px;
    transition: transform 0.3s;
}

    .toggle-slider.checked[b-atkuni0nqi] {
        transform: translateX(20px);
    }



.btn[b-atkuni0nqi] {
    padding: 8px 18px;
    font-size: 14px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
}

#save-btn[b-atkuni0nqi] {
    background: #ff5533;
    color: #fff;
}

    #save-btn:hover[b-atkuni0nqi] {
        background: #e64a2b;
    }

#cancel-btn[b-atkuni0nqi] {
    background: #555;
    color: #fff;
}

#cancel-btn:hover[b-atkuni0nqi] {
    background: #444;
}

.toast-overlay-top[b-atkuni0nqi] {
    position: fixed;
    top: 20px;
    left: 60%;
    transform: translateX(-50%);
    z-index: 9999;
    display: flex;
    justify-content: center;
    pointer-events: none;
}

.toast-popup[b-atkuni0nqi] {
    pointer-events: auto;
    min-width: 280px;
    max-width: 450px;
    padding: 15px 20px;
    text-align: center;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25);
    color: white;
    font-weight: 500;
    font-size: 0.95rem;
    animation: fadeInOut-b-atkuni0nqi 3s forwards;
    border: 2px solid transparent;
}


    .toast-popup.success[b-atkuni0nqi] {
        background: linear-gradient(135deg, #43e97b, #38f9d7);
        border-color: #28a745;
    }


    .toast-popup.error[b-atkuni0nqi] {
        background: linear-gradient(135deg, #ff5f6d, #ffc371);
        border-color: #dc3545;
    }

@keyframes fadeInOut-b-atkuni0nqi {
    0% {
        opacity: 0;
        transform: translateY(-20px) scale(0.95);
    }

    10% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

    90% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

    100% {
        opacity: 0;
        transform: translateY(-20px) scale(0.95);
    }
}


/* =========================
   RESPONSIVE
========================= */

/* Medium screens: 1 column */
@media (max-width: 1200px) {
    .cards-wrapper[b-atkuni0nqi] {
        grid-template-columns: 1fr;
    }
}

/* Small screens: adjust header and cards */
@media (max-width: 412px) {
    .header-row[b-atkuni0nqi] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .info-card[b-atkuni0nqi],
    .profile-card[b-atkuni0nqi],
    .custom-card[b-atkuni0nqi] {
        padding: 12px;
    }

    .header-row h1[b-atkuni0nqi] {
        font-size: 22px;
    }

    .name-label[b-atkuni0nqi] {
        flex-direction: column;
        gap: 8px;
    }
}
/* /Pages/Account Admin/ProjectManagement.razor.rz.scp.css */
.admin-card[b-w9phnllioi] {
    width: 100%;
    max-width: 1580px;
    margin: 0 auto;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 10px;
    color: #eaeaea;
}


.page-title[b-w9phnllioi] {
    font-weight: 600;
    font-size: 27px;
}


.content-row[b-w9phnllioi] {
    width: 100%;
    display: flex;
    gap: 10px;
    padding: 16px;
    border: 1px solid #3a3a3b;
    border-radius: 5px;
    overflow: hidden;
}


.side-panel[b-w9phnllioi] {
    border-right: 1px solid #3a3a3b;
    width: 260px;
    min-width: 260px;
    background: #18181b;
    padding: 12px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .side-panel .panel-item span[b-w9phnllioi] {
        display: block;
        padding: 12px 16px;
        color: #fff;
        border-radius: 6px;
    }

    .side-panel .panel-item.active span[b-w9phnllioi] {
        background: rgb(49, 44, 46);
    }


.table-section[b-w9phnllioi] {
    flex: 1;
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}



.table-header[b-w9phnllioi] {
    width: 100%;
    background: #312C2E;
    border-radius: 5px;
    padding: 8px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.icon-btn[b-w9phnllioi] {
    width: 34px;
    height: 34px;
    background: #2a2a2f;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    color: #bbb;
}

    .icon-btn:hover[b-w9phnllioi] {
        background: #333;
    }

.search-box[b-w9phnllioi] {
    display: flex;
    align-items: center;
    background: #2a2a2f;
    border-radius: 8px;
    padding: 4px 8px;
    gap: 6px;
}

    .search-box input[b-w9phnllioi] {
        background: none;
        border: none;
        outline: none;
        color: #fff;
    }


.users-table[b-w9phnllioi] {
        width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

    .users-table th[b-w9phnllioi],
    .users-table td[b-w9phnllioi] {
        padding: 14px 16px;
        border-bottom: 1px solid #2f2f2f;
        font-size: 14px;
        text-align: left;
        word-wrap: break-word;
    }

    .users-table th[b-w9phnllioi] {
        color: #bfbfbf;
        font-weight: 600;
    }

.th-content[b-w9phnllioi] {
    display: flex;
    align-items: center;
    gap: 6px;
}


.role[b-w9phnllioi] {
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 12px;
}

    .role.admin[b-w9phnllioi] {
        color: #3ddc97;
    }

    .role.operator[b-w9phnllioi] {
        color: #ff6b6b;
    }


@media (max-width: 1200px) {

    .content-row[b-w9phnllioi] {
        flex-direction: column;
    }

    .side-panel[b-w9phnllioi] {
        width: 100%;
        flex-direction: column;
        overflow-x: auto;
    }

    .table-header[b-w9phnllioi] {
        flex-wrap: wrap;
        gap: 10px;
    }

    .users-table thead[b-w9phnllioi] {
        display: none;
    }

    .users-table[b-w9phnllioi],
    .users-table tbody[b-w9phnllioi],
    .users-table tr[b-w9phnllioi],
    .users-table td[b-w9phnllioi] {
        display: block;
        width: 100%;
    }

        .users-table tr[b-w9phnllioi] {
            background: #1c1c1c;
            padding: 15px;
            margin-bottom: 15px;
            border-radius: 8px;
            border: 1px solid #333;
        }

        .users-table td[b-w9phnllioi] {
            position: relative;
            padding-left: 120px;
            border: none;
            font-size: 14px;
        }

            .users-table td[b-w9phnllioi]::before {
                content: attr(data-label);
                position: absolute;
                left: 15px;
                top: 8px;
                font-weight: 600;
                color: #aaa;
                font-size: 13px;
            }
}


@media (max-width: 412px) {

    .users-table td[b-w9phnllioi] {
        padding-left: 100px;
        font-size: 13px;
    }

    .search-box[b-w9phnllioi] {
        width: 120px;
    }
}
/* /Pages/Account Admin/SubscriptionManagement.razor.rz.scp.css */
.admin-card[b-x8n3tl6yq2] {
    width: 100%;
    max-width: 1580px;
    margin: 0 auto;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 10px;
    color: #eaeaea;
}


.page-title[b-x8n3tl6yq2] {
    font-weight: 600;
    font-size: 27px;
}


.content-row[b-x8n3tl6yq2] {
    width: 100%;
    display: flex;
    gap: 10px;
    padding: 16px;
    border: 1px solid #3a3a3b;
    border-radius: 5px;
    overflow: hidden;
}


.side-panel[b-x8n3tl6yq2] {
    border-right: 1px solid #3a3a3b;
    width: 260px;
    min-width: 260px;
    background: #18181b;
    padding: 12px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .side-panel .panel-item span[b-x8n3tl6yq2] {
        display: block;
        padding: 12px 16px;
        color: #fff;
        border-radius: 6px;
    }

    .side-panel .panel-item.active span[b-x8n3tl6yq2] {
        background: rgb(49, 44, 46);
    }


.table-section[b-x8n3tl6yq2] {
    flex: 1;
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}



.table-header[b-x8n3tl6yq2] {
    width: 100%;
    background: #312C2E;
    border-radius: 5px;
    padding: 8px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.icon-btn[b-x8n3tl6yq2] {
    width: 34px;
    height: 34px;
    background: #2a2a2f;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    color: #bbb;
}

    .icon-btn:hover[b-x8n3tl6yq2] {
        background: #333;
    }

.search-box[b-x8n3tl6yq2] {
    display: flex;
    align-items: center;
    background: #2a2a2f;
    border-radius: 8px;
    padding: 4px 8px;
    gap: 6px;
}

    .search-box input[b-x8n3tl6yq2] {
        background: none;
        border: none;
        outline: none;
        color: #fff;
    }


.users-table[b-x8n3tl6yq2] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

    .users-table th[b-x8n3tl6yq2],
    .users-table td[b-x8n3tl6yq2] {
        padding: 14px 16px;
        border-bottom: 1px solid #2f2f2f;
        font-size: 14px;
        text-align: left;
        word-wrap: break-word;
    }

    .users-table th[b-x8n3tl6yq2] {
        color: #bfbfbf;
        font-weight: 600;
    }

.th-content[b-x8n3tl6yq2] {
    display: flex;
    align-items: center;
    gap: 6px;
}


.role[b-x8n3tl6yq2] {
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 12px;
}

    .role.admin[b-x8n3tl6yq2] {
        color: #3ddc97;
    }

    .role.operator[b-x8n3tl6yq2] {
        color: #ff6b6b;
    }


@media (max-width: 1200px) {

    .content-row[b-x8n3tl6yq2] {
        flex-direction: column;
    }

    .side-panel[b-x8n3tl6yq2] {
        width: 100%;
        flex-direction: column;
        overflow-x: auto;
    }

    .table-header[b-x8n3tl6yq2] {
        flex-wrap: wrap;
        gap: 10px;
    }

    .users-table thead[b-x8n3tl6yq2] {
        display: none;
    }

    .users-table[b-x8n3tl6yq2],
    .users-table tbody[b-x8n3tl6yq2],
    .users-table tr[b-x8n3tl6yq2],
    .users-table td[b-x8n3tl6yq2] {
        display: block;
        width: 100%;
    }

        .users-table tr[b-x8n3tl6yq2] {
            background: #1c1c1c;
            padding: 15px;
            margin-bottom: 15px;
            border-radius: 8px;
            border: 1px solid #333;
        }

        .users-table td[b-x8n3tl6yq2] {
            position: relative;
            padding-left: 120px;
            border: none;
            font-size: 14px;
        }

            .users-table td[b-x8n3tl6yq2]::before {
                content: attr(data-label);
                position: absolute;
                left: 15px;
                top: 8px;
                font-weight: 600;
                color: #aaa;
                font-size: 13px;
            }
}


@media (max-width: 412px) {

    .users-table td[b-x8n3tl6yq2] {
        padding-left: 100px;
        font-size: 13px;
    }

    .search-box[b-x8n3tl6yq2] {
        width: 120px;
    }
}
/* /Pages/Account Admin/UserManagement.razor.rz.scp.css */
.admin-card[b-aa7ykv8qif] {
    width: 100%;
    max-width: 1580px;
    margin: 0 auto;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 10px;
    color: #eaeaea;
}


.page-title[b-aa7ykv8qif] {
    font-weight: 600;
    font-size: 27px;
}


.content-row[b-aa7ykv8qif] {
    width: 100%;
    display: flex;
    gap: 10px;
    padding: 16px;
    border: 1px solid #3a3a3b;
    border-radius: 5px;
    overflow: hidden;
}


.side-panel[b-aa7ykv8qif] {
    border-right: 1px solid #3a3a3b;
    width: 260px;
    min-width: 260px;
    background: #18181b;
    padding: 12px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .side-panel .panel-item span[b-aa7ykv8qif] {
        display: block;
        padding: 12px 16px;
        color: #fff;
        border-radius: 6px;
    }

    .side-panel .panel-item.active span[b-aa7ykv8qif] {
        background: rgb(49, 44, 46);
    }


.table-section[b-aa7ykv8qif] {
    flex: 1;
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}



.table-header[b-aa7ykv8qif] {
    width: 100%;
    background: #312C2E;
    border-radius: 5px;
    padding: 8px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.icon-btn[b-aa7ykv8qif] {
    width: 34px;
    height: 34px;
    background: #2a2a2f;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    color: #bbb;
}

    .icon-btn:hover[b-aa7ykv8qif] {
        background: #333;
    }

.search-box[b-aa7ykv8qif] {
    display: flex;
    align-items: center;
    background: #2a2a2f;
    border-radius: 8px;
    padding: 4px 8px;
    gap: 6px;
}

    .search-box input[b-aa7ykv8qif] {
        background: none;
        border: none;
        outline: none;
        color: #fff;
    }


.users-table[b-aa7ykv8qif] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

    .users-table th[b-aa7ykv8qif],
    .users-table td[b-aa7ykv8qif] {
        padding: 14px 16px;
        border-bottom: 1px solid #2f2f2f;
        font-size: 14px;
        text-align: left;
        word-wrap: break-word;
    }

    .users-table th[b-aa7ykv8qif] {
        color: #bfbfbf;
        font-weight: 600;
    }

.th-content[b-aa7ykv8qif] {
    display: flex;
    align-items: center;
    gap: 6px;
}


.role[b-aa7ykv8qif] {
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 12px;
}

    .role.admin[b-aa7ykv8qif] {
        color: #3ddc97;
    }

    .role.operator[b-aa7ykv8qif] {
        color: #ff6b6b;
    }


@media (max-width: 1200px) {

    .content-row[b-aa7ykv8qif] {
        flex-direction: column;
    }

    .side-panel[b-aa7ykv8qif] {
        width: 100%;
        flex-direction: column;
        overflow-x: auto;
    }

    .table-header[b-aa7ykv8qif] {
        flex-wrap: wrap;
        gap: 10px;
    }

    .users-table thead[b-aa7ykv8qif] {
        display: none;
    }

    .users-table[b-aa7ykv8qif],
    .users-table tbody[b-aa7ykv8qif],
    .users-table tr[b-aa7ykv8qif],
    .users-table td[b-aa7ykv8qif] {
        display: block;
        width: 100%;
    }

        .users-table tr[b-aa7ykv8qif] {
            background: #1c1c1c;
            padding: 15px;
            margin-bottom: 15px;
            border-radius: 8px;
            border: 1px solid #333;
        }

        .users-table td[b-aa7ykv8qif] {
            position: relative;
            padding-left: 120px;
            border: none;
            font-size: 14px;
        }

            .users-table td[b-aa7ykv8qif]::before {
                content: attr(data-label);
                position: absolute;
                left: 15px;
                top: 8px;
                font-weight: 600;
                color: #aaa;
                font-size: 13px;
            }
}


@media (max-width: 412px) {

    .users-table td[b-aa7ykv8qif] {
        padding-left: 100px;
        font-size: 13px;
    }

    .search-box[b-aa7ykv8qif] {
        width: 120px;
    }
}
/* /Pages/AuthPages/ForgetPassword.razor.rz.scp.css */
/*---------Sign up page------------*/
*[b-u8tvsuitr9] {
    box-sizing: border-box;
    font-family: Inter, Arial, sans-serif;
}


.signup-wrapper[b-u8tvsuitr9] {
    width: 100%;
    height: 100vh;
    display: flex;
    background: #231F20;
}


.signup-left[b-u8tvsuitr9] {
    width: 45%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #FFFFFF1A;
    background: #231F20;

}


.signup-content[b-u8tvsuitr9] {
    width: 380px;
    color: #ffffff;
}


.logo img[b-u8tvsuitr9] {
    height: 50px;
    margin-bottom: 35px;
}


.signup-content h2[b-u8tvsuitr9] {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -2%;
    margin-bottom: 6px;
}

.signin-link[b-u8tvsuitr9] {
    font-size: 14px;
    color: #9aa0a6;
}

    .signin-link a[b-u8tvsuitr9] {
        color: #ff5a3c;
        font-weight: 600;
        text-decoration: none;
    }

        .signin-link a:hover[b-u8tvsuitr9] {
            text-decoration: underline;
        }


.signup-form[b-u8tvsuitr9] {
    margin-bottom: 20px;
}

    .signup-form label[b-u8tvsuitr9] {
        font-size: 13px;
        color: #c1c2c3;
        margin-bottom: 6px;
        display: block;
    }


.signup-container[b-u8tvsuitr9] {
    position: relative;
}

.signup-form .sign-input[b-u8tvsuitr9] {
    width: 100%;
    padding: 12px 40px 12px 14px;
    background: #2a2a2a;
    border: 1px solid #3a3a3a;
    border-radius: 6px;
    color: #ffffff;
    font-size: 14px;
}

    .signup-container i[b-u8tvsuitr9] {
        position: absolute;
        right: 14px;
        top: 50%;
        transform: translateY(-50%);
        color: #9aa0a6;
        font-size: 14px;
        cursor: pointer;
    }


.form-options[b-u8tvsuitr9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    margin: 20px 0 28px;
}

.remember-me[b-u8tvsuitr9] {
    color: #c1c2c3;
}

    .remember-me span[b-u8tvsuitr9] {
        color: #1AD598;
    }

.forgot-pass[b-u8tvsuitr9] {
    color: #ff5a3c;
    text-decoration: none;
}


.btn-primary[b-u8tvsuitr9] {
    width: 100%;
    padding: 14px;
    border-radius: 25px;
    border: none;
    background: #ff5a3c;
    color: white;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}


.divider[b-u8tvsuitr9] {
    text-align: center;
    margin: 28px 0 20px;
    font-size: 12px;
    color: #777;
    position: relative;
}

    .divider[b-u8tvsuitr9]::before,
    .divider[b-u8tvsuitr9]::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 35%;
        height: 1px;
        background: #444;
    }

    .divider[b-u8tvsuitr9]::before {
        left: 0;
    }

    .divider[b-u8tvsuitr9]::after {
        right: 0;
    }


.social-login[b-u8tvsuitr9] {
    display: flex;
    justify-content: center;
    gap: 14px;
}

.social-btn[b-u8tvsuitr9] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #444;
    background: transparent;
    color: white;
    cursor: pointer;
}


.signup-right[b-u8tvsuitr9] {
    width: 55%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #231F20;
}


.welcome-content[b-u8tvsuitr9] {
    max-width: 460px;
    color: white;
}

    .welcome-content h1[b-u8tvsuitr9] {
        padding: 8px;
        font-size: 48px;
        font-weight: 700;
        margin-bottom: 18px;
    }

    .welcome-content p[b-u8tvsuitr9] {
        font-size: 18px;
        line-height: 1.7;
        color: #cfcfcf;
    }


.team-section[b-u8tvsuitr9] {
    display: flex;
    align-items: flex-end;
    gap: 24px;
    margin-top: 35px;
}

.avatar-group img[b-u8tvsuitr9] {
    height: 40px;
    margin-bottom: 12px;
}


.copyright[b-u8tvsuitr9] {
    font-size: 13px;
    color: #9aa0a6;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .copyright span[b-u8tvsuitr9] {
        opacity: 60%;
        padding: 2px 3px;
        height: 35px;
        width: 32px;
        font-size: 32px;
        line-height: 1;
    }
@media (max-width: 900px) {
    .signup-wrapper[b-u8tvsuitr9] {
        flex-direction: column;
    }

    .signup-left[b-u8tvsuitr9],
    .signup-right[b-u8tvsuitr9] {
        width: 100%;
        padding: 40px 20px;
    }

    .signup-right[b-u8tvsuitr9] {
        width: 100%;
    }
}
/* /Pages/AuthPages/Maintenance.razor.rz.scp.css */

.error-container[b-uzpwdrauld] {
/*    height: 100vh;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.person img[b-uzpwdrauld] {
    width: 600px;
    height: auto;
    display: block;
}

.maintenance img[b-uzpwdrauld] {
    width: 500px;
    height: 500px;
    display: block;
}

.message[b-uzpwdrauld] {
    font-size: 1.5rem;
    margin: 20px 0;
    color: #ccc;
}

.back-link[b-uzpwdrauld] {
    font-size: 1rem;
    color: #00d68f;
    text-decoration: none;
}

    .back-link:hover[b-uzpwdrauld] {
        text-decoration: underline;
    }
/* /Pages/AuthPages/NotFound.razor.rz.scp.css */

.error-container[b-wqxzu5h79y] {
/*    height: 100vh;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.person img[b-wqxzu5h79y] {
    width: 600px;
    height: auto;
    display: block;
}

.maintenance img[b-wqxzu5h79y] {
    width: 500px;
    height: 500px;
    display: block;
}

.message[b-wqxzu5h79y] {
    font-size: 1.5rem;
    margin: 20px 0;
    color: #ccc;
}

/* /Pages/AuthPages/SignIn.razor.rz.scp.css */

*[b-1m1fp5we6h] {
    box-sizing: border-box;
    font-family: Inter, Arial, sans-serif;
}


.signin-wrapper[b-1m1fp5we6h] {
    width: 100%;
    height: 100vh;
    display: flex;
    background: #2b2b2b;
}


.signin-left[b-1m1fp5we6h] {
    width: 45%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #FFFFFF1A;
    background: #231F20;
}


.form-content[b-1m1fp5we6h] {
    width: 380px;
    color: #ffffff;
}


.logo img[b-1m1fp5we6h] {
    height: 28px;
    margin-bottom: 35px;
}


.form-content h2[b-1m1fp5we6h] {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 6px;
}

.signup-link[b-1m1fp5we6h] {
    font-size: 14px;
    color: #9aa0a6;
    margin-bottom: 30px;
}

    .signup-link a[b-1m1fp5we6h] {
        color: #ff5a3c;
        text-decoration: none;
    }


.form-group[b-1m1fp5we6h] {
    margin-bottom: 20px;
}

    .form-group label[b-1m1fp5we6h] {
        font-size: 13px;
        color: #c1c2c3;
        margin-bottom: 6px;
        display: block;
    }


.input-container[b-1m1fp5we6h] {
    position: relative;
}

    .input-container input[b-1m1fp5we6h] {
        width: 100%;
        padding: 12px 40px 12px 14px;
        background: #2a2a2a;
        border: 1px solid #3a3a3a;
        border-radius: 6px;
        color: #ffffff;
        font-size: 14px;
    }

    .input-container i[b-1m1fp5we6h] {
        position: absolute;
        right: 14px;
        top: 50%;
        transform: translateY(-50%);
        color: #9aa0a6;
        font-size: 14px;
        cursor: pointer;
    }


.form-options[b-1m1fp5we6h] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    margin: 20px 0 28px;
}

.remember-me[b-1m1fp5we6h] {
    color: #c1c2c3;
}

.forgot-pass[b-1m1fp5we6h] {
    color: #ff5a3c;
    text-decoration: none;
}


.btn-primary[b-1m1fp5we6h] {
    width: 100%;
    padding: 14px;
    border-radius: 25px;
    border: none;
    background: #ff5a3c;
    color: white;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}


.divider[b-1m1fp5we6h] {
    text-align: center;
    margin: 28px 0 20px;
    font-size: 12px;
    color: #777;
    position: relative;
}

    .divider[b-1m1fp5we6h]::before,
    .divider[b-1m1fp5we6h]::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 35%;
        height: 1px;
        background: #444;
    }

    .divider[b-1m1fp5we6h]::before {
        left: 0;
    }

    .divider[b-1m1fp5we6h]::after {
        right: 0;
    }


.social-login[b-1m1fp5we6h] {
    display: flex;
    justify-content: center;
    gap: 14px;
}

.social-btn[b-1m1fp5we6h] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #444;
    background: transparent;
    color: white;
    cursor: pointer;
}


.signin-right[b-1m1fp5we6h] {
    width: 55%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #231F20;
}


.welcome-content[b-1m1fp5we6h] {
    max-width: 460px;
    color: white;
}

    .welcome-content h1[b-1m1fp5we6h] {
        padding: 8px;
        font-size: 48px;
        font-weight: 700;
        margin-bottom: 18px;
    }

    .welcome-content p[b-1m1fp5we6h] {
        font-size: 18px;
        line-height: 1.7;
        color: #cfcfcf;
    }

.team-section[b-1m1fp5we6h] {
    display: flex;
    align-items: flex-end;
    gap: 24px;
    margin-top: 35px;
}

.avatar-group img[b-1m1fp5we6h] {
    height: 40px;
    margin-bottom: 12px;
}


.copyright[b-1m1fp5we6h] {
    font-size: 13px;
    color: #9aa0a6;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .copyright span[b-1m1fp5we6h] {
        opacity: 60%;
        padding: 2px 3px;
        height: 35px;
        width: 32px;
        font-size: 32px;
        line-height: 1;
    }


@media (max-width: 900px) {
    .signin-wrapper[b-1m1fp5we6h] {
        flex-direction: column;
    }

    .signin-left[b-1m1fp5we6h],
    .signin-right[b-1m1fp5we6h] {
        width: 100%;
        padding: 40px 20px;
    }

    .signin-right[b-1m1fp5we6h] {
        width: 100%;
        padding: 40px 20px;
    }
}
/* /Pages/AuthPages/SignUp.razor.rz.scp.css */
/*---------Sign up page------------*/
*[b-kcaq4dkknm] {
    box-sizing: border-box;
    font-family: Inter, Arial, sans-serif;
}


.signup-wrapper[b-kcaq4dkknm] {
    width: 100%;
    height: 100vh;
    display: flex;
    background: #231F20;
}


.signup-left[b-kcaq4dkknm] {
    width: 45%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #FFFFFF1A;
    background: #231F20;
}


.signup-content[b-kcaq4dkknm] {
    width: 380px;
    color: #ffffff;
}


.logo img[b-kcaq4dkknm] {
    height: 50px;
    margin-bottom: 35px;
}


.signup-content h2[b-kcaq4dkknm] {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -2%;
    margin-bottom: 6px;
}

.signin-link[b-kcaq4dkknm] {
    font-size: 14px;
    color: #9aa0a6;
}

    .signin-link a[b-kcaq4dkknm] {
        color: #ff5a3c;
        font-weight: 600;
        text-decoration: none;
    }

        .signin-link a:hover[b-kcaq4dkknm] {
            text-decoration: underline;
        }


.signup-form[b-kcaq4dkknm] {
    margin-bottom: 20px;
}

    .signup-form label[b-kcaq4dkknm] {
        font-size: 13px;
        color: #c1c2c3;
        margin-bottom: 6px;
        display: block;
    }


.signup-container[b-kcaq4dkknm] {
    position: relative;
}

    .signup-container .sign-input[b-kcaq4dkknm] {
        width: 100%;
        padding: 12px 40px 12px 14px;
        background: #2a2a2a;
        border: 1px solid #3a3a3a;
        border-radius: 6px;
        color: #ffffff;
        font-size: 14px;
    }

    .signup-container i[b-kcaq4dkknm] {
        position: absolute;
        right: 14px;
        top: 50%;
        transform: translateY(-50%);
        color: #9aa0a6;
        font-size: 14px;
        cursor: pointer;
    }


.form-options[b-kcaq4dkknm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    margin: 20px 0 28px;
}

.remember-me[b-kcaq4dkknm] {
    color: #c1c2c3;
}
    .remember-me span[b-kcaq4dkknm] {
        color: #1AD598;
    }

.forgot-pass[b-kcaq4dkknm] {
    color: #ff5a3c;
    text-decoration: none;
}


.btn-primary[b-kcaq4dkknm] {
    width: 100%;
    padding: 14px;
    border-radius: 25px;
    border: none;
    background: #ff5a3c;
    color: white;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}


.divider[b-kcaq4dkknm] {
    text-align: center;
    margin: 28px 0 20px;
    font-size: 12px;
    color: #777;
    position: relative;
}

    .divider[b-kcaq4dkknm]::before,
    .divider[b-kcaq4dkknm]::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 35%;
        height: 1px;
        background: #444;
    }

    .divider[b-kcaq4dkknm]::before {
        left: 0;
    }

    .divider[b-kcaq4dkknm]::after {
        right: 0;
    }


.social-login[b-kcaq4dkknm] {
    display: flex;
    justify-content: center;
    gap: 14px;
}

.social-btn[b-kcaq4dkknm] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #444;
    background: transparent;
    color: white;
    cursor: pointer;
}


.signup-right[b-kcaq4dkknm] {
    width: 55%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #231F20;
}


.welcome-content[b-kcaq4dkknm] {
    max-width: 460px;
    color: white;
}

    .welcome-content h1[b-kcaq4dkknm] {
        padding: 8px;
        font-size: 48px;
        font-weight: 700;
        margin-bottom: 18px;
    }

    .welcome-content p[b-kcaq4dkknm] {
        font-size: 18px;
        line-height: 1.7;
        color: #cfcfcf;
    }


.team-section[b-kcaq4dkknm] {
    display: flex;
    align-items: flex-end;
    gap: 24px;
    margin-top: 35px;
}

.avatar-group img[b-kcaq4dkknm] {
    height: 40px;
    margin-bottom: 12px;
}


.copyright[b-kcaq4dkknm] {
    font-size: 13px;
    color: #9aa0a6;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .copyright span[b-kcaq4dkknm] {
        opacity: 60%;
        padding: 2px 3px;
        height: 35px;
        width: 32px;
        font-size: 32px;
        line-height: 1;
    }
@media (max-width: 900px) {
    .signup-wrapper[b-kcaq4dkknm] {
        flex-direction: column;
    }

    .signup-left[b-kcaq4dkknm],
    .signup-right[b-kcaq4dkknm] {
        width: 100%;
        padding: 40px 20px;
    }

    .signup-right[b-kcaq4dkknm] {
        width: 100%;

    }
}
/* /Pages/AuthPages/SomethingWrong.razor.rz.scp.css */

.error-container[b-ph94icxzwq] {
/*    height: 100vh;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.person img[b-ph94icxzwq] {
    width: 600px;
    height: auto;
    display: block;
}

.maintenance img[b-ph94icxzwq] {
    width: 500px;
    height: 500px;
    display: block;
}

.message[b-ph94icxzwq] {
    font-size: 1.5rem;
    margin: 20px 0;
    color: #ccc;
}

.back-link[b-ph94icxzwq] {
    font-size: 1rem;
    color: #00d68f;
    text-decoration: none;
}

    .back-link:hover[b-ph94icxzwq] {
        text-decoration: underline;
    }
/* /Pages/Dashboard/Projects.razor.rz.scp.css */

.project-btn[b-lb22au34m0] {
    padding: 15px;
    display: flex;
    justify-content: right;
    margin: 0 4% 10px 0;
}
    .project-btn .btn-new[b-lb22au34m0] {
        display:flex;
        justify-content:space-between;
        align-items:center;
        background: #FF5533;
        color: #fff;
        border: none;
        padding: 9px 24px;
        border-radius: 7px;
        font-weight: 300;
        font-size: 12px;
        cursor: pointer;
    }

    .left-arrow[b-lb22au34m0] {
        margin-right: -11px;
        font-size: 10px;
        padding: 25px;
    }
.right-arrow[b-lb22au34m0] {
    margin-left: -220px;
    font-size: 10px;
    padding:25px;
}

    .hotel-card a[b-lb22au34m0]{
        text-decoration:none;
    }
    .hotel-card:hover[b-lb22au34m0] {
        transform: translateY(-5px);
    }

.card-image img[b-lb22au34m0] {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.card-info[b-lb22au34m0] {
    padding: 13px;
    background: #332D2F;
}

.hotel-name[b-lb22au34m0] {
    margin: 0 0 8px 0;
    font-size: 18px;
    color: #ffffff;
}

.location-row[b-lb22au34m0] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #94A3B8;
    font-size: 12px;
    margin-bottom: 15px;
}

    .location-row i[b-lb22au34m0] {
        color: #94A3B8; 
    }


.card-footer[b-lb22au34m0] {
    display: flex;
    align-items: center;
    padding-top: 10px;
    background: #332D2F;
}

.person-icons[b-lb22au34m0] {
    display: flex;
    gap: 5px;
    color: #b3b3b3;
    
}
    .person-icons .icon1[b-lb22au34m0] {
        color: #FF5533;
        border: 1px solid #FF5533;
        padding: 9px 8px;
        border-radius: 50%;
    }
    .person-icons .icon2[b-lb22au34m0] {
        color: #4EA6DB;
        border: 1px solid #4EA6DB;
        padding: 10px;
        border-radius: 50%;
    }

    .teams-tag[b-lb22au34m0] {
        
        color: #ffffff;
        padding: 4px 10px;
        border-radius: 20px;
        font-size: 12px;
        
    }


.carousel-container[b-lb22au34m0] {
    width: 100%;
    margin: 15px auto;
    max-width: 1022px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.cards-wrapper[b-lb22au34m0] {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    position: relative;
    mask-image: linear-gradient( to right, rgba(0,0,0,0), black 10%, black 90%, rgba(0,0,0,0) );
    -webkit-mask-image: linear-gradient( to right, rgba(0,0,0,0), black 10%, black 90%, rgba(0,0,0,0) );
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
}

    .cards-wrapper[b-lb22au34m0]::-webkit-scrollbar {
        display: none;
    }

.cards-wrapper[b-lb22au34m0] {
    scrollbar-width: none;
}

.hotel-card[b-lb22au34m0] {
    min-width: 280px;
    background-color: #262626;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #404040;
}

.nav-arrow[b-lb22au34m0] {
    background-color: #333;
    color: white;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    pointer-events: auto;
    z-index: 10;
}

    .nav-arrow:hover[b-lb22au34m0] {
        background-color: #ff5722;
    }

.left-arrow[b-lb22au34m0] {
    margin-right: 10px;
}

.right-arrow[b-lb22au34m0] {
    margin-left: 10px;
}



.hotel-card.blur[b-lb22au34m0] {
    position: relative;
    overflow: hidden;
}

    .hotel-card.blur[b-lb22au34m0]::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(4px);
        border-radius: 12px;
        z-index: 1;
    }

    .hotel-card.blur > *[b-lb22au34m0] {
        position: relative;
        z-index: 2;
    }


.dashboard-wrapper[b-lb22au34m0] {
    flex-direction: column;
    margin: 15px auto;
    width: 1022px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}


.activity-section[b-lb22au34m0] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
}
    .activity-section h2[b-lb22au34m0] {
        font-size: 18px;
    }

    .activity-section .hamburger[b-lb22au34m0] {
        font-size: 100px;
        cursor: pointer;
        color: #333;
    }


    .activity-section .section-title[b-lb22au34m0] {
        font-family: 'Inter',Segoe UI,;
        font-size: 20px;
        font-weight: 600;
        margin: 0;
        color: white;
    }

.program-header[b-lb22au34m0] {
    display: grid;
    grid-template-columns: 40px 1fr 40px;
    align-items: center;
    padding: 16px 20px;
    background: #2b2628;
    border-bottom: 1px solid #3a3436;
}


    .program-header .menu[b-lb22au34m0] {
        font-size: 18px;
        cursor: pointer;
        text-align: left;
    }

    .program-header h2[b-lb22au34m0] {
        margin: 0;
        text-align: center;
        font-size: 18px;
        font-weight: 500;
        color: #fff;
    }


    .program-header .expand[b-lb22au34m0] {
        font-size: 16px;
        cursor: pointer;
        text-align: right;
    }


.program-wrapper[b-lb22au34m0] {
    width: 100%;
    max-width: 1200px;
    margin: 15px auto;
    background: #2b2628;
    border-radius: 16px;
    overflow: hidden;
}

.program-header[b-lb22au34m0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid #3a3436;
}

    .program-header h2[b-lb22au34m0] {
        margin: 0;
        font-size: 18px;
    }

.program-table[b-lb22au34m0] {
    width: 100%;
}

.table-header[b-lb22au34m0],
.table-row[b-lb22au34m0] {
    display: grid;
    grid-template-columns: 60px 300px 140px 1fr;
    align-items: center;
    padding: 14px 20px;
}

.table-header[b-lb22au34m0] {
    background: #2f2a2c;
    font-size: 13px;
    color: #b0b3b8;
}

.timeline[b-lb22au34m0] {
    position: relative;
    height: 25px;
}

    .timeline .date[b-lb22au34m0] {
        position: absolute;
        top: 0;
        font-size: 12px;
        color: #9ca3af;
    }

        .timeline .date:nth-child(1)[b-lb22au34m0] {
            left: 0;
        }

        .timeline .date:nth-child(2)[b-lb22au34m0] {
            left: 20%;
        }

        .timeline .date:nth-child(3)[b-lb22au34m0] {
            left: 40%;
        }

        .timeline .date:nth-child(4)[b-lb22au34m0] {
            left: 60%;
        }

        .timeline .date:nth-child(5)[b-lb22au34m0] {
            left: 80%;
        }

.table-row[b-lb22au34m0] {
    border-top: 1px solid #3a3436;
    font-size: 14px;
}

.task-bar[b-lb22au34m0] {
    height: 22px;
    border-radius: 12px;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 10px;
    color: #fff;
    font-size: 12px;
}

    .task-bar.gray[b-lb22au34m0] {
        background: #3f434b;
    }

    .task-bar.orange[b-lb22au34m0] {
        background: #ff5a3c;
    }

    .task-bar.dark[b-lb22au34m0] {
        background: #111;
    }

.percent[b-lb22au34m0] {
    background: rgba(0,0,0,0.35);
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
}

.milestone[b-lb22au34m0] {
    font-size: 16px;
    color: #cbd5f5;
    margin-left: 40%;
}
.program-table[b-lb22au34m0] {
    width: 100%;
    overflow-x: auto;
}

.table-header[b-lb22au34m0],
.table-row[b-lb22au34m0] {
    grid-template-columns: 60px 300px 140px 1fr;
}

/*---------------Responsive----------------*/

@media (max-width: 1024px) {
    .table-header[b-lb22au34m0],
    .table-row[b-lb22au34m0] {
        grid-template-columns: 50px 1fr 120px 1fr;
    }
}


@media (max-width: 768px) {
    .table-header[b-lb22au34m0],
    .table-row[b-lb22au34m0] {
        grid-template-columns: 40px 1fr;
        row-gap: 8px;
    }


    .timeline[b-lb22au34m0] {
        grid-column: span 2;
        margin-top: 6px;
    }
}


@media (max-width: 480px) {

    .table-row[b-lb22au34m0] {
        padding: 12px;
        font-size: 13px;
    }
}

@media (max-width: 1200px) {
    .hotel-card[b-lb22au34m0] {
        flex: 0 0 240px;
    }

    .graph img[b-lb22au34m0] {
        padding: 17px 150px;
    }
}


    .hotel-card[b-lb22au34m0] {
        flex: 0 0 200px;
    }
    .graph img[b-lb22au34m0] {
        padding: 17px 50px;
    }



    .hotel-card[b-lb22au34m0] {
        flex: 0 0 160px;
    }
    .graph img[b-lb22au34m0] {
        padding: 10px 20px;
    }



@media (max-width: 480px) {
    .hotel-card[b-lb22au34m0] {
        flex: 0 0 100%;
    }

}
/* /Pages/Dashboard/ProjectsNavigation.razor.rz.scp.css */
.documents-grid-container[b-a1c765tj4s] {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    min-height: 80vh;
    background-color: #1a1819;
    overflow-x: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.documents-cards-grid[b-a1c765tj4s] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
}

.card[b-a1c765tj4s] {
    background-color: #232021;
    border-radius: 32px;
    height: 320px;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: #ffffff;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease, background-color 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.05);
    box-sizing: border-box;
}

    .card:hover[b-a1c765tj4s] {
        transform: translateY(-10px);
        background-color: #2a2728;
    }

.document-icon[b-a1c765tj4s] {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

    .document-icon img[b-a1c765tj4s] {
        width: 60px;
        height: 60px;
        object-fit: contain;
    }

.document-content[b-a1c765tj4s] {
    padding: 25px;
}

    .document-content h3[b-a1c765tj4s] {
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 8px;
        color: #F8FAFC;
    }

    .document-content p[b-a1c765tj4s] {
        font-size: 12px;
        color: #94A3B8;
        line-height: 1.5;
        margin: 0;
    }
/*--------------Responsive--------------*/
@media (max-width: 1200px) {
    .documents-grid-container[b-a1c765tj4s] {
        max-width: 100%;
        padding: 20px;
    }
}

@media (max-width: 992px) {
    .documents-cards-grid[b-a1c765tj4s] {
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    }
}

@media (max-width: 768px) {
    .documents-cards-grid[b-a1c765tj4s] {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
}

@media (max-width: 480px) {
    .documents-cards-grid[b-a1c765tj4s] {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .document-content h3[b-a1c765tj4s] {
        font-size: 16px;
    }
}

/* /Pages/Documents/Assets/Assets.razor.rz.scp.css */
.content-area[b-sxkqy9tdds] {
    padding: 140px 320px;
}
.assets-grid[b-sxkqy9tdds] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    padding: 0;
}


.assets-card[b-sxkqy9tdds] {
    background-color: #312C2E;
    border-radius: 12px;
    height: 200px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    color: #e5e7eb;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    transition: transform 0.2s, box-shadow 0.2s;
    cursor: pointer;
}

    .assets-card:hover[b-sxkqy9tdds] {
        transform: translateY(-3px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);
    }


.card-name[b-sxkqy9tdds] {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 20px 0 20px;
    font-size: 24px;
    font-weight: 700;
    text-align: left;
}

.card-footer[b-sxkqy9tdds] {
    padding: 10px 20px 15px 20px;
    background-color: #282c34;
    border-top: 1px solid #3e4451;
}

.company-name[b-sxkqy9tdds] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
}

.status-tag[b-sxkqy9tdds] {
    margin: 0;
    font-size: 12px;
    color: #9aa0a6;
}

.assets-card[b-sxkqy9tdds] {
    text-decoration: none;
}

@media (max-width: 600px) {

    .assets-grid[b-sxkqy9tdds] {
        gap: 15px;
    }

    .assets-card[b-sxkqy9tdds] {
        height: 130px;
    }

    .card-name[b-sxkqy9tdds] {
        font-size: 20px;
        padding: 15px 15px 0 15px;
    }

    .card-footer[b-sxkqy9tdds] {
        padding: 8px 15px 10px 15px;
    }
}
/* /Pages/Documents/Assets/Assets_Podium.razor.rz.scp.css */
.asset[b-5dc4dyhwit] {
    font-family: 'Inter', sans-serif;
    font-size: 28px;
    font-weight: 600;
}


.inside_navbar[b-5dc4dyhwit] {
    height: 40px;
    border: 1px solid #222;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 15px;
    background-color: #312C2E;
    border-radius: 8px;
    flex-wrap: wrap;
    gap: 10px;
}

.inside_icon[b-5dc4dyhwit] {
    height:15px;
    width:15px;
    color: #C1C2C3;
    padding: 0 5px;
    cursor: pointer;
}

.inside_navbar input[type="text"][b-5dc4dyhwit] {
    height: 25px;
    padding: 0 8px;
    margin-left: 15px;
    border: 1px solid #FFFFFF1A;
    border-radius: 4px;
    background-color: #3e4451;
    color: #FFFFFF;
    font-size: 14px;
}


.inside-top[b-5dc4dyhwit] {
    display: flex;
    gap: 20px;
}


.active-link[b-5dc4dyhwit] {
    color: #007bff;
    font-weight: bold;
    border-bottom: 2px solid #ff5533;
    padding-bottom: 5px;
    cursor: pointer;
}


.inside-top p[b-5dc4dyhwit] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color:#FFFFFF;
    margin: 0;
    cursor: pointer;
    color: white;
    margin-bottom: 5px;
    padding-bottom: 1px;
}

.active_status[b-5dc4dyhwit] {
    color: #E7943F;
}

.submenu.visible[b-5dc4dyhwit] {
    display: block;
}

.inside-top p a[b-5dc4dyhwit] {
    padding: 8px 20px 8px 40px;
    color: #c9c9c9;
    font-size: 14px;
    display: flex;
    align-items: center;
    text-decoration: none;
}

    .inside-top p a:hover[b-5dc4dyhwit] {
        background-color: #2c3038;
        color: #ffffff;
    }

.card[b-5dc4dyhwit] {
    background: #231F20;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #222;
    margin-top: 15px;
}


table[b-5dc4dyhwit] {
    width: 100%;
    color: white;
    border-collapse: collapse;
}

th[b-5dc4dyhwit], td[b-5dc4dyhwit] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 10px;
    border-bottom: 1px solid #FFFFFF1A;
}

Pagination
.pagination[b-5dc4dyhwit] {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
    gap: 5px;
}

.pagination button[b-5dc4dyhwit] {
    background: none;
    border: none;
    color: #b3b3b3;
    cursor: pointer;
    padding: 5px 10px;
}

    .pagination button.active[b-5dc4dyhwit] {
        color: white;
        background: #444;
        border-radius: 4px;
    }


@media (max-width: 850px) {


    .inside_navbar[b-5dc4dyhwit] {
        justify-content: flex-end;
        height: auto;
    }

        .inside_navbar input[type="text"][b-5dc4dyhwit] {
            width: 80%;
            margin-top: 8px;
            margin-bottom: 8px;
            margin-left: 0;
        }


    table[b-5dc4dyhwit], thead[b-5dc4dyhwit], tbody[b-5dc4dyhwit], th[b-5dc4dyhwit], td[b-5dc4dyhwit], tr[b-5dc4dyhwit] {
        display: block;
    }


    thead[b-5dc4dyhwit] {
        display: none;
    }

    tr[b-5dc4dyhwit] {
        margin-bottom: 15px;
        background: #1c1c1c;
        padding: 15px;
        border-radius: 8px;
        border: 1px solid #333;
    }

    td[b-5dc4dyhwit] {
        border: none;
        padding: 8px 0;
        position: relative;
        padding-left: 120px;
        font-size: 14px;
        min-height: 30px;
    }


        td[b-5dc4dyhwit]::before {
            content: attr(data-label);
            position: absolute;
            left: 15px;
            top: 8px;
            font-weight: bold;
            color: #aaaaaa;
            font-size: 13px;
        }
}

@media (max-width: 412px) {


    .inside_navbar[b-5dc4dyhwit] {
        justify-content: flex-end;
        height: auto;
        margin-bottom: 5px;
    }

        .inside_navbar input[type="text"][b-5dc4dyhwit] {
            width: 60%;
            margin-top: 8px;
            margin-bottom: 8px;
            margin-left: 0;
        }
}




/*
.inside_navbar {
    height: 40px;
    border: 1px solid #312C2E;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 15px;
    background-color: #312C2E;
    border-radius: 8px;
    flex-wrap: wrap;
    gap: 10px;
}

.inside_icon {
    color: #bbb;
    padding: 0 5px;
    cursor: pointer;
}

.inside_navbar input[type="text"] {
    height: 25px;
    padding: 0 8px;
    margin-left: 15px;
    border: 1px solid #444;
    border-radius: 4px;
    background-color: #3e4451;
    color: #ffffff;
    font-size: 14px;
}


.inside-top {
    display: flex;
    gap: 20px;
}


.active-link {
    color: #007bff;
    font-weight: bold;
    border-bottom: 2px solid #ff5533;
    padding-bottom: 5px;
    cursor: pointer;
}


.inside-top p {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight:500;
    margin: 0;
    cursor: pointer;
    color: #FFFFFF99;
    margin-bottom: 5px;
    padding-bottom: 1px;
}

.active_status {
    color: #E7943F;
}

.submenu.visible {
    display: block;
}

.inside-top p a {
    padding: 8px 20px 8px 40px;
    color: #c9c9c9;
    font-size: 14px;
    display: flex;
    align-items: center;
    text-decoration: none;
}

    .inside-top p a:hover {
        background-color: #2c3038;
        color: #ffffff;
    }

.card {
    background: #312C2E;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #312C2E;
    margin-top: 15px;
}


table {
    width: 100%;
    color: white;
    border-collapse: collapse;
}

th, td {
    font-weight:500;
    color: #FFFFFF;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    padding: 10px;
    border-bottom: 1px solid #312C2E;
}

 Pagination 
.pagination {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
    gap: 5px;
}

    .pagination button {
        background: none;
        border: none;
        color: #b3b3b3;
        cursor: pointer;
        padding: 5px 10px;
    }

        .pagination button.active {
            color: white;
            background: #444;
            border-radius: 4px;
        }


@media (max-width: 850px) {


    .inside_navbar {
        justify-content: flex-end;
        height: auto;
    }

        .inside_navbar input[type="text"] {
            width: 80%;
            margin-top: 8px;
            margin-bottom: 8px;
            margin-left: 0;
        }


    table, thead, tbody, th, td, tr {
        display: block;
    }


    thead {
        display: none;
    }

    tr {
        margin-bottom: 15px;
        background: #1c1c1c;
        padding: 15px;
        border-radius: 8px;
        border: 1px solid #333;
    }

    td {
        border: none;
        padding: 8px 0;
        position: relative;
        padding-left: 120px;
        font-size: 14px;
        min-height: 30px;
    }


        td::before {
            content: attr(data-label);
            position: absolute;
            left: 15px;
            top: 8px;
            font-weight: bold;
            color: #aaaaaa;
            font-size: 13px;
        }
}

@media (max-width: 412px) {


    .inside_navbar {
        justify-content: flex-end;
        height: auto;
        margin-bottom: 5px;
    }

        .inside_navbar input[type="text"] {
            width: 60%;
            margin-top: 8px;
            margin-bottom: 8px;
            margin-left: 0;
        }
}
*/
/* /Pages/Documents/Assets/Tower_1.razor.rz.scp.css */

.assets-grid[b-r1ci2ilkb0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    padding: 0;
}


.assets-card[b-r1ci2ilkb0] {
    background-color: #312C2E;
    border-radius: 12px;
    height: 200px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    color: #e5e7eb;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    transition: transform 0.2s, box-shadow 0.2s;
    cursor: pointer;
}

    .assets-card:hover[b-r1ci2ilkb0] {
        transform: translateY(-3px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);
    }


.card-name[b-r1ci2ilkb0] {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 20px 0 20px;
    font-size: 24px;
    font-weight: 700;
    text-align: left;
}

.card-footer[b-r1ci2ilkb0] {
    padding: 10px 20px 15px 20px;
    background-color: #282c34;
    border-top: 1px solid #3e4451;
}

.company-name[b-r1ci2ilkb0] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
}

.card[b-r1ci2ilkb0] {
    background: #141414;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #222;
    margin-top: 15px;
}


table[b-r1ci2ilkb0] {
    width: 100%;
    color: white;
    border-collapse: collapse;
}

th[b-r1ci2ilkb0], td[b-r1ci2ilkb0] {
    padding: 10px;
    border-bottom: 1px solid #222;
}

 Pagination 
.pagination[b-r1ci2ilkb0] {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
    gap: 5px;
}

    .pagination button[b-r1ci2ilkb0] {
        background: none;
        border: none;
        color: #b3b3b3;
        cursor: pointer;
        padding: 5px 10px;
    }

        .pagination button.active[b-r1ci2ilkb0] {
            color: white;
            background: #444;
            border-radius: 4px;
        }


@media (max-width: 850px) {


    .inside_navbar[b-r1ci2ilkb0] {
        justify-content: flex-end;
        height: auto;
    }

        .inside_navbar input[type="text"][b-r1ci2ilkb0] {
            width: 80%;
            margin-top: 8px;
            margin-bottom: 8px;
            margin-left: 0;
        }


    table[b-r1ci2ilkb0], thead[b-r1ci2ilkb0], tbody[b-r1ci2ilkb0], th[b-r1ci2ilkb0], td[b-r1ci2ilkb0], tr[b-r1ci2ilkb0] {
        display: block;
    }

    .assets-card[b-r1ci2ilkb0] {
        text-decoration: none;
    }

    @media (max-width: 600px) {

        .assets-grid[b-r1ci2ilkb0] {
            gap: 15px;
        }

        .assets-card[b-r1ci2ilkb0] {
            height: 130px;
        }

        .card-name[b-r1ci2ilkb0] {
            font-size: 20px;
            padding: 15px 15px 0 15px;
        }

        .card-footer[b-r1ci2ilkb0] {
            padding: 8px 15px 10px 15px;
        }
    }
}
/* /Pages/Documents/Disciplines.razor.rz.scp.css */

.title[b-pqrh89p2dy] {
    color: white; 
    margin-bottom: 25px;
    font-size: 28px;
}


.disciplines-grid[b-pqrh89p2dy] {
    display: grid;
    
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px; 
    padding: 0;
}


.discipline-card[b-pqrh89p2dy] {
    background-color: #312C2E; 
    border-radius: 12px;
    height: 200px; 
    overflow: hidden;
    display: flex;
    flex-direction: column;
    color: #e5e7eb; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    transition: transform 0.2s, box-shadow 0.2s;
    cursor: pointer;
}

    .discipline-card:hover[b-pqrh89p2dy] {
        transform: translateY(-3px); 
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);
    }


.card-name[b-pqrh89p2dy] {
    flex-grow: 1; 
    display: flex;
    align-items: center;
    padding: 20px 20px 0 20px;
    font-size: 24px;
    font-weight: 700;
    text-align: left;
}

.card-footer[b-pqrh89p2dy] {
    padding: 10px 20px 15px 20px;
    background-color: #282c34; 
    border-top: 1px solid #3e4451;
}

.company-name[b-pqrh89p2dy] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff; 
}

.status-tag[b-pqrh89p2dy] {
    margin: 0;
    font-size: 12px;
    color: #9aa0a6; 
}
.discipline-card[b-pqrh89p2dy] {
    text-decoration: none;
}

@media (max-width: 600px) {
    
    .disciplines-grid[b-pqrh89p2dy] {
        gap: 15px;
    }

    .discipline-card[b-pqrh89p2dy] {
        height: 130px;
    }

    .card-name[b-pqrh89p2dy] {
        font-size: 20px; 
        padding: 15px 15px 0 15px;
    }

    .card-footer[b-pqrh89p2dy] {
        padding: 8px 15px 10px 15px;
    }
}
/* /Pages/Documents/Documents.razor.rz.scp.css */
.documents-grid-container[b-tpnnnbz7k7] {
    padding: 20px;
}

.documents-cards-grid[b-tpnnnbz7k7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
}


.card[b-tpnnnbz7k7] {
    background-color: #312C2E;
    border-radius: 8px;
    height: 180px;
    display: flex;
    flex-direction: column;
    color: #e5e7eb;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    transition: transform 0.2s, box-shadow 0.2s, background-color 0.2s;
    cursor: pointer;
    border: 1px solid #444;
    text-decoration: none;
}

    .card:hover[b-tpnnnbz7k7] {
        transform: translateY(-5px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.6);
        background-color: #3a3537;
    }

    .card .document-icon[b-tpnnnbz7k7] {
        height: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 40px;
        color: #999;
    }

    .card .document-content[b-tpnnnbz7k7] {
        padding: 10px 15px;
        height: 80px;
        overflow: hidden;
    }

        .card .document-content h3[b-tpnnnbz7k7] {
            font-size: 14px;
            margin: 0 0 5px 0;
            font-weight: 600;
        }

        .card .document-content p[b-tpnnnbz7k7] {
            font-size: 11px;
            margin: 0;
            color: #b0b0b0;

            .documents-grid-container {
                padding: 20px;
            }
            /* Default: Large Desktop (5 cards) */
            .documents-cards-grid[b-tpnnnbz7k7] {
                display: grid;
                grid-template-columns: repeat(5, 1fr);
                gap: 20px;
            }

            /* Large laptops (4 cards) */
            @media (max-width: 1600px) {
                .documents-cards-grid[b-tpnnnbz7k7] {
                    grid-template-columns: repeat(4, 1fr);
                }
            }
            /* Small laptops / tablets (3 cards) */
            @media (max-width: 1200px) {
                .documents-cards-grid[b-tpnnnbz7k7] {
                    grid-template-columns: repeat(3, 1fr);
                }
            }
            /* Tablets / large phones (2 cards) */
            @media (max-width: 768px) {
                .documents-cards-grid[b-tpnnnbz7k7] {
                    grid-template-columns: repeat(2, 1fr);
                }
            }
            /* Mobile (1 card) */
            @media (max-width: 480px) {
                .documents-cards-grid[b-tpnnnbz7k7] {
                    grid-template-columns: 1fr;
                }
            }
        }
/* /Pages/Documents/Register.razor.rz.scp.css */

.inside_navbar[b-264lwob8t9] {
    color: #bbb;
    height: 40px;
    border: 1px solid #222;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 15px;
    background: #312C2E;
    border-radius: 8px;
    flex-wrap: wrap;
    gap: 10px;
}

.inside_icon[b-264lwob8t9] {
    padding: 0 5px;
    cursor: pointer;
}

.inside_navbar input[type="text"][b-264lwob8t9] {
    height: 25px;
    padding: 0 8px;
    margin-left: 15px;
    border: 1px solid #444;
    border-radius: 4px;
    background-color: #3e4451;
    color: #ffffff;
    font-size: 14px;
}


.inside-top[b-264lwob8t9] {
    display: flex; 
    gap: 20px; 
}


.active-link[b-264lwob8t9] {
    color: #007bff; 
    font-weight: bold; 
    border-bottom: 2px solid #ff5533; 
    padding-bottom: 5px;
    cursor: pointer;
}


.inside-top p[b-264lwob8t9] {
    margin: 0; 
    cursor: pointer;
    color: white; 
    margin-bottom: 5px;
    padding-bottom:1px;
}



.submenu.visible[b-264lwob8t9] {
    display: block;
}

.inside-top p a[b-264lwob8t9] {
    padding: 8px 20px 8px 40px;
    color: #c9c9c9;
    font-size: 14px;
    display: flex;
    align-items: center;
    text-decoration: none;
}

    .inside-top p a:hover[b-264lwob8t9] {
        background-color: #2c3038;
        color: #ffffff;
    }

.card[b-264lwob8t9] {
    background: #141414;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #222;
    margin-top: 15px;
}


table[b-264lwob8t9] {
    width: 100%;
    color: white;
    border-collapse: collapse;
}

th[b-264lwob8t9], td[b-264lwob8t9] {
    padding: 10px;
    border-bottom: 1px solid #222;
}

 Pagination 
.pagination[b-264lwob8t9] {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
    gap: 5px;
}

    .pagination button[b-264lwob8t9] {
        background: none;
        border: none;
        color: #b3b3b3;
        cursor: pointer;
        padding: 5px 10px;
    }

        .pagination button.active[b-264lwob8t9] {
            color: white;
            background: #444;
            border-radius: 4px;
        }


@media (max-width: 850px) {


    .inside_navbar[b-264lwob8t9] {
        justify-content: flex-end;
        height: auto;
    }

        .inside_navbar input[type="text"][b-264lwob8t9] {
            width: 80%;
            margin-top: 8px;
            margin-bottom: 8px;
            margin-left: 0;
        }


    table[b-264lwob8t9], thead[b-264lwob8t9], tbody[b-264lwob8t9], th[b-264lwob8t9], td[b-264lwob8t9], tr[b-264lwob8t9] {
        display: block;
    }


    thead[b-264lwob8t9] {
        display: none;
    }

    tr[b-264lwob8t9] {
        margin-bottom: 15px;
        background: #1c1c1c;
        padding: 15px;
        border-radius: 8px;
        border: 1px solid #333;
    }

    td[b-264lwob8t9] {
        border: none;
        padding: 8px 0;
        position: relative;
        padding-left: 120px;
        font-size: 14px;
        min-height: 30px;
    }


        td[b-264lwob8t9]::before {
            content: attr(data-label);
            position: absolute;
            left: 15px;
            top: 8px;
            font-weight: bold;
            color: #aaaaaa;
            font-size: 13px;
        }
}

@media (max-width: 412px) {


    .inside_navbar[b-264lwob8t9] {
        justify-content: flex-end;
        height: auto;
        margin-bottom: 5px;
    }

        .inside_navbar input[type="text"][b-264lwob8t9] {
            width: 60%;
            margin-top: 8px;
            margin-bottom: 8px;
            margin-left: 0;
        }
}
/* /Pages/Documents/Reports.razor.rz.scp.css */

.inside_navbar[b-flspm9vyjb] {
    color: #bbb;
    height: 40px;
    border: 1px solid #222;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 15px;
    background: #312C2E;
    border-radius: 8px;
    flex-wrap: wrap;
    gap: 10px;
}

.inside_icon[b-flspm9vyjb] {
    padding: 0 5px;
    cursor: pointer;
}

.inside_navbar input[type="text"][b-flspm9vyjb] {
    height: 25px;
    padding: 0 8px;
    margin-left: 15px;
    border: 1px solid #444;
    border-radius: 4px;
    background-color: #3e4451;
    color: #ffffff;
    font-size: 14px;
}


.inside-top[b-flspm9vyjb] {
    display: flex;
    gap: 20px;
}


.active-link[b-flspm9vyjb] {
    color: #007bff;
    font-weight: bold;
    border-bottom: 2px solid #ff5533;
    padding-bottom: 5px;
    cursor: pointer;
}


.inside-top p[b-flspm9vyjb] {
    margin: 0;
    cursor: pointer;
    color: white;
    margin-bottom: 5px;
    padding-bottom: 1px;
}



.submenu.visible[b-flspm9vyjb] {
    display: block;
}

.inside-top p a[b-flspm9vyjb] {
    padding: 8px 20px 8px 40px;
    color: #c9c9c9;
    font-size: 14px;
    display: flex;
    align-items: center;
    text-decoration: none;
}

    .inside-top p a:hover[b-flspm9vyjb] {
        background-color: #2c3038;
        color: #ffffff;
    }

.card[b-flspm9vyjb] {
    background: #141414;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #222;
    margin-top: 15px;
}


table[b-flspm9vyjb] {
    width: 100%;
    color: white;
    border-collapse: collapse;
}

th[b-flspm9vyjb], td[b-flspm9vyjb] {
    padding: 10px;
    border-bottom: 1px solid #222;
}

 Pagination 
.pagination[b-flspm9vyjb] {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
    gap: 5px;
}

    .pagination button[b-flspm9vyjb] {
        background: none;
        border: none;
        color: #b3b3b3;
        cursor: pointer;
        padding: 5px 10px;
    }

        .pagination button.active[b-flspm9vyjb] {
            color: white;
            background: #444;
            border-radius: 4px;
        }


@media (max-width: 850px) {


    .inside_navbar[b-flspm9vyjb] {
        justify-content: flex-end;
        height: auto;
    }

        .inside_navbar input[type="text"][b-flspm9vyjb] {
            width: 80%;
            margin-top: 8px;
            margin-bottom: 8px;
            margin-left: 0;
        }


    table[b-flspm9vyjb], thead[b-flspm9vyjb], tbody[b-flspm9vyjb], th[b-flspm9vyjb], td[b-flspm9vyjb], tr[b-flspm9vyjb] {
        display: block;
    }


    thead[b-flspm9vyjb] {
        display: none;
    }

    tr[b-flspm9vyjb] {
        margin-bottom: 15px;
        background: #1c1c1c;
        padding: 15px;
        border-radius: 8px;
        border: 1px solid #333;
    }

    td[b-flspm9vyjb] {
        border: none;
        padding: 8px 0;
        position: relative;
        padding-left: 120px;
        font-size: 14px;
        min-height: 30px;
    }


        td[b-flspm9vyjb]::before {
            content: attr(data-label);
            position: absolute;
            left: 15px;
            top: 8px;
            font-weight: bold;
            color: #aaaaaa;
            font-size: 13px;
        }
}

@media (max-width: 412px) {


    .inside_navbar[b-flspm9vyjb] {
        justify-content: flex-end;
        height: auto;
        margin-bottom: 5px;
    }

        .inside_navbar input[type="text"][b-flspm9vyjb] {
            width: 60%;
            margin-top: 8px;
            margin-bottom: 8px;
            margin-left: 0;
        }
}
/* /Pages/Documents/Stages.razor.rz.scp.css */
a[b-fsqmw20csv]{
    text-decoration: none;
}
.stages-container[b-fsqmw20csv] {
    display: grid;
   
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    padding: 20px 0;
}


.stage-card[b-fsqmw20csv] {
    background-color: #312C2E;
    border-radius: 12px;
    overflow: hidden;
    height: 170px; 
    color: #e5e7eb; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
}


.card-header[b-fsqmw20csv] {
    padding: 30px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.5rem;
    font-weight: bold;
    color: #6c757d; 
}


.stage-number[b-fsqmw20csv] {
    font-size: 28px;
    font-weight: 300;
}


.ellipsis-menu[b-fsqmw20csv] {
    font-size: 24px;
    cursor: pointer;
    line-height: 1;
    color: #6c757d;
}


.card-content[b-fsqmw20csv] {
    padding: 15px;
    flex-grow: 1; 
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.stage-name[b-fsqmw20csv] {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 5px 0;
    color: #ffffff;
}

.stage-status[b-fsqmw20csv] {
    font-size: 14px;
    margin: 0;
    display: flex;
    align-items: center;
}

    .stage-status i[b-fsqmw20csv] {
        margin-right: 8px;
    }


.stage-approved .card-content[b-fsqmw20csv] {
    background-color: #00a880; 
}

.stage-approved .stage-status[b-fsqmw20csv] {
    color: #e5e7eb;
}


.stage-commented .card-content[b-fsqmw20csv] {
    background-color: #ff8c00; 
}

.stage-commented .stage-status[b-fsqmw20csv] {
    color: #f8f9fa;
}


.stage-revise .card-content[b-fsqmw20csv] {
    background-color: #6f42c1; 
}

.stage-revise .stage-status[b-fsqmw20csv] {
    color: #e5e7eb;
}


.stage-draft .card-content[b-fsqmw20csv] {
    background-color: #6c757d; 
}

.stage-draft .stage-status[b-fsqmw20csv] {
    color: #e5e7eb;
}


.stage-review .card-content[b-fsqmw20csv] {
    background-color: #007bff; 
}

.stage-review .stage-status[b-fsqmw20csv] {
    color: #e5e7eb;
}
/* /Pages/Documents/Submissions/Details.razor.rz.scp.css */

.main-content[b-39l559azgx] {
    display: flex;
    justify-content: center;
    padding: 30px 20px;
}


.header[b-39l559azgx] {
    background-color: #1e1e1e;
    padding: 20px 30px;
    margin:0 12px;
    border-bottom: 1px solid #2e2e2e;
}

    .header h1[b-39l559azgx] {
        margin: 0 0 15px 0;
        color: #ffffff;
        font-size: 20px;
        font-weight: 600;
    }


.nav-bar[b-39l559azgx] {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}

.nav-item[b-39l559azgx] {
    text-decoration: none;
    color: #b5b5b5;
    font-size: 14px;
    padding-bottom: 6px;
    position: relative;
}

    .nav-item:hover[b-39l559azgx] {
        color: #ffffff;
    }

    .nav-item.active[b-39l559azgx] {
        color: #e55353;
        font-weight: 600;
    }

        .nav-item.active[b-39l559azgx]::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: -6px;
            width: 100%;
            height: 2px;
            background-color: #e55353;
        }


.form-container[b-39l559azgx] {
    width: 100%;
    max-width: 650px;
    background-color: #1f1f1f;
    border: 1px solid #2b2b2b;
    border-radius: 8px;
    padding: 25px;
}


.form-group[b-39l559azgx] {
    display: flex;
    flex-direction: column;
    margin-bottom: 18px;
}

    .form-group label[b-39l559azgx] {
        font-size: 13px;
        color: #cfcfcf;
        margin-bottom: 6px;
    }

    .form-group input[b-39l559azgx],
    .form-group textarea[b-39l559azgx] {
        background-color: #1f1f1f;
        border: 1px solid #333;
        color: white;
        padding: 10px;
        border-radius: 6px;
        font-size: 14px;
    }

        .form-group input:focus[b-39l559azgx],
        .form-group textarea:focus[b-39l559azgx] {
            outline: none;
            border-color: #e55353;
        }


.form-actions[b-39l559azgx] {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
    margin-top: 25px;
}

.btn[b-39l559azgx] {
    padding: 9px 22px;
    font-size: 14px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
}

.exit-btn[b-39l559azgx] {
    background-color: #2f2f2f;
    color: white;
}

    .exit-btn:hover[b-39l559azgx] {
        background-color: #3a3a3a;
    }

.proceed-btn[b-39l559azgx] {
    background-color: #FF5533;
    color: white;
}

    .proceed-btn:hover[b-39l559azgx] {
        background-color: #cc4444;
    }

@media (max-width: 768px) {

    .header[b-39l559azgx] {
        padding: 15px 20px;
    }

        .header h1[b-39l559azgx] {
            font-size: 17px;
        }

    .nav-bar[b-39l559azgx] {
        gap: 15px;
    }

    .form-container[b-39l559azgx] {
        padding: 20px;
    }

    .form-actions[b-39l559azgx] {
        flex-direction: column;
        align-items: stretch;
    }

    .btn[b-39l559azgx] {
        width: 100%;
    }
}
/* /Pages/Documents/Submissions/DisciplineArchitecure.razor.rz.scp.css */
.asset[b-smfn9ai154] {
    font-family: 'Inter', sans-serif;
    font-size: 28px;
    font-weight: 600;
}
.inside_navbar[b-smfn9ai154] {
    height: 40px;
    border: 1px solid #222;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 15px;
    background-color: #312C2E;
    border-radius: 8px;
    flex-wrap: wrap;
    gap: 10px;
}

.inside_icon[b-smfn9ai154] {
    height: 15px;
    width: 15px;
    color: #C1C2C3;
    padding: 0 5px;
    cursor: pointer;
}

.inside_navbar input[type="text"][b-smfn9ai154] {
    height: 25px;
    padding: 0 8px;
    margin-left: 15px;
    border: 1px solid #FFFFFF1A;
    border-radius: 4px;
    background-color: #3e4451;
    color: #FFFFFF;
    font-size: 14px;
}



.active-link[b-smfn9ai154] {
    color: #007bff;
    font-weight: bold;
    border-bottom: 2px solid #ff5533;
    padding-bottom: 5px;
    cursor: pointer;
}




.active_status[b-smfn9ai154] {
    color: #E7943F;
}

.submenu.visible[b-smfn9ai154] {
    display: block;
}





.card[b-smfn9ai154] {
    background: #231F20;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #222;
    margin-top: 15px;
}


table[b-smfn9ai154] {
    width: 100%;
    color: white;
    border-collapse: collapse;
}

th[b-smfn9ai154], td[b-smfn9ai154] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    padding: 10px;
    border-bottom: 1px solid #FFFFFF1A;
}

Pagination
.pagination[b-smfn9ai154] {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
    gap: 5px;
}

.pagination button[b-smfn9ai154] {
    background: none;
    border: none;
    color: #b3b3b3;
    cursor: pointer;
    padding: 5px 10px;
}

    .pagination button.active[b-smfn9ai154] {
        color: white;
        background: #444;
        border-radius: 4px;
    }


@media (max-width: 850px) {


    .inside_navbar[b-smfn9ai154] {
        justify-content: flex-end;
        height: auto;
    }

        .inside_navbar input[type="text"][b-smfn9ai154] {
            width: 80%;
            margin-top: 8px;
            margin-bottom: 8px;
            margin-left: 0;
        }


    table[b-smfn9ai154], thead[b-smfn9ai154], tbody[b-smfn9ai154], th[b-smfn9ai154], td[b-smfn9ai154], tr[b-smfn9ai154] {
        display: block;
    }


    thead[b-smfn9ai154] {
        display: none;
    }

    tr[b-smfn9ai154] {
        margin-bottom: 15px;
        background: #1c1c1c;
        padding: 15px;
        border-radius: 8px;
        border: 1px solid #333;
    }

    td[b-smfn9ai154] {
        border: none;
        padding: 8px 0;
        position: relative;
        padding-left: 120px;
        font-size: 14px;
        min-height: 30px;
    }


        td[b-smfn9ai154]::before {
            content: attr(data-label);
            position: absolute;
            left: 15px;
            top: 8px;
            font-weight: bold;
            color: #aaaaaa;
            font-size: 13px;
        }
}

@media (max-width: 412px) {


    .inside_navbar[b-smfn9ai154] {
        justify-content: flex-end;
        height: auto;
        margin-bottom: 5px;
    }

        .inside_navbar input[type="text"][b-smfn9ai154] {
            width: 60%;
            margin-top: 8px;
            margin-bottom: 8px;
            margin-left: 0;
        }
}
/* /Pages/Documents/Submissions/Parameters.razor.rz.scp.css */



body[b-2jwbwfti13] {
    background-color: #1a1a1a;
    color: #ffffff;
    font-family: 'Segoe UI', sans-serif;
    margin: 0;
}
.container[b-2jwbwfti13]{
    margin:0;
 }

.header[b-2jwbwfti13] {
    background-color: #1e1e1e;
    padding: 20px 30px;
    border-bottom: 1px solid #2e2e2e;
}

    .header h1[b-2jwbwfti13] {
        margin: 0 0 15px 0;
        color: #ffffff;
        font-size: 20px;
        font-weight: 600;
    }


.nav-bar[b-2jwbwfti13] {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}

.nav-item[b-2jwbwfti13] {
    text-decoration: none;
    color: #b5b5b5;
    font-size: 14px;
    padding-bottom: 6px;
    position: relative;
}

    .nav-item:hover[b-2jwbwfti13] {
        color: #ffffff;
    }

    .nav-item.active[b-2jwbwfti13] {
        color: #e55353;
        font-weight: 600;
    }

        .nav-item.active[b-2jwbwfti13]::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: -6px;
            width: 100%;
            height: 2px;
            background-color: #e55353;
        }


 Table Card 
.table-card[b-2jwbwfti13] {
    background-color: #262626;
    border-radius: 8px;
    padding: 15px;
}

.toolbar[b-2jwbwfti13] {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
    background-color: #312C2E;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #404040;
}
    .toolbar .tool-icons[b-2jwbwfti13]{
        gap:15px;
        display:flex;
    }

.search-box input[b-2jwbwfti13] {
    background: #333;
    border: 1px solid #404040;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
}

 Table Design 
.table-responsive[b-2jwbwfti13] {
    overflow-x: auto;
}

table[b-2jwbwfti13] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    font-size: 0.85rem;
}

th[b-2jwbwfti13], td[b-2jwbwfti13] {
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid #404040;
}

th[b-2jwbwfti13] {
    color: #b3b3b3;
    font-weight: normal;
}

td[b-2jwbwfti13] {
    color: #ffffff;
}

.required[b-2jwbwfti13] {
    color: #ff5722;
}

 Pagination 
.pagination[b-2jwbwfti13] {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
    gap: 5px;
}

    .pagination button[b-2jwbwfti13] {
        background: none;
        border: none;
        color: #b3b3b3;
        cursor: pointer;
        padding: 5px 10px;
    }

        .pagination button.active[b-2jwbwfti13] {
            color: white;
            background: #444;
            border-radius: 4px;
        }

 Footer Buttons 
.footer-actions[b-2jwbwfti13] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 30px;
}

.btn-outline[b-2jwbwfti13] {
    background: #333;
    border: none;
    color: white;
    padding: 8px 15px;
    border-radius: 4px;
    cursor: pointer;
}

.btn-primary[b-2jwbwfti13] {
    background: #FF5533;
    color: white;
    border: none;
    padding: 8px 20px;
    border-radius: 4px;
    cursor: pointer;
}
/*
 Responsive Table */
@media (max-width: 768px) {
    .toolbar[b-2jwbwfti13] {
        flex-direction: column;
        gap: 10px;
    }

    .footer-actions[b-2jwbwfti13] {
        flex-direction: column;
    }

    .btn-primary[b-2jwbwfti13], .btn-outline[b-2jwbwfti13] {
        width: 100%;
    }
}
/* /Pages/Documents/Submissions/Preview.razor.rz.scp.css */



body[b-0ua6amd6y3] {
    background-color: #1a1a1a;
    color: #ffffff;
    font-family: 'Segoe UI', sans-serif;
    margin: 0;
}

.container[b-0ua6amd6y3] {
    margin: 0;
}

.header[b-0ua6amd6y3] {
    background-color: #1e1e1e;
    padding: 20px 30px;
    border-bottom: 1px solid #2e2e2e;
}

    .header h1[b-0ua6amd6y3] {
        margin: 0 0 15px 0;
        color: #ffffff;
        font-size: 20px;
        font-weight: 600;
    }


.nav-bar[b-0ua6amd6y3] {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}

.nav-item[b-0ua6amd6y3] {
    text-decoration: none;
    color: #b5b5b5;
    font-size: 14px;
    padding-bottom: 6px;
    position: relative;
}

    .nav-item:hover[b-0ua6amd6y3] {
        color: #ffffff;
    }

    .nav-item.active[b-0ua6amd6y3] {
        color: #e55353;
        font-weight: 600;
    }

        .nav-item.active[b-0ua6amd6y3]::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: -6px;
            width: 100%;
            height: 2px;
            background-color: #e55353;
        }



.table-card[b-0ua6amd6y3] {
    background-color: #262626;
    border-radius: 8px;
    padding: 15px;
}

.toolbar[b-0ua6amd6y3] {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
    background-color: #312C2E;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #404040;
}

    .toolbar .tool-icons[b-0ua6amd6y3] {
        gap: 15px;
        display: flex;
    }

.search-box input[b-0ua6amd6y3] {
    background: #333;
    border: 1px solid #404040;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
}


.table-responsive[b-0ua6amd6y3] {
    overflow-x: auto;
}

table[b-0ua6amd6y3] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    font-size: 0.85rem;
}

th[b-0ua6amd6y3], td[b-0ua6amd6y3] {
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid #404040;
}

th[b-0ua6amd6y3] {
    color: #b3b3b3;
    font-weight: normal;
}

td[b-0ua6amd6y3] {
    color: #ffffff;
}

.required[b-0ua6amd6y3] {
    color: #ff5722;
}


.pagination[b-0ua6amd6y3] {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
    gap: 5px;
}

    .pagination button[b-0ua6amd6y3] {
        background: none;
        border: none;
        color: #b3b3b3;
        cursor: pointer;
        padding: 5px 10px;
    }

        .pagination button.active[b-0ua6amd6y3] {
            color: white;
            background: #444;
            border-radius: 4px;
        }


.footer-actions[b-0ua6amd6y3] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 30px;
}

.btn-outline[b-0ua6amd6y3] {
    background: #333;
    border: none;
    color: white;
    padding: 8px 15px;
    border-radius: 4px;
    cursor: pointer;
}

.btn-primary[b-0ua6amd6y3] {
    background: #FF5533;
    color: white;
    border: none;
    padding: 8px 20px;
    border-radius: 4px;
    cursor: pointer;
}



.main-layout[b-0ua6amd6y3] {
    display: flex;
    gap: 20px;
    
}


.preview-table-section[b-0ua6amd6y3] {
    flex: 3; 
}


.side-panel[b-0ua6amd6y3] {
    flex: 1; 
    background-color: #262626;
    border-radius: 8px;
    padding: 15px;
    display: flex;
    flex-direction: column;
}

.side-tabs[b-0ua6amd6y3] {
    display: flex;
    border-bottom: 1px solid #404040;
    margin-bottom: 15px;
    gap: 10px;
}

.side-tab[b-0ua6amd6y3] {
    background: none;
    border: none;
    color: #b5b5b5;
    font-size: 13px;
    padding: 8px 5px;
    cursor: pointer;
}

    .side-tab.active[b-0ua6amd6y3] {
        color: #ffffff;
        border-bottom: 2px solid #e55353;
    }

.side-content label[b-0ua6amd6y3] {
    display: block;
    font-size: 14px;
    color: #b3b3b3;
    margin-bottom: 10px;
}

.notes-box[b-0ua6amd6y3] {
    width: 100%;
    min-height: 200px;
    background-color: #1a1a1a;
    border: 1px solid #404040;
    border-radius: 6px;
    padding: 10px;
}


@media (max-width: 1024px) {
    .main-layout[b-0ua6amd6y3] {
        flex-direction: column; 
    }

    .side-panel[b-0ua6amd6y3] {
        width: 100%;
    }
}


.btn-primary[b-0ua6amd6y3] {
    background: #FF5533;
}


@media (max-width: 768px) {
    .toolbar[b-0ua6amd6y3] {
        flex-direction: column;
        gap: 10px;
    }

    .footer-actions[b-0ua6amd6y3] {
        flex-direction: column;
    }

    .btn-primary[b-0ua6amd6y3], .btn-outline[b-0ua6amd6y3] {
        width: 100%;
    }
}
/* /Pages/Documents/Submissions/SchematicDesign.razor.rz.scp.css */

.submission-details-page[b-1qudv5svgz] {
    padding: 20px;
    background-color: #242223; 
    color: #e5e7eb;
}

.page-title[b-1qudv5svgz] {
    color: #ffffff;
    margin-bottom: 20px;
    font-size: 20px;
}

.content-wrapper[b-1qudv5svgz] {
    display: flex;
    gap: 20px; 
}


 Main Layout 
.main-table-panel[b-1qudv5svgz] {
    flex-grow: 1;
    background-color: #312C2E;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}


.submission-tabs[b-1qudv5svgz] {
    display: flex;
    border-bottom: 2px solid #444;
    margin-bottom: 15px;
}

.tab-item[b-1qudv5svgz] {
    background: none;
    border: none;
    padding: 10px 15px;
    color: #b0b0b0;
    font-size: 14px;
    cursor: pointer;
    transition: color 0.2s;
    border-bottom: 2px solid transparent;
}

    .tab-item:hover[b-1qudv5svgz] {
        color: #ffffff;
    }

    .tab-item.active[b-1qudv5svgz] {
        color: #ffffff;
        border-bottom-color: #ff6a00; 
        font-weight: 600;
    }

 Toolbar Styling 
.table-toolbar[b-1qudv5svgz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0 15px 0;
}

.toolbar-icons[b-1qudv5svgz] {
    display: flex;
    gap: 15px;
}

    .toolbar-icons .icon[b-1qudv5svgz] {
        font-size: 16px;
        color: #b0b0b0;
        cursor: pointer;
    }

.search-box[b-1qudv5svgz] {
    display: flex;
    align-items: center;
    background-color: #242223;
    border-radius: 4px;
    padding: 5px 10px;
}

    .search-box input[b-1qudv5svgz] {
        border: none;
        background: none;
        color: #e5e7eb;
        padding: 5px;
        width: 150px;
    }

    .search-box .icon-search[b-1qudv5svgz] {
        color: #999;
        font-size: 14px;
        margin-right: 5px;
    }


.submission-table[b-1qudv5svgz] {
    width: 100%;
    border-collapse: collapse;
}

    .submission-table th[b-1qudv5svgz], .submission-table td[b-1qudv5svgz] {
        padding: 12px 10px;
        text-align: left;
        font-size: 13px;
        border-bottom: 1px solid #444;
        color: #e5e7eb;
    }

    .submission-table th[b-1qudv5svgz] {
        background-color: #242223;
        color: #b0b0b0;
        font-weight: 500;
    }

    .submission-table tbody tr:hover[b-1qudv5svgz] {
        background-color: #3a3537;
    }


.status-approved[b-1qudv5svgz] {
    color: #28a745; 
    font-weight: 600;
}

.status-approved-comment[b-1qudv5svgz] {
    color: #ffc107; 
    font-weight: 600;
}


.pagination-container[b-1qudv5svgz] {
    display: flex;
    justify-content: flex-end; 
    align-items: center;
    padding: 15px 0 0 0;
    margin-top: 15px;
}

.pagination-links[b-1qudv5svgz] {
    display: flex;
    gap: 5px;
}

    .pagination-links .btn[b-1qudv5svgz] {
        border: none;
        color: #e5e7eb;
        background-color: #3e4451; 
        padding: 8px 12px;
        border-radius: 4px;
        font-size: 14px;
        cursor: pointer;
        transition: background-color 0.2s;
    }

        .pagination-links .btn:hover:not(.disabled)[b-1qudv5svgz] {
            background-color: #4a5160;
        }

    .pagination-links .page-number.active[b-1qudv5svgz] {
        background-color: #ff6a00; 
        font-weight: bold;
    }

    .pagination-links .disabled[b-1qudv5svgz] {
        opacity: 0.5;
        cursor: not-allowed;
    }
/*
 SIDEBAR PANEL (RIGHT) */
.detail-sidebar-panel[b-1qudv5svgz] {
    width: 350px;
    background-color: #312C2E;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    min-height: 500px;
}

 Detail Tabs 
.detail-tabs[b-1qudv5svgz] {
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #444;
    margin-bottom: 15px;
}

.detail-tab[b-1qudv5svgz] {
    flex-grow: 1;
    background: none;
    border: none;
    padding: 10px 0;
    color: #b0b0b0;
    font-size: 13px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
}

    .detail-tab.active[b-1qudv5svgz] {
        color: #ffffff;
        border-bottom-color: #007bff;
        font-weight: 600;
    }

 Review Status Styling 
.review-status[b-1qudv5svgz] {
    padding: 10px 0;
}

.status-line[b-1qudv5svgz] {
    display: flex;
    align-items: center;
    padding: 8px 0;
    font-size: 14px;
}

.dot[b-1qudv5svgz] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 10px;
}

    .dot.approved[b-1qudv5svgz] {
        background-color: #28a745; 
    }

    .dot.pending[b-1qudv5svgz] {
        background-color: #777; 
    }

.discipline[b-1qudv5svgz] {
    flex-grow: 1;
}

.date[b-1qudv5svgz] {
    color: #9aa0a6;
    font-size: 12px;
}

 Notes Section 
.notes-section h4[b-1qudv5svgz] {
    margin: 20px 0 10px 0;
    font-size: 14px;
    font-weight: 600;
}

.notes-section textarea[b-1qudv5svgz] {
    width: 100%;
    background-color: #242223;
    border: 1px solid #444;
    border-radius: 4px;
    color: #e5e7eb;
    padding: 10px;
    resize: none;
    box-sizing: border-box;
}




@media (max-width: 950px) {

    
    .content-wrapper[b-1qudv5svgz] {
        flex-direction: column; 
        gap: 20px;
    }

    
    .submission-details-page[b-1qudv5svgz] {
        padding: 10px;
    }

    
    .detail-sidebar-panel[b-1qudv5svgz] {
        width: 100%; 
        order: 2; 
    }

    .main-table-panel[b-1qudv5svgz] {
        order: 1; 
        padding: 10px;
    }

    
    .table-toolbar[b-1qudv5svgz] {
        flex-direction: column; 
        align-items: flex-start;
        gap: 10px;
    }

    .search-box[b-1qudv5svgz] {
        width: 100%; 
    }

        .search-box input[b-1qudv5svgz] {
            width: 100%; 
        }

    
    .submission-table[b-1qudv5svgz], .submission-table tbody[b-1qudv5svgz], .submission-table tr[b-1qudv5svgz], .submission-table td[b-1qudv5svgz] {
        display: block; 
        width: 100%;
    }

        .submission-table thead[b-1qudv5svgz] {
            display: none; 
        }

        .submission-table tr[b-1qudv5svgz] {
            margin-bottom: 10px;
            border: 1px solid #444;
            border-radius: 4px;
        }

        .submission-table td[b-1qudv5svgz] {
            
            text-align: right;
            padding-left: 50%; 
            position: relative;
            border: none;
        }

            
            .submission-table td[b-1qudv5svgz]:before {
                content: attr(data-label);
                position: absolute;
                left: 10px;
                width: 45%;
                text-align: left;
                font-weight: 600;
                color: #b0b0b0;
            }
}
/* /Pages/Documents/Submissions/StageConceptDesign.razor.rz.scp.css */
.asset[b-xcsdsi345y] {
    font-family: 'Inter', sans-serif;
    font-size: 28px;
    font-weight: 600;
}
.inside_navbar[b-xcsdsi345y] {
    height: 40px;
    border: 1px solid #222;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 15px;
    background-color: #312C2E;
    border-radius: 8px;
    flex-wrap: wrap;
    gap: 10px;
}

.inside_icon[b-xcsdsi345y] {
    height: 15px;
    width: 15px;
    color: #C1C2C3;
    padding: 0 5px;
    cursor: pointer;
}

.inside_navbar input[type="text"][b-xcsdsi345y] {
    height: 25px;
    padding: 0 8px;
    margin-left: 15px;
    border: 1px solid #FFFFFF1A;
    border-radius: 4px;
    background-color: #3e4451;
    color: #FFFFFF;
    font-size: 14px;
}


.inside-top[b-xcsdsi345y] {
    display: flex;
    gap: 20px;
}


.active-link[b-xcsdsi345y] {
    color: #007bff;
    font-weight: bold;
    border-bottom: 2px solid #ff5533;
    padding-bottom: 5px;
    cursor: pointer;
}


.inside-top p[b-xcsdsi345y] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF1A;
    margin: 0;
    cursor: pointer;
    color: white;
    margin-bottom: 5px;
    padding-bottom: 1px;
}

.active_status[b-xcsdsi345y] {
    color: #E7943F;
}

.submenu.visible[b-xcsdsi345y] {
    display: block;
}

.inside-top p a[b-xcsdsi345y] {
    padding: 8px 20px 8px 40px;
    color: #c9c9c9;
    font-size: 14px;
    display: flex;
    align-items: center;
    text-decoration: none;
}

    .inside-top p a:hover[b-xcsdsi345y] {
        background-color: #2c3038;
        color: #ffffff;
    }
.card[b-xcsdsi345y] {
    background: #231F20;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #222;
    margin-top: 15px;
}



table[b-xcsdsi345y] {
    width: 100%;
    color: white;
    border-collapse: collapse;
}

th[b-xcsdsi345y], td[b-xcsdsi345y] {
    font-weight: 500;
    color: #FFFFFF;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    padding: 10px;
    border-bottom: 1px solid #FFFFFF1A;
}

Pagination
.pagination[b-xcsdsi345y] {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
    gap: 5px;
}

.pagination button[b-xcsdsi345y] {
    background: none;
    border: none;
    color: #b3b3b3;
    cursor: pointer;
    padding: 5px 10px;
}

    .pagination button.active[b-xcsdsi345y] {
        color: white;
        background: #444;
        border-radius: 4px;
    }


@media (max-width: 850px) {


    .inside_navbar[b-xcsdsi345y] {
        justify-content: flex-end;
        height: auto;
    }

        .inside_navbar input[type="text"][b-xcsdsi345y] {
            width: 80%;
            margin-top: 8px;
            margin-bottom: 8px;
            margin-left: 0;
        }


    table[b-xcsdsi345y], thead[b-xcsdsi345y], tbody[b-xcsdsi345y], th[b-xcsdsi345y], td[b-xcsdsi345y], tr[b-xcsdsi345y] {
        display: block;
    }


    thead[b-xcsdsi345y] {
        display: none;
    }

    tr[b-xcsdsi345y] {
        margin-bottom: 15px;
        background: #1c1c1c;
        padding: 15px;
        border-radius: 8px;
        border: 1px solid #333;
    }

    td[b-xcsdsi345y] {
        border: none;
        padding: 8px 0;
        position: relative;
        padding-left: 120px;
        font-size: 14px;
        min-height: 30px;
    }


        td[b-xcsdsi345y]::before {
            content: attr(data-label);
            position: absolute;
            left: 15px;
            top: 8px;
            font-weight: bold;
            color: #aaaaaa;
            font-size: 13px;
        }
}

@media (max-width: 412px) {


    .inside_navbar[b-xcsdsi345y] {
        justify-content: flex-end;
        height: auto;
        margin-bottom: 5px;
    }

        .inside_navbar input[type="text"][b-xcsdsi345y] {
            width: 60%;
            margin-top: 8px;
            margin-bottom: 8px;
            margin-left: 0;
        }
}
/* /Pages/Documents/Submissions/Submissions.razor.rz.scp.css */
.asset[b-vk64vsoomc] {
    font-family: 'Inter', sans-serif;
    font-size: 28px;
    font-weight: 600;
}


.inside_navbar[b-vk64vsoomc] {
    height: 40px;
    border: 1px solid #222;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 15px;
    background: #312C2E;
    border-radius: 8px;
    flex-wrap: wrap;
    gap: 10px;
}

.inside_icon[b-vk64vsoomc] {
    height: 15px;
    width: 15px;
    color: #C1C2C3;
    padding: 0 5px;
    cursor: pointer;
}

.inside_navbar input[type="text"][b-vk64vsoomc] {
    height: 25px;
    padding: 0 8px;
    margin-left: 15px;
    border: 1px solid #FFFFFF1A;
    border-radius: 4px;
    background-color: #3e4451;
    color: #FFFFFF;
    font-size: 14px;
}

.inside_icon1[b-vk64vsoomc] {
    height: 15px;
    width: 15px;
    color: #FFFFFF;
    padding: 0 5px;
    cursor: pointer;
}
.card[b-vk64vsoomc] {
    background: #231F20;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #222;
    margin-top: 15px;
}
    .card .inside_navbar a[b-vk64vsoomc]{
        text-decoration:none;
        color:aliceblue;
    }

    table[b-vk64vsoomc] {
        width: 100%;
        color: white;
        border-collapse: collapse;
    }

th[b-vk64vsoomc], td[b-vk64vsoomc] {
    font-weight: 500;
    color: #FFFFFF;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    padding: 10px;
    border-bottom: 1px solid #FFFFFF1A;
}

.approved[b-vk64vsoomc] {
    color: #27d758;
}

.complete[b-vk64vsoomc] {
    color: #ff5757;
}

 Pagination 
.pagination[b-vk64vsoomc] {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
    gap: 5px;
}

    .pagination button[b-vk64vsoomc] {
        background: none;
        border: none;
        color: #b3b3b3;
        cursor: pointer;
        padding: 5px 10px;
    }

        .pagination button.active[b-vk64vsoomc] {
            color: white;
            background: #444;
            border-radius: 4px;
        }

.page-header[b-vk64vsoomc] {
    display: flex;
    justify-content: space-between; /* title left, button right */
    align-items: center; /* vertically center them */
    margin-bottom: 20px; /* optional spacing below */
}

.title[b-vk64vsoomc] {
    margin: 0; /* remove default h2 margin */
}

.btn-outline[b-vk64vsoomc] {
    border: 1px solid #373837;
    background-color: transparent;
    color: #f8f8f8;
    padding: 2px 7px;
    font-size: 16px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .btn-outline:hover[b-vk64vsoomc] {
        background-color: #2a2a30;
        color: white;
    }

@media (max-width: 850px) {
    .inside_navbar[b-vk64vsoomc] {
        justify-content:flex-end;
        height: auto;
    }

        .inside_navbar input[type="text"][b-vk64vsoomc] {
            width: 80%;
            margin-top: 8px;
            margin-bottom: 8px;
            margin-left: 0;
        }

    
    table[b-vk64vsoomc], thead[b-vk64vsoomc], tbody[b-vk64vsoomc], th[b-vk64vsoomc], td[b-vk64vsoomc], tr[b-vk64vsoomc] {
        display: block;
    }

    
    thead[b-vk64vsoomc] {
        display: none;
    }

    tr[b-vk64vsoomc] {
        margin-bottom: 15px;
        background: #1c1c1c;
        padding: 15px;
        border-radius: 8px;
        border: 1px solid #333;
    }

    td[b-vk64vsoomc] {
        border: none;
        padding: 8px 0;
        position: relative;
        padding-left: 120px; 
        font-size: 14px;
        min-height: 30px;
    }

    
        td[b-vk64vsoomc]::before {
            content: attr(data-label);
            position: absolute;
            left: 15px;
            top: 8px;
            font-weight: bold;
            color: #aaaaaa;
            font-size: 13px;
        }
}


@media (max-width: 412px) {

    
    .inside_navbar[b-vk64vsoomc] {
        justify-content: flex-end;
        height: auto;
        margin-bottom:5px;
    }

        .inside_navbar input[type="text"][b-vk64vsoomc] {
            width: 60%;
            margin-top: 8px;
            margin-bottom: 8px;
            margin-left: 0;
        }

}
/* /Pages/Documents/Submissions/Upload.razor.rz.scp.css */

.main-content[b-ryea242cst] {
    display: flex;
    justify-content: center;
    padding: 30px 20px;
}


.header[b-ryea242cst] {
    background-color: #1e1e1e;
    padding: 20px 30px;
    margin: 0 12px;
    border-bottom: 1px solid #2e2e2e;
}

    .header h1[b-ryea242cst] {
        margin: 0 0 15px 0;
        color: #ffffff;
        font-size: 20px;
        font-weight: 600;
    }


.nav-bar[b-ryea242cst] {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}

.nav-item[b-ryea242cst] {
    text-decoration: none;
    color: #b5b5b5;
    font-size: 14px;
    padding-bottom: 6px;
    position: relative;
}

    .nav-item:hover[b-ryea242cst] {
        color: #ffffff;
    }

    .nav-item.active[b-ryea242cst] {
        color: #e55353;
        font-weight: 600;
    }

        .nav-item.active[b-ryea242cst]::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: -6px;
            width: 100%;
            height: 2px;
            background-color: #e55353;
        }


.form-container[b-ryea242cst] {
    width: 100%;
    max-width: 650px;
    background-color: #1f1f1f;
    border: 1px solid #2b2b2b;
    border-radius: 8px;
    padding: 25px;
}


.form-group[b-ryea242cst] {
    display: flex;
    flex-direction: column;
    margin-bottom: 18px;
}

    .form-group label[b-ryea242cst] {
        font-size: 13px;
        color: #cfcfcf;
        margin-bottom: 6px;
    }

    .form-group input[b-ryea242cst],
    .form-group textarea[b-ryea242cst] {
        background-color: #1f1f1f;
        border: 1px solid #333;
        color: white;
        padding: 10px;
        border-radius: 6px;
        font-size: 14px;
    }

        .form-group input:focus[b-ryea242cst],
        .form-group textarea:focus[b-ryea242cst] {
            outline: none;
            border-color: #e55353;
        }


.form-actions[b-ryea242cst] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 25px;
}

.btn[b-ryea242cst] {
    padding: 9px 22px;
    font-size: 14px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
}

.exit-btn[b-ryea242cst] {
    background-color: #2f2f2f;
    color: white;
}

    .exit-btn:hover[b-ryea242cst] {
        background-color: #3a3a3a;
    }

.proceed-btn[b-ryea242cst] {
    background-color: #FF5533;
    color: white;
}

    .proceed-btn:hover[b-ryea242cst] {
        background-color: #cc4444;
    }
.form-group[b-ryea242cst] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: #fff;
    font-family: Inter, sans-serif;
}

/* Hide native file input */
.hidden-file-input[b-ryea242cst] {
    display: none;
}

/* Custom upload button */
.upload-btn[b-ryea242cst] {
    display: inline-block;
    width: fit-content;
    padding: 10px 18px;
    border: 1px solid #555;
    border-radius: 6px;
    background-color: #2b2b2b;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
}

    /* Hover effect */
    .upload-btn:hover[b-ryea242cst] {
        background-color: #3a3a3a;
        border-color: #333;
    }

.file-name[b-ryea242cst] {
    margin-top: 6px;
    font-size: 13px;
    color: #d1d5db;
}

    .file-name.muted[b-ryea242cst] {
        color: #9ca3af;
    }

@media (max-width: 768px) {

    .header[b-ryea242cst] {
        padding: 15px 20px;
    }

        .header h1[b-ryea242cst] {
            font-size: 17px;
        }

    .nav-bar[b-ryea242cst] {
        gap: 15px;
    }

    .form-container[b-ryea242cst] {
        padding: 20px;
    }

    .form-actions[b-ryea242cst] {
        flex-direction: column;
        align-items: stretch;
    }

    .btn[b-ryea242cst] {
        width: 100%;
    }
}
/* /Pages/Documents/Submissions/Validation/InvalidConvention.razor.rz.scp.css */


.validation-container[b-qjyussetnq] {
    border: 2px solid #2a2a2a;
    padding: 10px;
}

body[b-qjyussetnq] {
    background: #1e1e1e;
    color: #fff;
    font-family: Inter, sans-serif;
    max-width: 100%;
    overflow-x: hidden;
}

h2[b-qjyussetnq] {
    margin-bottom: 15px;
    font-size: 20px;
}

.validation-container[b-qjyussetnq] {
    width: 100%;
}

.submission-tabs[b-qjyussetnq] {
    display: flex;
    gap: 30px;
    border-bottom: 1px solid #2f2f2f;
}

    .submission-tabs a[b-qjyussetnq] {
        text-decoration: none;
        font-size: 14px;
        color: #aaa;
        padding-bottom: 8px;
    }

    .submission-tabs .active[b-qjyussetnq] {
        color: #ff5a3c;
        border-bottom: 2px solid #ff5a3c;
    }

.validation-card[b-qjyussetnq] {
    background: #181818;
    padding: 0;
    display: flex;
    width: 100%;
}

.validation-sidebar[b-qjyussetnq] {
    width: 200px;
    background: #181818;
    border-right: 1px solid #2a2a2a;
    padding-right: 10px;
    margin-top: 15px;
}

.side-item[b-qjyussetnq] {
    padding: 14px 20px;
    color: #bbb;
    cursor: pointer;
    text-decoration: none;
    display: flex;
    font-size: 12px;
}

    .side-item.active[b-qjyussetnq] {
        background: #222;
        color: #fff;
        border-radius: 5px;
    }



.validation-content[b-qjyussetnq] {
    flex: 1;
    min-width: 0;
    padding: 15px;
    display: flex;
    flex-direction: column;
}

.table-topbar[b-qjyussetnq] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
    background: #312C2E;
    height: 44px;
    align-items: center;
    gap: 20px;
    border-radius: 5px;
}

.table-icons i[b-qjyussetnq] {
    margin-right: 15px;
    color: #aaa;
}

.table-search input[b-qjyussetnq] {
    background: #312C2E;
    border: 1px solid #FFFFFF1A;
    color: white;
    padding: 6px 10px;
    border-radius: 8px;
    margin-right: 10px;
}

.validation-content table[b-qjyussetnq] {
    width: 100%;
    table-layout: fixed;
}

table[b-qjyussetnq] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

th[b-qjyussetnq], td[b-qjyussetnq] {
    padding: 12px;
    border-bottom: 1px solid #2a2a2a;
}

th[b-qjyussetnq] {
    color: #FFFFFF;
    font-weight: 600;
}



.pagination-container[b-qjyussetnq] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 15px 0 0 0;
    margin-top: 15px;
    margin-right: 15px;
}

.pagination-links[b-qjyussetnq] {
    display: flex;
    gap: 5px;
}

    .pagination-links .btn[b-qjyussetnq] {
        border: none;
        color: #e5e7eb;
        padding: 5px 7px;
        border-radius: 4px;
        font-size: 10px;
        cursor: pointer;
        transition: background-color 0.2s;
    }

        .pagination-links .btn:hover:not(.disabled)[b-qjyussetnq] {
            background-color: #4a5160;
        }

    .pagination-links .page-number.active[b-qjyussetnq] {
        background-color: #ff6a00;
        font-weight: bold;
    }

    .pagination-links .disabled[b-qjyussetnq] {
        opacity: 0.5;
        cursor: not-allowed;
    }


.table-footer[b-qjyussetnq] {
    display: flex;
    justify-content: flex-end;
}


    .table-footer .footer-buttons .btn[b-qjyussetnq] {
        border: 1px solid #2a2a2a;
        margin: 10px 0 0 5px;
        border-radius: 8px;
        color: #FFFFFF;
        font-weight: 100;
    }

    .table-footer .footer-buttons .primary[b-qjyussetnq] {
        background-color: #FF5533;
    }



 
/*   RESPONSIVE STYLES*/
 

@media (max-width: 650px) {


    h2[b-qjyussetnq] {
        padding: 0 10px;
    }


    .submission-tabs[b-qjyussetnq] {
        padding: 0 10px;
        gap: 15px;
        overflow-x: auto;
        white-space: nowrap;
        margin-bottom: 5px;
    }


    .validation-card[b-qjyussetnq] {
        flex-direction: column;
        border-radius: 0;
        margin: 0;
    }


    .validation-sidebar[b-qjyussetnq] {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #2a2a2a;
        padding: 10px 0;
        margin-top: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .side-item[b-qjyussetnq] {
        padding: 8px 10px;
        flex: 1 1 auto;
        text-align: center;
        border-radius: 0;
    }

        .side-item.active[b-qjyussetnq] {
            background: #222;
            border-bottom: 2px solid #ff5a3c;
            border-radius: 0;
        }


    .validation-content[b-qjyussetnq] {
        padding: 10px;
    }


    .table-topbar[b-qjyussetnq] {
        flex-direction: column;
        align-items: flex-start;
        height: auto;
        padding: 10px;
        gap: 10px;
    }

    .table-search[b-qjyussetnq] {
        width: 100%;
    }

        .table-search input[b-qjyussetnq] {
            width: 100%;
            box-sizing: border-box;
            margin-right: 0;
        }


    table[b-qjyussetnq] {
        font-size: 14px;
    }

    .validation-content table[b-qjyussetnq],
    .validation-content thead[b-qjyussetnq],
    .validation-content tbody[b-qjyussetnq],
    .validation-content tr[b-qjyussetnq] {
        display: block;
        width: 100%;
    }

    .validation-content thead[b-qjyussetnq] {
        display: none;
    }

    .validation-content tr[b-qjyussetnq] {
        margin-bottom: 15px;
        border: 1px solid #2a2a2a;
        border-radius: 4px;
    }

    .validation-content td[b-qjyussetnq] {
        display: block;
        text-align: right;
        padding-left: 50%;
        position: relative;
        border-bottom: 1px dashed #2a2a2a;
    }

        .validation-content td:last-child[b-qjyussetnq] {
            border-bottom: none;
        }


        .validation-content td[b-qjyussetnq]::before {
            content: attr(data-label);
            position: absolute;
            left: 10px;
            width: 45%;
            text-align: left;
            font-weight: 600;
            color: #bbb;
        }


    .pagination-container[b-qjyussetnq] {
        justify-content: center;
        margin-right: 0;
        order: 1;
    }

    .table-footer[b-qjyussetnq] {
        flex-direction: column;
        align-items: center;
    }

        .table-footer .footer-buttons[b-qjyussetnq] {
            width: 100%;
            display: flex;
            justify-content: space-between;
        }

            .table-footer .footer-buttons .btn[b-qjyussetnq] {
                flex-grow: 1;
                margin: 5px;
            }
}

@media (max-width: 900px) and (min-width: 651px) {


    .validation-sidebar[b-qjyussetnq] {
        width: 150px;
    }

    .validation-content[b-qjyussetnq] {
        padding: 10px;
    }


    .table-topbar[b-qjyussetnq] {
        gap: 10px;
    }

    .table-search input[b-qjyussetnq] {
        width: 120px;
    }


    table[b-qjyussetnq] {
        font-size: 12px;
    }


    .pagination-container[b-qjyussetnq] {
        padding-top: 10px;
        margin-top: 10px;
    }
}
/* /Pages/Documents/Submissions/Validation/InvalidLength.razor.rz.scp.css */


.validation-container[b-i4bfv4g9em] {
    border: 2px solid #2a2a2a;
    padding: 10px;
}

body[b-i4bfv4g9em] {
    background: #1e1e1e;
    color: #fff;
    font-family: Inter, sans-serif;
    max-width: 100%;
    overflow-x: hidden;
}

h2[b-i4bfv4g9em] {
    margin-bottom: 15px;
    font-size: 20px;
}

.validation-container[b-i4bfv4g9em] {
    width: 100%;
}

.submission-tabs[b-i4bfv4g9em] {
    display: flex;
    gap: 30px;
    border-bottom: 1px solid #2f2f2f;
}

    .submission-tabs a[b-i4bfv4g9em] {
        text-decoration: none;
        font-size: 14px;
        color: #aaa;
        padding-bottom: 8px;
    }

    .submission-tabs .active[b-i4bfv4g9em] {
        color: #ff5a3c;
        border-bottom: 2px solid #ff5a3c;
    }

.validation-card[b-i4bfv4g9em] {
    background: #181818;
    padding: 0;
    display: flex;
    width: 100%;
}

.validation-sidebar[b-i4bfv4g9em] {
    width: 200px;
    background: #181818;
    border-right: 1px solid #2a2a2a;
    padding-right: 10px;
    margin-top: 15px;
}

.side-item[b-i4bfv4g9em] {
    padding: 14px 20px;
    color: #bbb;
    cursor: pointer;
    text-decoration: none;
    display: flex;
    font-size: 12px;
}

    .side-item.active[b-i4bfv4g9em] {
        background: #222;
        color: #fff;
        border-radius: 5px;
    }



.validation-content[b-i4bfv4g9em] {
    flex: 1;
    min-width: 0;
    padding: 15px;
    display: flex;
    flex-direction: column;
}

.table-topbar[b-i4bfv4g9em] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
    background: #312C2E;
    height: 44px;
    align-items: center;
    gap: 20px;
    border-radius: 5px;
}

.table-icons i[b-i4bfv4g9em] {
    margin-right: 15px;
    color: #aaa;
}

.table-search input[b-i4bfv4g9em] {
    background: #312C2E;
    border: 1px solid #FFFFFF1A;
    color: white;
    padding: 6px 10px;
    border-radius: 8px;
    margin-right: 10px;
}

.validation-content table[b-i4bfv4g9em] {
    width: 100%;
    table-layout: fixed;
}

table[b-i4bfv4g9em] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

th[b-i4bfv4g9em], td[b-i4bfv4g9em] {
    padding: 12px;
    border-bottom: 1px solid #2a2a2a;
}

th[b-i4bfv4g9em] {
    color: #FFFFFF;
    font-weight: 600;
}



.pagination-container[b-i4bfv4g9em] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 15px 0 0 0;
    margin-top: 15px;
    margin-right: 15px;
}

.pagination-links[b-i4bfv4g9em] {
    display: flex;
    gap: 5px;
}

    .pagination-links .btn[b-i4bfv4g9em] {
        border: none;
        color: #e5e7eb;
        padding: 5px 7px;
        border-radius: 4px;
        font-size: 10px;
        cursor: pointer;
        transition: background-color 0.2s;
    }

        .pagination-links .btn:hover:not(.disabled)[b-i4bfv4g9em] {
            background-color: #4a5160;
        }

    .pagination-links .page-number.active[b-i4bfv4g9em] {
        background-color: #ff6a00;
        font-weight: bold;
    }

    .pagination-links .disabled[b-i4bfv4g9em] {
        opacity: 0.5;
        cursor: not-allowed;
    }


.table-footer[b-i4bfv4g9em] {
    display: flex;
    justify-content: flex-end;
}


    .table-footer .footer-buttons .btn[b-i4bfv4g9em] {
        border: 1px solid #2a2a2a;
        margin: 10px 0 0 5px;
        border-radius: 8px;
        color: #FFFFFF;
        font-weight: 100;
    }

    .table-footer .footer-buttons .primary[b-i4bfv4g9em] {
        background-color: #FF5533;
    }



 
/*   RESPONSIVE STYLES*/
 

@media (max-width: 650px) {


    h2[b-i4bfv4g9em] {
        padding: 0 10px;
    }


    .submission-tabs[b-i4bfv4g9em] {
        padding: 0 10px;
        gap: 15px;
        overflow-x: auto;
        white-space: nowrap;
        margin-bottom: 5px;
    }


    .validation-card[b-i4bfv4g9em] {
        flex-direction: column;
        border-radius: 0;
        margin: 0;
    }


    .validation-sidebar[b-i4bfv4g9em] {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #2a2a2a;
        padding: 10px 0;
        margin-top: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .side-item[b-i4bfv4g9em] {
        padding: 8px 10px;
        flex: 1 1 auto;
        text-align: center;
        border-radius: 0;
    }

        .side-item.active[b-i4bfv4g9em] {
            background: #222;
            border-bottom: 2px solid #ff5a3c;
            border-radius: 0;
        }


    .validation-content[b-i4bfv4g9em] {
        padding: 10px;
    }


    .table-topbar[b-i4bfv4g9em] {
        flex-direction: column;
        align-items: flex-start;
        height: auto;
        padding: 10px;
        gap: 10px;
    }

    .table-search[b-i4bfv4g9em] {
        width: 100%;
    }

        .table-search input[b-i4bfv4g9em] {
            width: 100%;
            box-sizing: border-box;
            margin-right: 0;
        }


    table[b-i4bfv4g9em] {
        font-size: 14px;
    }

    .validation-content table[b-i4bfv4g9em],
    .validation-content thead[b-i4bfv4g9em],
    .validation-content tbody[b-i4bfv4g9em],
    .validation-content tr[b-i4bfv4g9em] {
        display: block;
        width: 100%;
    }

    .validation-content thead[b-i4bfv4g9em] {
        display: none;
    }

    .validation-content tr[b-i4bfv4g9em] {
        margin-bottom: 15px;
        border: 1px solid #2a2a2a;
        border-radius: 4px;
    }

    .validation-content td[b-i4bfv4g9em] {
        display: block;
        text-align: right;
        padding-left: 50%;
        position: relative;
        border-bottom: 1px dashed #2a2a2a;
    }

        .validation-content td:last-child[b-i4bfv4g9em] {
            border-bottom: none;
        }


        .validation-content td[b-i4bfv4g9em]::before {
            content: attr(data-label);
            position: absolute;
            left: 10px;
            width: 45%;
            text-align: left;
            font-weight: 600;
            color: #bbb;
        }


    .pagination-container[b-i4bfv4g9em] {
        justify-content: center;
        margin-right: 0;
        order: 1;
    }

    .table-footer[b-i4bfv4g9em] {
        flex-direction: column;
        align-items: center;
    }

        .table-footer .footer-buttons[b-i4bfv4g9em] {
            width: 100%;
            display: flex;
            justify-content: space-between;
        }

            .table-footer .footer-buttons .btn[b-i4bfv4g9em] {
                flex-grow: 1;
                margin: 5px;
            }
}

@media (max-width: 900px) and (min-width: 651px) {


    .validation-sidebar[b-i4bfv4g9em] {
        width: 150px;
    }

    .validation-content[b-i4bfv4g9em] {
        padding: 10px;
    }


    .table-topbar[b-i4bfv4g9em] {
        gap: 10px;
    }

    .table-search input[b-i4bfv4g9em] {
        width: 120px;
    }


    table[b-i4bfv4g9em] {
        font-size: 12px;
    }


    .pagination-container[b-i4bfv4g9em] {
        padding-top: 10px;
        margin-top: 10px;
    }
}
/* /Pages/Documents/Submissions/Validation/Titleblock.razor.rz.scp.css */
.modal-overlay[b-t6vlgaf424] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(0px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}


.modal-box[b-t6vlgaf424] {
    background: #2b2628;
    width:92%;
    max-width: 520px;
    padding: 28px 32px 24px;
    border-radius: 12px;
    border: 1px solid #3f3a3c;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.7);
}


.modal-body[b-t6vlgaf424] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 26px;
}


.icon-wrapper[b-t6vlgaf424] {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .icon-wrapper i[b-t6vlgaf424] {
        font-size: 28px;
        color: #ff5722;
    }


.modal-text[b-t6vlgaf424] {
    font-size: 13px;
    line-height: 1.4;
    color: #ffffff;
    font-weight:100;
    margin: 0;
}


.modal-footer[b-t6vlgaf424] {
    display: flex;
    justify-content: center;
    gap: 14px;
}


.btn-cancel[b-t6vlgaf424] {
    background: #3f3f3f;
    color: #fff;
    border: none;
    padding: 9px 22px;
    border-radius: 7px;
    font-weight: 300;
    font-size: 12px;
    cursor: pointer;
}

    .btn-cancel:hover[b-t6vlgaf424] {
        background: #525252;
    }

.btn-proceed[b-t6vlgaf424] {
    background: #FF5533;
    color: #fff;
    border: none;
    padding: 9px 24px;
    border-radius: 7px;
    font-weight: 300;
    font-size: 12px;
    cursor: pointer;
}

    .btn-proceed:hover[b-t6vlgaf424] {
        opacity: 0.9;
    }


@media (max-width: 480px) {
    .modal-body[b-t6vlgaf424] {
        align-items: flex-start;
    }

    .modal-footer[b-t6vlgaf424] {
        flex-direction: column;
    }

    .btn-cancel[b-t6vlgaf424],
    .btn-proceed[b-t6vlgaf424] {
        width: 100%;
    }
}
/* /Pages/Documents/Submissions/Validation/TitlebookCheck.razor.rz.scp.css */


.validation-container[b-nyi1k0qhws] {
    border: 2px solid #2a2a2a;
    padding: 10px;
}

body[b-nyi1k0qhws] {
    background: #1e1e1e;
    color: #fff;
    font-family: Inter, sans-serif;
    max-width: 100%;
    overflow-x: hidden;
}

h2[b-nyi1k0qhws] {
    margin-bottom: 15px;
    font-size: 20px;
}

.validation-container[b-nyi1k0qhws] {
    width: 100%;
}

.submission-tabs[b-nyi1k0qhws] {
    display: flex;
    gap: 30px;
    border-bottom: 1px solid #2f2f2f;
}

    .submission-tabs a[b-nyi1k0qhws] {
        text-decoration: none;
        font-size: 14px;
        color: #aaa;
        padding-bottom: 8px;
    }

    .submission-tabs .active[b-nyi1k0qhws] {
        color: #ff5a3c;
        border-bottom: 2px solid #ff5a3c;
    }

.validation-card[b-nyi1k0qhws] {
    background: #181818;
    padding: 0;
    display: flex;
    width: 100%;
}

.validation-sidebar[b-nyi1k0qhws] {
    width: 200px;
    background: #181818;
    border-right: 1px solid #2a2a2a;
    padding-right: 10px;
    margin-top: 15px;
}

.side-item[b-nyi1k0qhws] {
    padding: 14px 20px;
    color: #bbb;
    cursor: pointer;
    text-decoration: none;
    display: flex;
    font-size: 12px;
}

    .side-item.active[b-nyi1k0qhws] {
        background: #222;
        color: #fff;
        border-radius: 5px;
    }



.validation-content[b-nyi1k0qhws] {
    flex: 1;
    min-width: 0;
    padding: 15px;
    display: flex;
    flex-direction: column;
}

.table-topbar[b-nyi1k0qhws] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
    background: #312C2E;
    height: 44px;
    align-items: center;
    gap: 20px;
    border-radius: 5px;
}

.table-icons i[b-nyi1k0qhws] {
    margin-right: 15px;
    color: #aaa;
}

.table-search input[b-nyi1k0qhws] {
    background: #312C2E;
    border: 1px solid #FFFFFF1A;
    color: white;
    padding: 6px 10px;
    border-radius: 8px;
    margin-right: 10px;
}

.validation-content table[b-nyi1k0qhws] {
    width: 100%;
    table-layout: fixed;
}

table[b-nyi1k0qhws] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

th[b-nyi1k0qhws], td[b-nyi1k0qhws] {
    padding: 12px;
    border-bottom: 1px solid #2a2a2a;
}

th[b-nyi1k0qhws] {
    color: #FFFFFF;
    font-weight: 600;
}



.pagination-container[b-nyi1k0qhws] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 15px 0 0 0;
    margin-top: 15px;
    margin-right: 15px;
}

.pagination-links[b-nyi1k0qhws] {
    display: flex;
    gap: 5px;
}

    .pagination-links .btn[b-nyi1k0qhws] {
        border: none;
        color: #e5e7eb;
        padding: 5px 7px;
        border-radius: 4px;
        font-size: 10px;
        cursor: pointer;
        transition: background-color 0.2s;
    }

        .pagination-links .btn:hover:not(.disabled)[b-nyi1k0qhws] {
            background-color: #4a5160;
        }

    .pagination-links .page-number.active[b-nyi1k0qhws] {
        background-color: #ff6a00;
        font-weight: bold;
    }

    .pagination-links .disabled[b-nyi1k0qhws] {
        opacity: 0.5;
        cursor: not-allowed;
    }


.table-footer[b-nyi1k0qhws] {
    display: flex;
    justify-content: flex-end;
}


    .table-footer .footer-buttons .btn[b-nyi1k0qhws] {
        border: 1px solid #2a2a2a;
        margin: 10px 0 0 5px;
        border-radius: 8px;
        color: #FFFFFF;
        font-weight: 100;
    }

    .table-footer .footer-buttons .primary[b-nyi1k0qhws] {
        background-color: #FF5533;
    }



 
/*   RESPONSIVE STYLES*/
 

@media (max-width: 650px) {


    h2[b-nyi1k0qhws] {
        padding: 0 10px;
    }


    .submission-tabs[b-nyi1k0qhws] {
        padding: 0 10px;
        gap: 15px;
        overflow-x: auto;
        white-space: nowrap;
        margin-bottom: 5px;
    }


    .validation-card[b-nyi1k0qhws] {
        flex-direction: column;
        border-radius: 0;
        margin: 0;
    }


    .validation-sidebar[b-nyi1k0qhws] {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #2a2a2a;
        padding: 10px 0;
        margin-top: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .side-item[b-nyi1k0qhws] {
        padding: 8px 10px;
        flex: 1 1 auto;
        text-align: center;
        border-radius: 0;
    }

        .side-item.active[b-nyi1k0qhws] {
            background: #222;
            border-bottom: 2px solid #ff5a3c;
            border-radius: 0;
        }


    .validation-content[b-nyi1k0qhws] {
        padding: 10px;
    }


    .table-topbar[b-nyi1k0qhws] {
        flex-direction: column;
        align-items: flex-start;
        height: auto;
        padding: 10px;
        gap: 10px;
    }

    .table-search[b-nyi1k0qhws] {
        width: 100%;
    }

        .table-search input[b-nyi1k0qhws] {
            width: 100%;
            box-sizing: border-box;
            margin-right: 0;
        }


    table[b-nyi1k0qhws] {
        font-size: 14px;
    }

    .validation-content table[b-nyi1k0qhws],
    .validation-content thead[b-nyi1k0qhws],
    .validation-content tbody[b-nyi1k0qhws],
    .validation-content tr[b-nyi1k0qhws] {
        display: block;
        width: 100%;
    }

    .validation-content thead[b-nyi1k0qhws] {
        display: none;
    }

    .validation-content tr[b-nyi1k0qhws] {
        margin-bottom: 15px;
        border: 1px solid #2a2a2a;
        border-radius: 4px;
    }

    .validation-content td[b-nyi1k0qhws] {
        display: block;
        text-align: right;
        padding-left: 50%;
        position: relative;
        border-bottom: 1px dashed #2a2a2a;
    }

        .validation-content td:last-child[b-nyi1k0qhws] {
            border-bottom: none;
        }


        .validation-content td[b-nyi1k0qhws]::before {
            content: attr(data-label);
            position: absolute;
            left: 10px;
            width: 45%;
            text-align: left;
            font-weight: 600;
            color: #bbb;
        }


    .pagination-container[b-nyi1k0qhws] {
        justify-content: center;
        margin-right: 0;
        order: 1;
    }

    .table-footer[b-nyi1k0qhws] {
        flex-direction: column;
        align-items: center;
    }

        .table-footer .footer-buttons[b-nyi1k0qhws] {
            width: 100%;
            display: flex;
            justify-content: space-between;
        }

            .table-footer .footer-buttons .btn[b-nyi1k0qhws] {
                flex-grow: 1;
                margin: 5px;
            }
}

@media (max-width: 900px) and (min-width: 651px) {


    .validation-sidebar[b-nyi1k0qhws] {
        width: 150px;
    }

    .validation-content[b-nyi1k0qhws] {
        padding: 10px;
    }


    .table-topbar[b-nyi1k0qhws] {
        gap: 10px;
    }

    .table-search input[b-nyi1k0qhws] {
        width: 120px;
    }


    table[b-nyi1k0qhws] {
        font-size: 12px;
    }


    .pagination-container[b-nyi1k0qhws] {
        padding-top: 10px;
        margin-top: 10px;
    }
}
/* /Pages/Documents/Submissions/Validation/Validation.razor.rz.scp.css */


.validation-container[b-8lsb46cmv1] {
    border: 2px solid #2a2a2a;
    padding: 10px;
}

body[b-8lsb46cmv1] {
    background: #1e1e1e;
    color: #fff;
    font-family: Inter, sans-serif;
    max-width: 100%;
    overflow-x: hidden;
}

 h2[b-8lsb46cmv1] {
    margin-bottom: 15px;
    font-size: 20px;
}

.validation-container[b-8lsb46cmv1] {
    width: 100%;
}

.submission-tabs[b-8lsb46cmv1] {
    display: flex;
    gap: 30px;
    border-bottom: 1px solid #2f2f2f;
}
.submission-tabs a[b-8lsb46cmv1]{
    text-decoration:none;
    font-size:14px;
    color: #aaa;
    padding-bottom:8px;
}
    .submission-tabs .active[b-8lsb46cmv1] {
        color: #ff5a3c;
        border-bottom: 2px solid #ff5a3c;
    }

.validation-card[b-8lsb46cmv1] {
    background: #181818;
    padding: 0;
    display: flex;
    width: 100%; 
}
.validation-sidebar[b-8lsb46cmv1] {
    width: 200px;
    background: #181818;
    border-right: 1px solid #2a2a2a;
    padding-right:10px;
    margin-top:15px;
}
.side-item[b-8lsb46cmv1] {
    padding: 14px 20px;
    color: #bbb;
    cursor: pointer;
    text-decoration:none;
    display:flex;
    font-size:12px;
}

    .side-item.active[b-8lsb46cmv1] {
        background: #222;
        color: #fff;
        border-radius:5px;
    }



.validation-content[b-8lsb46cmv1] {
    flex: 1;
    min-width: 0; 
    padding: 15px;
    display: flex;
    flex-direction: column;
}

.table-topbar[b-8lsb46cmv1] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
    background: #312C2E;
    height:44px;
    align-items:center;
    gap:20px;
    border-radius:5px;
}

.table-icons i[b-8lsb46cmv1] {
    margin-right: 15px;
    color: #aaa;
}

.table-search input[b-8lsb46cmv1] {
    background: #312C2E;
    border: 1px solid #FFFFFF1A;
    color: white;
    padding: 6px 10px;
    border-radius: 8px;
    margin-right: 10px;
    
}

.validation-content table[b-8lsb46cmv1] {
    width: 100%;
    table-layout: fixed;
}

table[b-8lsb46cmv1] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

th[b-8lsb46cmv1], td[b-8lsb46cmv1] {
    padding: 12px;
    border-bottom: 1px solid #2a2a2a;
}

th[b-8lsb46cmv1] {
    color: #FFFFFF;
    font-weight: 600;
}



.pagination-container[b-8lsb46cmv1] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 15px 0 0 0;
    margin-top: 15px;
    margin-right:15px;
}

.pagination-links[b-8lsb46cmv1] {
    display: flex;
    gap: 5px;
}

    .pagination-links .btn[b-8lsb46cmv1] {
        border: none;
        color: #e5e7eb;

        padding: 5px 7px;
        border-radius: 4px;
        font-size: 10px;
        cursor: pointer;
        transition: background-color 0.2s;
    }

        .pagination-links .btn:hover:not(.disabled)[b-8lsb46cmv1] {
            background-color: #4a5160;
        }

    .pagination-links .page-number.active[b-8lsb46cmv1] {
        background-color: #ff6a00; 
        font-weight: bold;
    }

    .pagination-links .disabled[b-8lsb46cmv1] {
        opacity: 0.5;
        cursor: not-allowed;
    }


.table-footer[b-8lsb46cmv1] {
    display: flex;
    justify-content: flex-end;
    
}


    .table-footer .footer-buttons .btn[b-8lsb46cmv1] {
        border: 1px solid #2a2a2a;
        margin: 10px 0 0 5px;
        border-radius: 8px;
        color: #FFFFFF;
        font-weight: 100;
        
    }
    .table-footer .footer-buttons .primary[b-8lsb46cmv1] {
        background-color: #FF5533;
    }



 
/*   RESPONSIVE STYLES*/
 

@media (max-width: 650px) {

   
    h2[b-8lsb46cmv1] {
        padding: 0 10px; 
    }

   
    .submission-tabs[b-8lsb46cmv1] {
        padding: 0 10px;
        gap: 15px;
        overflow-x: auto; 
        white-space: nowrap;
        margin-bottom: 5px;
    }

    
    .validation-card[b-8lsb46cmv1] {
        flex-direction: column; 
        border-radius: 0;
        margin: 0;
    }

    
    .validation-sidebar[b-8lsb46cmv1] {
        width: 100%; 
        border-right: none;
        border-bottom: 1px solid #2a2a2a; 
        padding: 10px 0;
        margin-top: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around; 
    }

    .side-item[b-8lsb46cmv1] {
        padding: 8px 10px;
        flex: 1 1 auto; 
        text-align: center;
        border-radius: 0; 
    }

        .side-item.active[b-8lsb46cmv1] {
            
            background: #222;
            border-bottom: 2px solid #ff5a3c;
            border-radius: 0;
        }

    
    .validation-content[b-8lsb46cmv1] {
        padding: 10px;
    }

   
    .table-topbar[b-8lsb46cmv1] {
        flex-direction: column;
        align-items: flex-start;
        height: auto;
        padding: 10px;
        gap: 10px;
    }

    .table-search[b-8lsb46cmv1] {
        width: 100%;
    }

        .table-search input[b-8lsb46cmv1] {
            width: 100%;
            box-sizing: border-box; 
            margin-right: 0;
        }

  
    table[b-8lsb46cmv1] {
        font-size: 14px;
    }

    .validation-content table[b-8lsb46cmv1],
    .validation-content thead[b-8lsb46cmv1],
    .validation-content tbody[b-8lsb46cmv1],
    .validation-content tr[b-8lsb46cmv1] {
        display: block; 
        width: 100%;
    }

    .validation-content thead[b-8lsb46cmv1] {
        display: none; 
    }

    .validation-content tr[b-8lsb46cmv1] {
        margin-bottom: 15px;
        border: 1px solid #2a2a2a;
        border-radius: 4px;
    }

    .validation-content td[b-8lsb46cmv1] {
        display: block;
        text-align: right;
        padding-left: 50%; 
        position: relative;
        border-bottom: 1px dashed #2a2a2a; 
    }

        .validation-content td:last-child[b-8lsb46cmv1] {
            border-bottom: none;
        }

       
        .validation-content td[b-8lsb46cmv1]::before {
            content: attr(data-label);
            position: absolute;
            left: 10px;
            width: 45%;
            text-align: left;
            font-weight: 600;
            color: #bbb;
        }

   
    .pagination-container[b-8lsb46cmv1] {
        justify-content: center; 
        margin-right: 0;
        order: 1;
    }

    .table-footer[b-8lsb46cmv1] {
        flex-direction: column; 
        align-items: center;
    }

        .table-footer .footer-buttons[b-8lsb46cmv1] {
            width: 100%;
            display: flex;
            justify-content: space-between;
        }

            .table-footer .footer-buttons .btn[b-8lsb46cmv1] {
                flex-grow: 1;
                margin: 5px;
            }
}

@media (max-width: 900px) and (min-width: 651px) {

   
    .validation-sidebar[b-8lsb46cmv1] {
        width: 150px; 
    }

    .validation-content[b-8lsb46cmv1] {
        padding: 10px;
    }

   
    .table-topbar[b-8lsb46cmv1] {
        gap: 10px;
    }

    .table-search input[b-8lsb46cmv1] {
        width: 120px; 
    }

    
    table[b-8lsb46cmv1] {
        font-size: 12px;
    }

   
    .pagination-container[b-8lsb46cmv1] {
        padding-top: 10px;
        margin-top: 10px;
    }
}
/* /Pages/Documents/Submissions/Validation/ValidFiles.razor.rz.scp.css */


.validation-container[b-1kuur78fu4] {
    border: 2px solid #2a2a2a;
    padding: 10px;
}

body[b-1kuur78fu4] {
    background: #1e1e1e;
    color: #fff;
    font-family: Inter, sans-serif;
    max-width: 100%;
    overflow-x: hidden;
}

h2[b-1kuur78fu4] {
    margin-bottom: 15px;
    font-size: 20px;
}

.validation-container[b-1kuur78fu4] {
    width: 100%;
}

.submission-tabs[b-1kuur78fu4] {
    display: flex;
    gap: 30px;
    border-bottom: 1px solid #2f2f2f;
}

    .submission-tabs a[b-1kuur78fu4] {
        text-decoration: none;
        font-size: 14px;
        color: #aaa;
        padding-bottom: 8px;
    }

    .submission-tabs .active[b-1kuur78fu4] {
        color: #ff5a3c;
        border-bottom: 2px solid #ff5a3c;
    }

.validation-card[b-1kuur78fu4] {
    background: #181818;
    padding: 0;
    display: flex;
    width: 100%;
}

.validation-sidebar[b-1kuur78fu4] {
    width: 200px;
    background: #181818;
    border-right: 1px solid #2a2a2a;
    padding-right: 10px;
    margin-top: 15px;
}

.side-item[b-1kuur78fu4] {
    padding: 14px 20px;
    color: #bbb;
    cursor: pointer;
    text-decoration: none;
    display: flex;
    font-size: 12px;
}

    .side-item.active[b-1kuur78fu4] {
        background: #222;
        color: #fff;
        border-radius: 5px;
    }



.validation-content[b-1kuur78fu4] {
    flex: 1;
    min-width: 0;
    padding: 15px;
    display: flex;
    flex-direction: column;
}

.table-topbar[b-1kuur78fu4] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
    background: #312C2E;
    height: 44px;
    align-items: center;
    gap: 20px;
    border-radius: 5px;
}

.table-icons i[b-1kuur78fu4] {
    margin-right: 15px;
    color: #aaa;
}

.table-search input[b-1kuur78fu4] {
    background: #312C2E;
    border: 1px solid #FFFFFF1A;
    color: white;
    padding: 6px 10px;
    border-radius: 8px;
    margin-right: 10px;
}

.validation-content table[b-1kuur78fu4] {
    width: 100%;
    table-layout: fixed;
}

table[b-1kuur78fu4] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

th[b-1kuur78fu4], td[b-1kuur78fu4] {
    padding: 12px;
    border-bottom: 1px solid #2a2a2a;
}

th[b-1kuur78fu4] {
    color: #FFFFFF;
    font-weight: 600;
}



.pagination-container[b-1kuur78fu4] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 15px 0 0 0;
    margin-top: 15px;
    margin-right: 15px;
}

.pagination-links[b-1kuur78fu4] {
    display: flex;
    gap: 5px;
}

    .pagination-links .btn[b-1kuur78fu4] {
        border: none;
        color: #e5e7eb;
        padding: 5px 7px;
        border-radius: 4px;
        font-size: 10px;
        cursor: pointer;
        transition: background-color 0.2s;
    }

        .pagination-links .btn:hover:not(.disabled)[b-1kuur78fu4] {
            background-color: #4a5160;
        }

    .pagination-links .page-number.active[b-1kuur78fu4] {
        background-color: #ff6a00;
        font-weight: bold;
    }

    .pagination-links .disabled[b-1kuur78fu4] {
        opacity: 0.5;
        cursor: not-allowed;
    }


.table-footer[b-1kuur78fu4] {
    display: flex;
    justify-content: flex-end;
}


    .table-footer .footer-buttons .btn[b-1kuur78fu4] {
        border: 1px solid #2a2a2a;
        margin: 10px 0 0 5px;
        border-radius: 8px;
        color: #FFFFFF;
        font-weight: 100;
    }

    .table-footer .footer-buttons .primary[b-1kuur78fu4] {
        background-color: #FF5533;
    }



/* 
   RESPONSIVE STYLES*/
 

@media (max-width: 650px) {


    h2[b-1kuur78fu4] {
        padding: 0 10px;
    }


    .submission-tabs[b-1kuur78fu4] {
        padding: 0 10px;
        gap: 15px;
        overflow-x: auto;
        white-space: nowrap;
        margin-bottom: 5px;
    }


    .validation-card[b-1kuur78fu4] {
        flex-direction: column;
        border-radius: 0;
        margin: 0;
    }


    .validation-sidebar[b-1kuur78fu4] {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #2a2a2a;
        padding: 10px 0;
        margin-top: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .side-item[b-1kuur78fu4] {
        padding: 8px 10px;
        flex: 1 1 auto;
        text-align: center;
        border-radius: 0;
    }

        .side-item.active[b-1kuur78fu4] {
            background: #222;
            border-bottom: 2px solid #ff5a3c;
            border-radius: 0;
        }


    .validation-content[b-1kuur78fu4] {
        padding: 10px;
    }


    .table-topbar[b-1kuur78fu4] {
        flex-direction: column;
        align-items: flex-start;
        height: auto;
        padding: 10px;
        gap: 10px;
    }

    .table-search[b-1kuur78fu4] {
        width: 100%;
    }

        .table-search input[b-1kuur78fu4] {
            width: 100%;
            box-sizing: border-box;
            margin-right: 0;
        }


    table[b-1kuur78fu4] {
        font-size: 14px;
    }

    .validation-content table[b-1kuur78fu4],
    .validation-content thead[b-1kuur78fu4],
    .validation-content tbody[b-1kuur78fu4],
    .validation-content tr[b-1kuur78fu4] {
        display: block;
        width: 100%;
    }

    .validation-content thead[b-1kuur78fu4] {
        display: none;
    }

    .validation-content tr[b-1kuur78fu4] {
        margin-bottom: 15px;
        border: 1px solid #2a2a2a;
        border-radius: 4px;
    }

    .validation-content td[b-1kuur78fu4] {
        display: block;
        text-align: right;
        padding-left: 50%;
        position: relative;
        border-bottom: 1px dashed #2a2a2a;
    }

        .validation-content td:last-child[b-1kuur78fu4] {
            border-bottom: none;
        }


        .validation-content td[b-1kuur78fu4]::before {
            content: attr(data-label);
            position: absolute;
            left: 10px;
            width: 45%;
            text-align: left;
            font-weight: 600;
            color: #bbb;
        }


    .pagination-container[b-1kuur78fu4] {
        justify-content: center;
        margin-right: 0;
        order: 1;
    }

    .table-footer[b-1kuur78fu4] {
        flex-direction: column;
        align-items: center;
    }

        .table-footer .footer-buttons[b-1kuur78fu4] {
            width: 100%;
            display: flex;
            justify-content: space-between;
        }

            .table-footer .footer-buttons .btn[b-1kuur78fu4] {
                flex-grow: 1;
                margin: 5px;
            }
}

@media (max-width: 900px) and (min-width: 651px) {


    .validation-sidebar[b-1kuur78fu4] {
        width: 150px;
    }

    .validation-content[b-1kuur78fu4] {
        padding: 10px;
    }


    .table-topbar[b-1kuur78fu4] {
        gap: 10px;
    }

    .table-search input[b-1kuur78fu4] {
        width: 120px;
    }


    table[b-1kuur78fu4] {
        font-size: 12px;
    }


    .pagination-container[b-1kuur78fu4] {
        padding-top: 10px;
        margin-top: 10px;
    }
}
/* /Pages/Documents/Transmittals.razor.rz.scp.css */

.inside_navbar[b-z2v88ocvnt] {
    color: #bbb;
    height: 40px;
    border: 1px solid #222;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 15px;
    background: #312C2E;
    border-radius: 8px;
    flex-wrap: wrap;
    gap: 10px;
}

.inside_icon[b-z2v88ocvnt] {
    padding: 0 5px;
    cursor: pointer;
}

.inside_navbar input[type="text"][b-z2v88ocvnt] {
    height: 25px;
    padding: 0 8px;
    margin-left: 15px;
    border: 1px solid #444;
    border-radius: 4px;
    background-color: #3e4451;
    color: #ffffff;
    font-size: 14px;
}


.inside-top[b-z2v88ocvnt] {
    display: flex;
    gap: 20px;
}


.active-link[b-z2v88ocvnt] {
    color: #007bff;
    font-weight: bold;
    border-bottom: 2px solid #ff5533;
    padding-bottom: 5px;
    cursor: pointer;
}


.inside-top p[b-z2v88ocvnt] {
    margin: 0;
    cursor: pointer;
    color: white;
    margin-bottom: 5px;
    padding-bottom: 1px;
}



.submenu.visible[b-z2v88ocvnt] {
    display: block;
}

.inside-top p a[b-z2v88ocvnt] {
    padding: 8px 20px 8px 40px;
    color: #c9c9c9;
    font-size: 14px;
    display: flex;
    align-items: center;
    text-decoration: none;
}

    .inside-top p a:hover[b-z2v88ocvnt] {
        background-color: #2c3038;
        color: #ffffff;
    }

.card[b-z2v88ocvnt] {
    background: #141414;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #222;
    margin-top: 15px;
}


table[b-z2v88ocvnt] {
    width: 100%;
    color: white;
    border-collapse: collapse;
}

th[b-z2v88ocvnt], td[b-z2v88ocvnt] {
    padding: 10px;
    border-bottom: 1px solid #222;
}

 Pagination 
.pagination[b-z2v88ocvnt] {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
    gap: 5px;
}

    .pagination button[b-z2v88ocvnt] {
        background: none;
        border: none;
        color: #b3b3b3;
        cursor: pointer;
        padding: 5px 10px;
    }

        .pagination button.active[b-z2v88ocvnt] {
            color: white;
            background: #444;
            border-radius: 4px;
        }

@media (max-width: 850px) {


    .inside_navbar[b-z2v88ocvnt] {
        justify-content: flex-end;
        height: auto;
    }

        .inside_navbar input[type="text"][b-z2v88ocvnt] {
            width: 80%;
            margin-top: 8px;
            margin-bottom: 8px;
            margin-left: 0;
        }


    table[b-z2v88ocvnt], thead[b-z2v88ocvnt], tbody[b-z2v88ocvnt], th[b-z2v88ocvnt], td[b-z2v88ocvnt], tr[b-z2v88ocvnt] {
        display: block;
    }


    thead[b-z2v88ocvnt] {
        display: none;
    }

    tr[b-z2v88ocvnt] {
        margin-bottom: 15px;
        background: #1c1c1c;
        padding: 15px;
        border-radius: 8px;
        border: 1px solid #333;
    }

    td[b-z2v88ocvnt] {
        border: none;
        padding: 8px 0;
        position: relative;
        padding-left: 120px;
        font-size: 14px;
        min-height: 30px;
    }


        td[b-z2v88ocvnt]::before {
            content: attr(data-label);
            position: absolute;
            left: 15px;
            top: 8px;
            font-weight: bold;
            color: #aaaaaa;
            font-size: 13px;
        }
}

@media (max-width: 412px) {


    .inside_navbar[b-z2v88ocvnt] {
        justify-content: flex-end;
        height: auto;
        margin-bottom: 5px;
    }

        .inside_navbar input[type="text"][b-z2v88ocvnt] {
            width: 60%;
            margin-top: 8px;
            margin-bottom: 8px;
            margin-left: 0;
        }
}
/* /Pages/Project Admin/ActivityLog.razor.rz.scp.css */
.admin-card[b-jxy1okr0ja] {
    width: 100%;
    max-width: 1580px;
    margin: 0 auto;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 10px;
    color: #eaeaea;
}


.page-title[b-jxy1okr0ja] {
    font-weight: 600;
    font-size: 27px;
}


.content-row[b-jxy1okr0ja] {
    width: 100%;
    display: flex;
    gap: 10px;
    padding: 16px;
    border: 1px solid #3a3a3b;
    border-radius: 5px;
    overflow: hidden;
}


.project-panel[b-jxy1okr0ja] {
    border-right: 1px solid #3a3a3b;
    width: 260px;
    min-width: 260px;
    background: #18181b;
    padding: 12px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .project-panel .panel-item span[b-jxy1okr0ja] {
        display: block;
        padding: 12px 16px;
        color: #fff;
        border-radius: 6px;
    }

    .project-panel .panel-item.active span[b-jxy1okr0ja] {
        background: rgb(49, 44, 46);
    }



.table-section[b-jxy1okr0ja] {
    flex: 1;
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.table-header[b-jxy1okr0ja] {
    width: 100%;
    background: #312C2E;
    border-radius: 5px;
    padding: 8px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}
.icon-btn[b-jxy1okr0ja] {
    width: 34px;
    height: 34px;
    background: #2a2a2f;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    color: #bbb;
}

    .icon-btn:hover[b-jxy1okr0ja] {
        background: #333;
    }

.search-box[b-jxy1okr0ja] {
    display: flex;
    align-items: center;
    background: #2a2a2f;
    border-radius: 8px;
    padding: 4px 8px;
    gap: 6px;
}

    .search-box input[b-jxy1okr0ja] {
        background: none;
        border: none;
        outline: none;
        color: #fff;
    }



.users-table[b-jxy1okr0ja] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

    .users-table th[b-jxy1okr0ja],
    .users-table td[b-jxy1okr0ja] {
        padding: 14px 16px;
        border-bottom: 1px solid #2f2f2f;
        font-size: 14px;
        text-align: left;
        word-wrap: break-word;
    }

    .users-table th[b-jxy1okr0ja] {
        color: #bfbfbf;
        font-weight: 600;
    }

.th-content[b-jxy1okr0ja] {
    display: flex;
    align-items: center;
    gap: 6px;
}


@media (max-width: 1200px) {

    .content-row[b-jxy1okr0ja] {
        flex-direction: column;
    }

    .project-panel[b-jxy1okr0ja] {
        width: 100%;
        flex-direction: column;
        overflow-x: auto;
    }

    .table-header[b-jxy1okr0ja] {
        flex-wrap: wrap;
        gap: 10px;
    }

    .users-table thead[b-jxy1okr0ja] {
        display: none;
    }

    .users-table[b-jxy1okr0ja],
    .users-table tbody[b-jxy1okr0ja],
    .users-table tr[b-jxy1okr0ja],
    .users-table td[b-jxy1okr0ja] {
        display: block;
        width: 100%;
    }

        .users-table tr[b-jxy1okr0ja] {
            background: #1c1c1c;
            padding: 15px;
            margin-bottom: 15px;
            border-radius: 8px;
            border: 1px solid #333;
        }

        .users-table td[b-jxy1okr0ja] {
            position: relative;
            padding-left: 120px;
            border: none;
            font-size: 14px;
        }

            .users-table td[b-jxy1okr0ja]::before {
                content: attr(data-label);
                position: absolute;
                left: 15px;
                top: 8px;
                font-weight: 600;
                color: #aaa;
                font-size: 13px;
            }
}


@media (max-width: 412px) {

    .users-table td[b-jxy1okr0ja] {
        padding-left: 100px;
        font-size: 13px;
    }

    .search-box[b-jxy1okr0ja] {
        width: 120px;
    }
}
/* /Pages/Project Admin/Assets.razor.rz.scp.css */
.admin-card[b-h8yzava872] {
    width: 100%;
    max-width: 1580px;
    margin: 0 auto;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 10px;
    color: #eaeaea;
}


.page-title[b-h8yzava872] {
    font-weight: 600;
    font-size: 27px;
}


.content-row[b-h8yzava872] {
    width: 100%;
    display: flex;
    gap: 10px;
    padding: 16px;
    border: 1px solid #3a3a3b;
    border-radius: 5px;
    overflow: hidden;
}


.project-panel[b-h8yzava872] {
    border-right: 1px solid #3a3a3b;
    width: 260px;
    min-width: 260px;
    background: #18181b;
    padding: 12px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .project-panel .panel-item span[b-h8yzava872] {
        display: block;
        padding: 12px 16px;
        color: #fff;
        border-radius: 6px;
    }

    .project-panel .panel-item.active span[b-h8yzava872] {
        background: rgb(49, 44, 46);
    }



.table-section[b-h8yzava872] {
    flex: 1;
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.table-header[b-h8yzava872] {
    width: 100%;
    background: #312C2E;
    border-radius: 5px;
    padding: 8px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.icon-btn[b-h8yzava872] {
    width: 34px;
    height: 34px;
    background: #2a2a2f;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    color: #bbb;
}

    .icon-btn:hover[b-h8yzava872] {
        background: #333;
    }

.search-box[b-h8yzava872] {
    display: flex;
    align-items: center;
    background: #2a2a2f;
    border-radius: 8px;
    padding: 4px 8px;
    gap: 6px;
}

    .search-box input[b-h8yzava872] {
        background: none;
        border: none;
        outline: none;
        color: #fff;
    }



.users-table[b-h8yzava872] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

    .users-table th[b-h8yzava872],
    .users-table td[b-h8yzava872] {
        padding: 14px 16px;
        border-bottom: 1px solid #2f2f2f;
        font-size: 14px;
        text-align: left;
        word-wrap: break-word;
    }

    .users-table th[b-h8yzava872] {
        color: #bfbfbf;
        font-weight: 600;
    }

.th-content[b-h8yzava872] {
    display: flex;
    align-items: center;
    gap: 6px;
}


@media (max-width: 1200px) {

    .content-row[b-h8yzava872] {
        flex-direction: column;
    }

    .project-panel[b-h8yzava872] {
        width: 100%;
        flex-direction: column;
        overflow-x: auto;
    }

    .table-header[b-h8yzava872] {
        flex-wrap: wrap;
        gap: 10px;
    }

    .users-table thead[b-h8yzava872] {
        display: none;
    }

    .users-table[b-h8yzava872],
    .users-table tbody[b-h8yzava872],
    .users-table tr[b-h8yzava872],
    .users-table td[b-h8yzava872] {
        display: block;
        width: 100%;
    }

        .users-table tr[b-h8yzava872] {
            background: #1c1c1c;
            padding: 15px;
            margin-bottom: 15px;
            border-radius: 8px;
            border: 1px solid #333;
        }

        .users-table td[b-h8yzava872] {
            position: relative;
            padding-left: 120px;
            border: none;
            font-size: 14px;
        }

            .users-table td[b-h8yzava872]::before {
                content: attr(data-label);
                position: absolute;
                left: 15px;
                top: 8px;
                font-weight: 600;
                color: #aaa;
                font-size: 13px;
            }
}


@media (max-width: 412px) {

    .users-table td[b-h8yzava872] {
        padding-left: 100px;
        font-size: 13px;
    }

    .search-box[b-h8yzava872] {
        width: 120px;
    }
}
/* /Pages/Project Admin/DesignStages.razor.rz.scp.css */
.admin-card[b-q1hz3ph9w5] {
    width: 100%;
    max-width: 1580px;
    margin: 0 auto;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 10px;
    color: #eaeaea;
}


.page-title[b-q1hz3ph9w5] {
    font-weight: 600;
    font-size: 27px;
}


.content-row[b-q1hz3ph9w5] {
    width: 100%;
    display: flex;
    gap: 10px;
    padding: 16px;
    border: 1px solid #3a3a3b;
    border-radius: 5px;
    overflow: hidden;
}


.project-panel[b-q1hz3ph9w5] {
    border-right: 1px solid #3a3a3b;
    width: 260px;
    min-width: 260px;
    background: #18181b;
    padding: 12px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .project-panel .panel-item span[b-q1hz3ph9w5] {
        display: block;
        padding: 12px 16px;
        color: #fff;
        border-radius: 6px;
    }

    .project-panel .panel-item.active span[b-q1hz3ph9w5] {
        background: rgb(49, 44, 46);
    }



.table-section[b-q1hz3ph9w5] {
    flex: 1;
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.table-header[b-q1hz3ph9w5] {
    width: 100%;
    background: #312C2E;
    border-radius: 5px;
    padding: 8px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.icon-btn[b-q1hz3ph9w5] {
    width: 34px;
    height: 34px;
    background: #2a2a2f;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    color: #bbb;
}

    .icon-btn:hover[b-q1hz3ph9w5] {
        background: #333;
    }

.search-box[b-q1hz3ph9w5] {
    display: flex;
    align-items: center;
    background: #2a2a2f;
    border-radius: 8px;
    padding: 4px 8px;
    gap: 6px;
}

    .search-box input[b-q1hz3ph9w5] {
        background: none;
        border: none;
        outline: none;
        color: #fff;
    }



.users-table[b-q1hz3ph9w5] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

    .users-table th[b-q1hz3ph9w5],
    .users-table td[b-q1hz3ph9w5] {
        padding: 14px 16px;
        border-bottom: 1px solid #2f2f2f;
        font-size: 14px;
        text-align: left;
        word-wrap: break-word;
    }

    .users-table th[b-q1hz3ph9w5] {
        color: #bfbfbf;
        font-weight: 600;
    }

.th-content[b-q1hz3ph9w5] {
    display: flex;
    align-items: center;
    gap: 6px;
}


@media (max-width: 1200px) {

    .content-row[b-q1hz3ph9w5] {
        flex-direction: column;
    }

    .project-panel[b-q1hz3ph9w5] {
        width: 100%;
        flex-direction: column;
        overflow-x: auto;
    }

    .table-header[b-q1hz3ph9w5] {
        flex-wrap: wrap;
        gap: 10px;
    }

    .users-table thead[b-q1hz3ph9w5] {
        display: none;
    }

    .users-table[b-q1hz3ph9w5],
    .users-table tbody[b-q1hz3ph9w5],
    .users-table tr[b-q1hz3ph9w5],
    .users-table td[b-q1hz3ph9w5] {
        display: block;
        width: 100%;
    }

        .users-table tr[b-q1hz3ph9w5] {
            background: #1c1c1c;
            padding: 15px;
            margin-bottom: 15px;
            border-radius: 8px;
            border: 1px solid #333;
        }

        .users-table td[b-q1hz3ph9w5] {
            position: relative;
            padding-left: 120px;
            border: none;
            font-size: 14px;
        }

            .users-table td[b-q1hz3ph9w5]::before {
                content: attr(data-label);
                position: absolute;
                left: 15px;
                top: 8px;
                font-weight: 600;
                color: #aaa;
                font-size: 13px;
            }
}


@media (max-width: 412px) {

    .users-table td[b-q1hz3ph9w5] {
        padding-left: 100px;
        font-size: 13px;
    }

    .search-box[b-q1hz3ph9w5] {
        width: 120px;
    }
}
/* /Pages/Project Admin/Disciplines.razor.rz.scp.css */
.admin-card[b-ry2k7dpnov] {
    width: 100%;
    max-width: 1580px;
    margin: 0 auto;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 10px;
    color: #eaeaea;
}


.page-title[b-ry2k7dpnov] {
    font-weight: 600;
    font-size: 27px;
}


.content-row[b-ry2k7dpnov] {
    width: 100%;
    display: flex;
    gap: 10px;
    padding: 16px;
    border: 1px solid #3a3a3b;
    border-radius: 5px;
    overflow: hidden;
}


.project-panel[b-ry2k7dpnov] {
    border-right: 1px solid #3a3a3b;
    width: 260px;
    min-width: 260px;
    background: #18181b;
    padding: 12px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .project-panel .panel-item span[b-ry2k7dpnov] {
        display: block;
        padding: 12px 16px;
        color: #fff;
        border-radius: 6px;
    }

    .project-panel .panel-item.active span[b-ry2k7dpnov] {
        background: rgb(49, 44, 46);
    }



.table-section[b-ry2k7dpnov] {
    flex: 1;
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.table-header[b-ry2k7dpnov] {
    width: 100%;
    background: #312C2E;
    border-radius: 5px;
    padding: 8px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.icon-btn[b-ry2k7dpnov] {
    width: 34px;
    height: 34px;
    background: #2a2a2f;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    color: #bbb;
}

    .icon-btn:hover[b-ry2k7dpnov] {
        background: #333;
    }

.search-box[b-ry2k7dpnov] {
    display: flex;
    align-items: center;
    background: #2a2a2f;
    border-radius: 8px;
    padding: 4px 8px;
    gap: 6px;
}

    .search-box input[b-ry2k7dpnov] {
        background: none;
        border: none;
        outline: none;
        color: #fff;
    }



.users-table[b-ry2k7dpnov] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

    .users-table th[b-ry2k7dpnov],
    .users-table td[b-ry2k7dpnov] {
        padding: 14px 16px;
        border-bottom: 1px solid #2f2f2f;
        font-size: 14px;
        text-align: left;
        word-wrap: break-word;
    }

    .users-table th[b-ry2k7dpnov] {
        color: #bfbfbf;
        font-weight: 600;
    }

.th-content[b-ry2k7dpnov] {
    display: flex;
    align-items: center;
    gap: 6px;
}


@media (max-width: 1200px) {

    .content-row[b-ry2k7dpnov] {
        flex-direction: column;
    }

    .project-panel[b-ry2k7dpnov] {
        width: 100%;
        flex-direction: column;
        overflow-x: auto;
    }

    .table-header[b-ry2k7dpnov] {
        flex-wrap: wrap;
        gap: 10px;
    }

    .users-table thead[b-ry2k7dpnov] {
        display: none;
    }

    .users-table[b-ry2k7dpnov],
    .users-table tbody[b-ry2k7dpnov],
    .users-table tr[b-ry2k7dpnov],
    .users-table td[b-ry2k7dpnov] {
        display: block;
        width: 100%;
    }

        .users-table tr[b-ry2k7dpnov] {
            background: #1c1c1c;
            padding: 15px;
            margin-bottom: 15px;
            border-radius: 8px;
            border: 1px solid #333;
        }

        .users-table td[b-ry2k7dpnov] {
            position: relative;
            padding-left: 120px;
            border: none;
            font-size: 14px;
        }

            .users-table td[b-ry2k7dpnov]::before {
                content: attr(data-label);
                position: absolute;
                left: 15px;
                top: 8px;
                font-weight: 600;
                color: #aaa;
                font-size: 13px;
            }
}


@media (max-width: 412px) {

    .users-table td[b-ry2k7dpnov] {
        padding-left: 100px;
        font-size: 13px;
    }

    .search-box[b-ry2k7dpnov] {
        width: 120px;
    }
}
/* /Pages/Project Admin/DocumentManagement.razor.rz.scp.css */

.app-shell[b-p7ipt1zz3f] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    max-width: 1580px;
    margin: 0 auto;
}

.project-panel[b-p7ipt1zz3f] {
    border-right: 1px solid #3a3a3b;
    width: 260px;
    min-width: 260px;
    background: #18181b;
    padding: 12px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .project-panel .panel-item span[b-p7ipt1zz3f] {
        display: block;
        padding: 12px 16px;
        color: #fff;
        border-radius: 6px;
    }

    .project-panel .panel-item.active span[b-p7ipt1zz3f] {
        background: rgb(49, 44, 46);
    }

    .main-content[b-p7ipt1zz3f] {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

.page-body[b-p7ipt1zz3f] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
    border: 1px solid #3a3a3b;
    border-radius: 16px;
    padding: 16px;
    box-sizing: border-box;
}
    .inner-sidebar[b-p7ipt1zz3f] {
        width: 220px;
        background: #18181b;
        border-radius: 10px;
        padding: 12px;
    }

    .inner-item[b-p7ipt1zz3f] {
        padding: 10px 12px;
        border-radius: 6px;
        color: #bbb;
        cursor: pointer;
    }

        .inner-item.active[b-p7ipt1zz3f],
        .inner-item:hover[b-p7ipt1zz3f] {
            background: #2a2a30;
            color: #fff;
        }

.work-area[b-p7ipt1zz3f], .table-section[b-p7ipt1zz3f] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.tabs[b-p7ipt1zz3f] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    height: 36px;
}

.tab[b-p7ipt1zz3f] {
    background: none;
    border: none;
    color: #aaa;
    padding: 8px 14px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 4px;
    transition: color 0.3s, border-bottom 0.3s;
}

    .tab.active[b-p7ipt1zz3f] {
        color: #fff;
        border-bottom: 2px solid #ff6b6b;
    }

    .tab:hover[b-p7ipt1zz3f] {
        color: #fff;
    }
.toolbar[b-p7ipt1zz3f] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px;
    border-radius: 5px;
    border-top: 1px solid #3a3a3b;
    border-bottom: 1px solid #3a3a3b;
    width: 100%;
}

.toolbar-right[b-p7ipt1zz3f] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 8px;
    border-radius: 5px;
    background: #312c2e;
    border: 1px solid #312c2e;
    width: 100%;
}
.toolbar-icons[b-p7ipt1zz3f] {
    gap: 12px;
    display: flex;
    flex-direction: row;
    width: 1116px;
    height: 20px;
     border: 1px solid grey; 
    border-radius: 8px;
}
.btn-outline[b-p7ipt1zz3f] {
    border: 1px solid #373837;
    background-color: transparent;
    color: #f8f8f8;
    padding: 2px 7px;
    font-size: 16px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .btn-outline:hover[b-p7ipt1zz3f] {
        background-color: #2a2a30;
        color: white;
    }
.save-btn[b-p7ipt1zz3f] {
    background: #ff5533;
    color: #fff;
}

    .save-btn:hover[b-p7ipt1zz3f] {
        background: #e64a2b;
    }

.table-header[b-p7ipt1zz3f] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 8px;
    border-radius: 5px;
    background: #312c2e;
    border: 1px solid #312c2e;
    width: 100%;
}

.table-actions[b-p7ipt1zz3f] {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.icon-btn[b-p7ipt1zz3f] {
    width: 34px;
    height: 34px;
    background: #2a2a2f;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    color: #bbb;
}

    .icon-btn:hover[b-p7ipt1zz3f] {
        background: #333;
    }

.search-box[b-p7ipt1zz3f] {
    display: flex;
    align-items: center;
    background: #2a2a2f;
    border-radius: 8px;
    padding: 4px 8px;
    gap: 6px;
}

    .search-box input[b-p7ipt1zz3f] {
        background: none;
        border: none;
        outline: none;
        color: #fff;
    }

.switch[b-p7ipt1zz3f] {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 25px;
}


    .switch input[b-p7ipt1zz3f] {
        opacity: 0;
        width: 0;
        height: 0;
    }


.slider[b-p7ipt1zz3f] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 34px;
}

    .slider[b-p7ipt1zz3f]:before {
        position: absolute;
        content: "";
        height: 18px;
        width: 18px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        transition: 0.4s;
        border-radius: 50%;
    }


input:checked + .slider[b-p7ipt1zz3f] {
    background-color: #ff5533;
}

    input:checked + .slider[b-p7ipt1zz3f]:before {
        transform: translateX(26px);
    }

.top-bar[b-p7ipt1zz3f] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
}
    .top-bar span[b-p7ipt1zz3f] {
        font-weight: 600;
        font-size: 27px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

.parameter-grid[b-p7ipt1zz3f] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 16px;
    width: 100%;
}

.parameter-card[b-p7ipt1zz3f] {
    border: 1px solid #3a3a3b;
    border-radius: 9px;
    padding: 16px;
    background: #181818;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.field-row[b-p7ipt1zz3f] {
    color: #fff;
    font-size: 14px;
    display: flex;
    flex-direction: row;
    flex: 1 1 120px;
    gap: 12px;
}

    .field-row label[b-p7ipt1zz3f] {
    color: #fff;
        font-size: 14px;
        display: flex;
        flex-direction: column;
        flex: 1 1 120px;
    }

    .field-row input[b-p7ipt1zz3f] {
        border: 1px solid #555;
        height: 35px;
        width: 80%;
        background: #2a2a2f;
        padding: 6px;
        border-radius: 6px;
        color: #fff;
        background: transparent;
    }


    .card-actions[b-p7ipt1zz3f] {
        display: flex;
        justify-content: flex-end;
        gap: 8px;
    }


.save-btn[b-p7ipt1zz3f] {
    cursor: pointer;
    background: #FF5533;
    border: none;
    padding: 6px 14px;
    border-radius: 6px;
    color: #fff;
}



/* ===== Responsive ===== */
@media (max-width: 1280px) {
    .page-body[b-p7ipt1zz3f] {
        flex-direction: column;
    }

    .project-panel[b-p7ipt1zz3f], .inner-sidebar[b-p7ipt1zz3f] {
        width: 100%;
        max-width: 100%;
    }

    .parameter-grid[b-p7ipt1zz3f] {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    }
}

@media (max-width: 768px) {
    .top-bar[b-p7ipt1zz3f], .tabs[b-p7ipt1zz3f], .toolbar[b-p7ipt1zz3f], .toolbar-right[b-p7ipt1zz3f], .table-header[b-p7ipt1zz3f] {
        flex-direction: column;
        gap: 8px;
    }

    .users-table thead[b-p7ipt1zz3f] {
        display: none;
    }

    .users-table[b-p7ipt1zz3f], .users-table tbody[b-p7ipt1zz3f], .users-table tr[b-p7ipt1zz3f], .users-table td[b-p7ipt1zz3f] {
        display: block;
        width: 100%;
    }

        .users-table tr[b-p7ipt1zz3f] {
            margin-bottom: 12px;
            padding: 12px;
            border-radius: 8px;
        }

        .users-table td[b-p7ipt1zz3f] {
            padding-left: 120px;
            position: relative;
        }

            .users-table td[b-p7ipt1zz3f]::before {
                position: absolute;
                left: 12px;
                top: 8px;
                content: attr(data-label);
                color: #aaa;
                font-weight: 600;
            }
}

@media (max-width: 480px) {
    .top-bar span[b-p7ipt1zz3f] {
        font-size: 18px;
        gap: 8px;
        flex-wrap: wrap;
    }

    .field-row[b-p7ipt1zz3f] {
        flex-direction: column;
    }
}
/* /Pages/Project Admin/Integration.razor.rz.scp.css */
.project-panel[b-z7dr7jhdkl] {
    border-right: 1px solid #3a3a3b;
    width: 260px;
    min-width: 260px;
    background: #18181b;
    padding: 12px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .project-panel .panel-item span[b-z7dr7jhdkl] {
        display: block;
        padding: 12px 16px;
        color: #fff;
        border-radius: 6px;
    }

    .project-panel .panel-item.active span[b-z7dr7jhdkl] {
        background: rgb(49, 44, 46);
    }
.integration-page[b-z7dr7jhdkl] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 15px;
    font-family: 'Inter', sans-serif;
    color: #eaeaea;
}

.page-title[b-z7dr7jhdkl] {
    font-size: 27px;
    font-weight: 600;
}

.integration-layout[b-z7dr7jhdkl] {
    padding: 12px;
    border-radius: 5px;
    border: 1px solid #3a3a3b;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}


.integration-content[b-z7dr7jhdkl] {

    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.integration-card[b-z7dr7jhdkl] {
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    border: 1px solid #18181b;
    background: #181818;
    padding: 16px;
    gap: 16px;
    width: 100%;
}

.card-header[b-z7dr7jhdkl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #302C2D;
    border-radius: 8px;
    padding: 10px 16px;
}

.status .active[b-z7dr7jhdkl] {
    color: #3ddc97;
    font-size: 13px;
}


.card-body[b-z7dr7jhdkl] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.form-row[b-z7dr7jhdkl] {
    width: 50%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

    .form-row label[b-z7dr7jhdkl] {
        font-size: 14px;
        color: #ccc;
    }


.select-row[b-z7dr7jhdkl] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

select[b-z7dr7jhdkl] {
    padding: 10px 12px;
    border-radius: 5px;
    border: 0.5px solid #302C2D;
    background: #231F20;
    color: #fff;
    font-size: 14px;
    width: 50%;
}


.switch[b-z7dr7jhdkl] {
    position: relative;
    width: 42px;
    height: 22px;
}

    .switch input[b-z7dr7jhdkl] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider[b-z7dr7jhdkl] {
    position: absolute;
    inset: 0;
    background: #444;
    border-radius: 20px;
    cursor: pointer;
}

    .slider[b-z7dr7jhdkl]:before {
        content: "";
        position: absolute;
        height: 18px;
        width: 18px;
        left: 2px;
        top: 2px;
        background: white;
        border-radius: 50%;
        transition: 0.2s;
    }

input:checked + .slider[b-z7dr7jhdkl] {
    background: #FF5533;
}

    input:checked + .slider[b-z7dr7jhdkl]:before {
        transform: translateX(20px);
    }


.btn-outline-secondary-custom[b-z7dr7jhdkl] {
    padding: 4px 8px;
    border-radius: 8px;
    border: 1px solid #3a3b3c;
    background: transparent;
    color: #c1c6cd;
    cursor: pointer;
    transition: all 0.2s;
}

    .btn-outline-secondary-custom:hover[b-z7dr7jhdkl] {
        background: #2a2b2e;
        color: #fff;
    }

/* ===== Responsive ===== */
@media (max-width: 1280px) {
    .integration-layout[b-z7dr7jhdkl] {
        flex-direction: column;
    }

    .project-panel[b-z7dr7jhdkl] {
        width: 100%;
        flex-direction: column;
        overflow-x: auto;
    }

    .integration-content[b-z7dr7jhdkl] {
        width: 100%;
    }
}

@media (max-width: 768px) {


    .integration-card[b-z7dr7jhdkl] {
        width: 100%;
    }

    .form-row[b-z7dr7jhdkl] {
        flex-direction: column;
        align-items: flex-start;
    }

    select[b-z7dr7jhdkl] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .page-title[b-z7dr7jhdkl] {
        font-size: 20px;
    }

    .integration-card[b-z7dr7jhdkl] {
        padding: 12px;
    }
}
/* /Pages/Project Admin/ProjectAdministration.razor.rz.scp.css */
.admin-card[b-gir9clo5oz] {
    width: 100%;
    max-width: 1580px;
    margin: 0 auto;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 10px;
    color: #eaeaea;
}


.page-title[b-gir9clo5oz] {
    font-weight: 600;
    font-size: 27px;
}


.content-row[b-gir9clo5oz] {
    width: 100%;
    display: flex;
    gap: 10px;
    padding: 16px;
    border: 1px solid #3a3a3b;
    border-radius: 5px;
    overflow: hidden;
}


.project-panel[b-gir9clo5oz] {
    border-right: 1px solid #3a3a3b;
    width: 260px;
    min-width: 260px;
    background: #18181b;
    padding: 12px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .project-panel .panel-item span[b-gir9clo5oz] {
        display: block;
        padding: 12px 16px;
        color: #fff;
        border-radius: 6px;
    }

    .project-panel .panel-item.active span[b-gir9clo5oz] {
        background: rgb(49, 44, 46);
    }



.table-section[b-gir9clo5oz] {
    flex: 1;
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.table-header[b-gir9clo5oz] {
    width: 100%;
    background: #312C2E;
    border-radius: 5px;
    padding: 8px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.icon-btn[b-gir9clo5oz] {
    width: 34px;
    height: 34px;
    background: #2a2a2f;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    color: #bbb;
}

    .icon-btn:hover[b-gir9clo5oz] {
        background: #333;
    }

.search-box[b-gir9clo5oz] {
    display: flex;
    align-items: center;
    background: #2a2a2f;
    border-radius: 8px;
    padding: 4px 8px;
    gap: 6px;
}

    .search-box input[b-gir9clo5oz] {
        background: none;
        border: none;
        outline: none;
        color: #fff;
    }



.users-table[b-gir9clo5oz] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

    .users-table th[b-gir9clo5oz],
    .users-table td[b-gir9clo5oz] {
        padding: 14px 16px;
        border-bottom: 1px solid #2f2f2f;
        font-size: 14px;
        text-align: left;
        word-wrap: break-word;
    }

    .users-table th[b-gir9clo5oz] {
        color: #bfbfbf;
        font-weight: 600;
    }

.th-content[b-gir9clo5oz] {
    display: flex;
    align-items: center;
    gap: 6px;
}


@media (max-width: 1200px) {

    .content-row[b-gir9clo5oz] {
        flex-direction: column;
    }

    .project-panel[b-gir9clo5oz] {
        width: 100%;
        flex-direction: column;
        overflow-x: auto;
    }

    .table-header[b-gir9clo5oz] {
        flex-wrap: wrap;
        gap: 10px;
    }

    .users-table thead[b-gir9clo5oz] {
        display: none;
    }

    .users-table[b-gir9clo5oz],
    .users-table tbody[b-gir9clo5oz],
    .users-table tr[b-gir9clo5oz],
    .users-table td[b-gir9clo5oz] {
        display: block;
        width: 100%;
    }

        .users-table tr[b-gir9clo5oz] {
            background: #1c1c1c;
            padding: 15px;
            margin-bottom: 15px;
            border-radius: 8px;
            border: 1px solid #333;
        }

        .users-table td[b-gir9clo5oz] {
            position: relative;
            padding-left: 120px;
            border: none;
            font-size: 14px;
        }

            .users-table td[b-gir9clo5oz]::before {
                content: attr(data-label);
                position: absolute;
                left: 15px;
                top: 8px;
                font-weight: 600;
                color: #aaa;
                font-size: 13px;
            }
}


@media (max-width: 412px) {

    .users-table td[b-gir9clo5oz] {
        padding-left: 100px;
        font-size: 13px;
    }

    .search-box[b-gir9clo5oz] {
        width: 120px;
    }
}
/* /Pages/Project Admin/Submissions.razor.rz.scp.css */
.admin-card[b-o84d9jruj9] {
    width: 100%;
    max-width: 1580px;
    margin: 0 auto;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 10px;
    color: #eaeaea;
}


.page-title[b-o84d9jruj9] {
    font-weight: 600;
    font-size: 27px;
}


.content-row[b-o84d9jruj9] {
    width: 100%;
    display: flex;
    gap: 10px;
    padding: 16px;
    border: 1px solid #3a3a3b;
    border-radius: 5px;
    overflow: hidden;
}


.project-panel[b-o84d9jruj9] {
    border-right: 1px solid #3a3a3b;
    width: 260px;
    min-width: 260px;
    background: #18181b;
    padding: 12px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .project-panel .panel-item span[b-o84d9jruj9] {
        display: block;
        padding: 12px 16px;
        color: #fff;
        border-radius: 6px;
    }

    .project-panel .panel-item.active span[b-o84d9jruj9] {
        background: rgb(49, 44, 46);
    }



.table-section[b-o84d9jruj9] {
    flex: 1;
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.table-header[b-o84d9jruj9] {
    width: 100%;
    background: #312C2E;
    border-radius: 5px;
    padding: 8px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.icon-btn[b-o84d9jruj9] {
    width: 34px;
    height: 34px;
    background: #2a2a2f;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    color: #bbb;
}

    .icon-btn:hover[b-o84d9jruj9] {
        background: #333;
    }

.search-box[b-o84d9jruj9] {
    display: flex;
    align-items: center;
    background: #2a2a2f;
    border-radius: 8px;
    padding: 4px 8px;
    gap: 6px;
}

    .search-box input[b-o84d9jruj9] {
        background: none;
        border: none;
        outline: none;
        color: #fff;
    }



.users-table[b-o84d9jruj9] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

    .users-table th[b-o84d9jruj9],
    .users-table td[b-o84d9jruj9] {
        padding: 14px 16px;
        border-bottom: 1px solid #2f2f2f;
        font-size: 14px;
        text-align: left;
        word-wrap: break-word;
    }

    .users-table th[b-o84d9jruj9] {
        color: #bfbfbf;
        font-weight: 600;
    }

.th-content[b-o84d9jruj9] {
    display: flex;
    align-items: center;
    gap: 6px;
}


@media (max-width: 1200px) {

    .content-row[b-o84d9jruj9] {
        flex-direction: column;
    }

    .project-panel[b-o84d9jruj9] {
        width: 100%;
        flex-direction: column;
        overflow-x: auto;
    }

    .table-header[b-o84d9jruj9] {
        flex-wrap: wrap;
        gap: 10px;
    }

    .users-table thead[b-o84d9jruj9] {
        display: none;
    }

    .users-table[b-o84d9jruj9],
    .users-table tbody[b-o84d9jruj9],
    .users-table tr[b-o84d9jruj9],
    .users-table td[b-o84d9jruj9] {
        display: block;
        width: 100%;
    }

        .users-table tr[b-o84d9jruj9] {
            background: #1c1c1c;
            padding: 15px;
            margin-bottom: 15px;
            border-radius: 8px;
            border: 1px solid #333;
        }

        .users-table td[b-o84d9jruj9] {
            position: relative;
            padding-left: 120px;
            border: none;
            font-size: 14px;
        }

            .users-table td[b-o84d9jruj9]::before {
                content: attr(data-label);
                position: absolute;
                left: 15px;
                top: 8px;
                font-weight: 600;
                color: #aaa;
                font-size: 13px;
            }
}


@media (max-width: 412px) {

    .users-table td[b-o84d9jruj9] {
        padding-left: 100px;
        font-size: 13px;
    }

    .search-box[b-o84d9jruj9] {
        width: 120px;
    }
}
/* /Pages/Project Admin/UsersManagement.razor.rz.scp.css */
.admin-card[b-q1vvqn4en1] {
    width: 100%;
    max-width: 1580px;
    margin: 0 auto;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 10px;
    color: #eaeaea;
}


.page-title[b-q1vvqn4en1] {
    font-weight: 600;
    font-size: 27px;
}


.content-row[b-q1vvqn4en1] {
    width: 100%;
    display: flex;
    gap: 10px;
    padding: 16px;
    border: 1px solid #3a3a3b;
    border-radius: 5px;
    overflow: hidden;
}


.project-panel[b-q1vvqn4en1] {
    border-right: 1px solid #3a3a3b;
    width: 260px;
    min-width: 260px;
    background: #18181b;
    padding: 12px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .project-panel .panel-item span[b-q1vvqn4en1] {
        display: block;
        padding: 12px 16px;
        color: #fff;
        border-radius: 6px;
    }

    .project-panel .panel-item.active span[b-q1vvqn4en1] {
        background: rgb(49, 44, 46);
    }



.table-section[b-q1vvqn4en1] {
    flex: 1;
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.table-header[b-q1vvqn4en1] {
    width: 100%;
    background: #312C2E;
    border-radius: 5px;
    padding: 8px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.icon-btn[b-q1vvqn4en1] {
    width: 34px;
    height: 34px;
    background: #2a2a2f;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    color: #bbb;
}

    .icon-btn:hover[b-q1vvqn4en1] {
        background: #333;
    }

.search-box[b-q1vvqn4en1] {
    display: flex;
    align-items: center;
    background: #2a2a2f;
    border-radius: 8px;
    padding: 4px 8px;
    gap: 6px;
}

    .search-box input[b-q1vvqn4en1] {
        background: none;
        border: none;
        outline: none;
        color: #fff;
    }



.users-table[b-q1vvqn4en1] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

    .users-table th[b-q1vvqn4en1],
    .users-table td[b-q1vvqn4en1] {
        padding: 14px 16px;
        border-bottom: 1px solid #2f2f2f;
        font-size: 14px;
        text-align: left;
        word-wrap: break-word;
    }

    .users-table th[b-q1vvqn4en1] {
        color: #bfbfbf;
        font-weight: 600;
    }

.th-content[b-q1vvqn4en1] {
    display: flex;
    align-items: center;
    gap: 6px;
}


@media (max-width: 1200px) {

    .content-row[b-q1vvqn4en1] {
        flex-direction: column;
    }

    .project-panel[b-q1vvqn4en1] {
        width: 100%;
        flex-direction: column;
        overflow-x: auto;
    }

    .table-header[b-q1vvqn4en1] {
        flex-wrap: wrap;
        gap: 10px;
    }

    .users-table thead[b-q1vvqn4en1] {
        display: none;
    }

    .users-table[b-q1vvqn4en1],
    .users-table tbody[b-q1vvqn4en1],
    .users-table tr[b-q1vvqn4en1],
    .users-table td[b-q1vvqn4en1] {
        display: block;
        width: 100%;
    }

        .users-table tr[b-q1vvqn4en1] {
            background: #1c1c1c;
            padding: 15px;
            margin-bottom: 15px;
            border-radius: 8px;
            border: 1px solid #333;
        }

        .users-table td[b-q1vvqn4en1] {
            position: relative;
            padding-left: 120px;
            border: none;
            font-size: 14px;
        }

            .users-table td[b-q1vvqn4en1]::before {
                content: attr(data-label);
                position: absolute;
                left: 15px;
                top: 8px;
                font-weight: 600;
                color: #aaa;
                font-size: 13px;
            }
}


@media (max-width: 412px) {

    .users-table td[b-q1vvqn4en1] {
        padding-left: 100px;
        font-size: 13px;
    }

    .search-box[b-q1vvqn4en1] {
        width: 120px;
    }
}
/* /Pages/Tender/Bidder Overview/Finance.razor.rz.scp.css */

body[b-4pano3fw0d] {
    background-color: #312C2E;
    margin: 0;
    font-family: 'Inter', sans-serif;
    background: #1e1b1c;
}

/* PAGE */
.page-wrapper[b-4pano3fw0d] {
    font-family: 'Inter', sans-serif;
    padding: 0%;
    min-height: 100vh;
    color: #fff;
}
/* TITLE BAR CONTAINER */
.page-title-bar[b-4pano3fw0d] {
    width: 100%;
    margin-bottom: 20px;
    padding: 0 15px;
}

.title-container[b-4pano3fw0d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}
/* TITLE STYLING */
.page-title[b-4pano3fw0d] {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: clamp(20px, 5vw, 28px); 
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0;
}


@media (max-width: 480px) {
    .title-container[b-4pano3fw0d] {
        justify-content: center; 
        text-align: center;
    }
}

/* Overview-tabs */
.overview-tabs[b-4pano3fw0d] {
    display: flex;
    flex-wrap: wrap;
    gap: 71.5px;
    padding: 12px 0;
    border-bottom: 1px solid #2a2a2a;
}
/* tab-items */
.tab-item[b-4pano3fw0d] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0%;
    font-size: 13px;
    color: #FFFFFF;
    cursor: pointer;
    position: relative;
    padding-bottom: 6px;
    text-decoration: none;
}
    /* hover */
    .tab-item:hover[b-4pano3fw0d] {
        color: #FF5533;
        cursor: pointer;
    }

    .tab-item.active[b-4pano3fw0d] {
        color: #ffffff;
    }

        .tab-item.active[b-4pano3fw0d]::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -8px;
            width: 100%;
            height: 2px;
            background: #FF5533;
            border-radius: 2px;
        }
/* Files Card */
.files-card[b-4pano3fw0d] {
    background: #262224;
    border: 1px solid #332e30;
    border-radius: 14px;
}

.files-card-header[b-4pano3fw0d] {
    padding: 10px 14px;
    display: flex;
    justify-content: flex-end;
}

.icons[b-4pano3fw0d] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #a9a9a9;
}

.search-box[b-4pano3fw0d] {
    position: relative;
}

    .search-box input[b-4pano3fw0d] {
        background: #1e1a1c;
        border: 1px solid #332e30;
        border-radius: 20px;
        padding: 6px 28px;
        color: #fff;
        font-size: 13px;
    }

    .search-box i[b-4pano3fw0d] {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
    }
/* ===== LAYOUT ===== */
.packages-layout[b-4pano3fw0d] {
    display: grid;
    grid-template-columns: 200px 1fr 220px;
    gap: 10px;
    margin-top: 20px;
}
/* ===== LEFT PANEL ===== */
.side-box[b-4pano3fw0d] {
    border: 1px solid #ffffff;
}

.side-item[b-4pano3fw0d] {
    padding: 14px;
    text-align: center;
    border-bottom: 1px solid #ffffff;
    font-size: 14px;
    color: #d9e1e7;
}

    .side-item.active[b-4pano3fw0d] {
        color: #ff5533;
    }
/* ===== TABLE ===== */
.table-scroll[b-4pano3fw0d] {
    overflow-x: auto;
    border: 1px solid #3a3a3a;
}

.bidder-table[b-4pano3fw0d] {
    width: 100%;
    min-width: 10%;
    border-collapse: collapse;
    font-size: 12px;
    color: #fff;
}

    .bidder-table th[b-4pano3fw0d],
    .bidder-table td[b-4pano3fw0d] {
        border: 1px solid #3a3a3a;
        padding: 8px;
        text-align: center;
        background: #000;
    }

/* HEADER ROWS */
.bidder-name-row th[b-4pano3fw0d] {
    background: #000;
    font-weight: 600;
}

.bidder-check-row th[b-4pano3fw0d] {
    background: #000;
}

.column-header th[b-4pano3fw0d] {
    background: #bfcddb;
    color: #000;
    font-weight: 600;
}

.sub-text[b-4pano3fw0d] {
    font-size: 10px;
    opacity: 0.8;
}

/* GROUP ROW */
.group-row td[b-4pano3fw0d] {
    background: #2f2f2f;
    font-weight: 600;
    text-align: left;
}

/* TOTAL */
.total-row td[b-4pano3fw0d] {
    background: #bfcddb;
    color: #000;
    font-weight: 700;
}

/* STICKY COLUMNS */
.sticky[b-4pano3fw0d] {
    position: sticky;
    left: 0;
    background: #1e1b1c;
    z-index: 2;
}

    .sticky.second[b-4pano3fw0d] {
        left: 140px;
    }

/* ===== RIGHT PANEL ===== */
.packages-right[b-4pano3fw0d] {
    padding-top: 40px;
}

.summary-item[b-4pano3fw0d] {
    padding: 10px 0;
    border-bottom: 1px solid #3a3a3a;
    font-size: 14px;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
    .packages-layout[b-4pano3fw0d] {
        grid-template-columns: 1fr;

    }

    .packages-left[b-4pano3fw0d],
    .packages-right[b-4pano3fw0d] {
        order: 2;
    }

    .packages-center[b-4pano3fw0d] {
        order: 1;
    }
}
/* ===== GRAPH ===== */
.graph-card[b-4pano3fw0d] {
    border: 1px solid #312C2E;
    border-radius: 10px;
    padding: 12px;
    margin-bottom: 16px;
    background: #1e1b1c;
}

.graph-title[b-4pano3fw0d] {
    font-size: 12px;
    margin-bottom: 10px;
}

.graph-bars[b-4pano3fw0d] {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    height: 120px;
}

.bar[b-4pano3fw0d] {
    width: 18px;
    border-radius: 6px;
}

    .bar.yellow[b-4pano3fw0d] {
        background: #f4d27a;
    }

    .bar.green[b-4pano3fw0d] {
        background: #9fe0c3;
    }

    .bar.blue[b-4pano3fw0d] {
        background: #bde7ff;
    }

    .bar.dark[b-4pano3fw0d] {
        background: #111;
    }

    .bar.orange[b-4pano3fw0d] {
        background: #ffc27a;
    }

    .bar.mint[b-4pano3fw0d] {
        background: #c6f3c9;
    }

.graph-label[b-4pano3fw0d] {
    text-align: center;
    margin-top: 8px;
    font-size: 12px;
}

/* ===== RIGHT SIDE BOX ===== */
.side-tabs-box[b-4pano3fw0d] {
    border: 1px solid #3a3a3a;
    padding: 14px;
    font-size: 13px;
}

    .side-tabs-box div[b-4pano3fw0d] {
        margin-bottom: 8px;
    }
.sticky[b-4pano3fw0d] {
    position: sticky;
    left: 0;
    z-index: 3;
}

    .sticky.second[b-4pano3fw0d] {
        left: 160px; 
        z-index: 3;
    }
.bidder-table td:last-child[b-4pano3fw0d],
.bidder-table th:last-child[b-4pano3fw0d] {
    text-align: right;
    padding-right: 12px;
}

.group-row td[b-4pano3fw0d] {
    background: #2a2a2a;
}
/* ===== Note  BOX ===== */
.notes-box[b-4pano3fw0d] {
    border: 1px solid #FFFFFF;
    border-width: 0.5px;
    height: 70%;
    margin-top: 2%;
    margin-left: 13%;
    padding: 2%;
}

    .notes-box h1[b-4pano3fw0d] {
        font-family: Inter, sans-serif;
        font-weight: 400;
        font-size: 14px;
        letter-spacing: 0%;
    }

.action-buttons[b-4pano3fw0d] {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 20px;
    color: #FFFFFF;
}

.btn[b-4pano3fw0d] {
    padding: 8px 20px;
    border-radius: 6px;
    font-size: 13px;
    cursor: pointer;
}

    .btn.outline[b-4pano3fw0d] {
        background: transparent;
        border: 1px solid #FFFFFF;
        color: #fff;
    }

    .btn.primary[b-4pano3fw0d] {
        background: #fff;
        color: #000;
    }
/* /Pages/Tender/Bidder Overview/OfferDetails.razor.rz.scp.css */
body[b-ysarn7i142] {
    background-color: #312C2E;
    margin: 0;
    font-family: 'Inter', sans-serif;
    background: #1e1b1c;
}


.page-wrapper[b-ysarn7i142] {
    font-family: 'Inter', sans-serif;
    padding: 0%;
    min-height: 100vh;
    color: #fff;
}

.page-title-bar[b-ysarn7i142] {
    width: 100%;
    margin-bottom: 20px;
    padding: 0 15px;
}

.title-container[b-ysarn7i142] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}

.page-title[b-ysarn7i142] {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: clamp(20px, 5vw, 28px); 
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0;
}

@media (max-width: 480px) {
    .title-container[b-ysarn7i142] {
        justify-content: center; 
        text-align: center;
    }
}


.overview-tabs[b-ysarn7i142] {
    display: flex;
    flex-wrap: wrap;
    gap: 71.5px;
    padding: 12px 0;
    border-bottom: 1px solid #2a2a2a;
}
.tab-item[b-ysarn7i142] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0%;
    font-size: 13px;
    color: #FFFFFF;
    cursor: pointer;
    position: relative;
    padding-bottom: 6px;
    text-decoration: none;
}
    /* hover */
    .tab-item:hover[b-ysarn7i142] {
        color: #FF5533;
        cursor: pointer;
    }

    .tab-item.active[b-ysarn7i142] {
        color: #ffffff;
    }

        .tab-item.active[b-ysarn7i142]::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -8px;
            width: 100%;
            height: 2px;
            background: #FF5533;
            border-radius: 2px;
        }
/* Files Card */
.files-card[b-ysarn7i142] {
    background: #262224;
    border: 1px solid #332e30;
    border-radius: 14px;
}

.files-card-header[b-ysarn7i142] {
    padding: 10px 14px;
    display: flex;
    justify-content: flex-end;
}

.icons[b-ysarn7i142] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #a9a9a9;
}

.search-box[b-ysarn7i142] {
    position: relative;
}

    .search-box input[b-ysarn7i142] {
        background: #1e1a1c;
        border: 1px solid #332e30;
        border-radius: 20px;
        padding: 6px 28px;
        color: #fff;
        font-size: 13px;
    }

    .search-box i[b-ysarn7i142] {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
    }

.packages-layout[b-ysarn7i142] {
    display: grid;
    grid-template-columns: 200px 1fr 220px;
    gap: 10px;
    margin-top: 20px;
}

.side-box[b-ysarn7i142] {
    border: 1px solid #ffffff;
    
}

.side-item[b-ysarn7i142] {
    padding: 14px;
    text-align: center;
    border-bottom: 1px solid #ffffff;
    font-size: 14px;
    color: #d9e1e7;
}

    .side-item.active[b-ysarn7i142] {
        color: #ff5533;
    }

.border-table[b-ysarn7i142] {
    
    border: 1px solid #FFFFFF;
    width:100vh;
    min-width:80%;
    height: 100%;
    margin-top: 0.5%;
    margin-left: 3%;
    padding: 2%;
}
    .border-table p[b-ysarn7i142] {
        font: inter;
        font-weight: 400;
        font-size: 14px;
        letter-spacing: 0%;
        color: #FFFFFF;
    }

    .sticky[b-ysarn7i142] {
    position: sticky;
    left: 0;
    background: #1e1b1c;
    z-index: 2;
}

    .sticky.second[b-ysarn7i142] {
        left: 140px;
    }


.packages-right[b-ysarn7i142] {
    padding-top: 40px;
}

.summary-item[b-ysarn7i142] {
    padding: 10px 0;
    border-bottom: 1px solid #3a3a3a;
    font-size: 14px;
}


@media (max-width: 1024px) {
    .packages-layout[b-ysarn7i142] {
        grid-template-columns: 1fr;
    }

    .packages-left[b-ysarn7i142],
    .packages-right[b-ysarn7i142] {
        order: 2;
    }

    .packages-center[b-ysarn7i142] {
        order: 1;
    }
}



.side-tabs-box[b-ysarn7i142] {
    border: 1px solid #FFFFFF;
    height: 100%;
   
    padding: 14px;
    font-size: 14px;
    font: inter;
    font-weight: 400;
    letter-spacing: 0%;
}

    .side-tabs-box div[b-ysarn7i142] {
        margin-bottom: 8px;
    }

.sticky[b-ysarn7i142] {
    position: sticky;
    left: 0;
    z-index: 3;
}

    .sticky.second[b-ysarn7i142] {
        left: 160px;
        z-index: 3;
    }

.bidder-table td:last-child[b-ysarn7i142],
.bidder-table th:last-child[b-ysarn7i142] {
    text-align: right;
    padding-right: 12px;
}

.group-row td[b-ysarn7i142] {
    background: #2a2a2a;
}

.notes-box[b-ysarn7i142] {
    border: 1px solid #FFFFFF;
    width:100vh;
  
    height: 70%;
    margin-top: 2%;
    margin-left: 15.2%;
    padding: 2%;
}

    .notes-box h1[b-ysarn7i142] {
        font-family: Inter, sans-serif;
        font-weight: 400;
        font-size: 14px;
        letter-spacing: 0%;
    }

.action-buttons[b-ysarn7i142] {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 20px;
    color: #FFFFFF;
}

.btn[b-ysarn7i142] {
    padding: 8px 20px;
    border-radius: 6px;
    font-size: 13px;
    cursor: pointer;
}

    .btn.outline[b-ysarn7i142] {
        background: transparent;
        border: 1px solid #FFFFFF;
        color: #fff;
    }

    .btn.primary[b-ysarn7i142] {
        background: #fff;
        color: #000;
    }
/* /Pages/Tender/Bidder Overview/PackageOverview.razor.rz.scp.css */
body[b-y1nqggyxnp] {
    
    margin: 0;
    font-family: 'Inter', sans-serif;
    background: #1e1b1c;
    color: #e5e5e5;
}


.page-wrapper[b-y1nqggyxnp] {
    padding: 0%;
    min-height: 100vh;
    color: #fff;
}
.page-title-bar[b-y1nqggyxnp] {
    width: 100%;
    height: 34px;
    margin-bottom: 20px;
}

    .page-title-bar .row[b-y1nqggyxnp] {
        display: flex;
        align-items: center; 
        justify-content: space-between; 
        gap: 12px;
    }

.page-title[b-y1nqggyxnp] {
    font: inter;
    font-weight: 600;
    font-size: 28px;
    font-style: normal;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0;
}


.overview-tabs[b-y1nqggyxnp] {
    display: flex;
    flex-wrap: wrap;
    gap: 71.5px;
    padding: 12px 0;
    border-bottom: 1px solid #2a2a2a;
}

.tab-item[b-y1nqggyxnp] {
    font: inter;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0%;
    font-size: 13px;
    color: #FFFFFF;
    cursor: pointer;
    position: relative;
    padding-bottom: 6px;
    text-decoration: none;
}

    .tab-item:hover[b-y1nqggyxnp] {
        color: #FF5533;
        cursor: pointer;
    }

    .tab-item.active[b-y1nqggyxnp] {
        color: #ffffff;
    }

        .tab-item.active[b-y1nqggyxnp]::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -8px;
            width: 100%;
            height: 2px;
            background: #FF5533;
            border-radius: 2px;
        }

.files-card[b-y1nqggyxnp] {
    background: #262224;
    border: 1px solid #332e30;
    border-radius: 14px;
}

.files-card-header[b-y1nqggyxnp] {
    padding: 10px 14px;
    display: flex;
    justify-content: flex-end;
}

.icons[b-y1nqggyxnp] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #a9a9a9;
}

.search-box[b-y1nqggyxnp] {
    position: relative;
}

    .search-box input[b-y1nqggyxnp] {
        background: #1e1a1c;
        border: 1px solid #332e30;
        border-radius: 20px;
        padding: 6px 28px;
        color: #fff;
        font-size: 13px;
    }

    .search-box i[b-y1nqggyxnp] {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
    }

.side-box[b-y1nqggyxnp] {
    width:100%;
    min-height:60vh;
    border: 1px solid #FFFFFF;
    padding: 20px;
    font-size: 12px;
}

.mini-table[b-y1nqggyxnp] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
}

    .mini-table td[b-y1nqggyxnp] {
        border: 1px solid #FFFFFF;
        padding: 6px;
        text-align: center;
        font: inter;
        font-weight: 400;
        font-size: 14px;
    }

.add-btn[b-y1nqggyxnp] {
    color: #ff6a4d;
    font-weight: 600;
}
.mini-table[b-y1nqggyxnp] {
    border-collapse: collapse; 
}

    .mini-table td.side-title[b-y1nqggyxnp] {
       
        border-bottom: 1px solid #FFFFFF;
        
        color: #E7943F;
        font: inter;
        font-weight: 400;
    }
.side-section[b-y1nqggyxnp] {
    margin-top: 12px;
}

.side-title[b-y1nqggyxnp] {
    font-weight: 600;
    margin-bottom: 4px;
}

.side-text[b-y1nqggyxnp] {
    color: #D9E1E7;
    font: inter;
    font-weight: 400;
    font-size: 14px;
    letter-spacing:0%;
}


.graph-card[b-y1nqggyxnp] {
    border-radius: 10px;
    padding: 16px 20px;
    background: #1e1b1c;
    display: flex;
    flex-direction: column;
    align-items: center;
}


.graph-title[b-y1nqggyxnp] {
    font-size: 13px;
    color: #cfcfcf;
    margin-bottom: 12px;
    font-weight: 500;
}


.graph-bars[b-y1nqggyxnp] {
    display: flex;
    align-items: flex-end;
    gap: 24px;
    height: 180px;
}


.bar[b-y1nqggyxnp] {
    width: 20px;
    border-radius: 8px 8px 0 0; 
    min-height: 10px;
    position: relative;
    transition: all 0.3s ease;
}

   
    .bar[b-y1nqggyxnp]::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 20%;
        border-radius: 8px 8px 0 0;
        background: rgba(0,0,0,0.1);
    }

   
    .bar:hover[b-y1nqggyxnp] {
        transform: scaleY(1.05);
        opacity: 0.9;
    }


.yellow[b-y1nqggyxnp] {
    background: #ffe59a;
}

.green[b-y1nqggyxnp] {
    background: #9cf0c7;
}

.blue[b-y1nqggyxnp] {
    background: #bfe9ff;
}

.dark[b-y1nqggyxnp] {
    background: #2a2a2a;
}

.orange[b-y1nqggyxnp] {
    background: #ffb76a;
}

.mint[b-y1nqggyxnp] {
    background: #bff5c6;
}


.graph-footer[b-y1nqggyxnp] {
    text-align: center;
    font-size: 13px;
    color: #cfcfcf;
    margin-top: 10px;
}


@media (max-width: 768px) {
    .graph-bars[b-y1nqggyxnp] {
        gap: 16px;
        height: 140px;
    }

    .bar[b-y1nqggyxnp] {
        width: 14px;
    }
}


.main-table[b-y1nqggyxnp] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    background: #1e1b1c;
    color: #ffffff;
}

    
    .main-table th[b-y1nqggyxnp],
    .main-table td[b-y1nqggyxnp] {
        border: 2px solid #6f6f6f;
        padding: 10px;
        text-align: center;
        vertical-align: middle;
    }

    
    .main-table thead th[b-y1nqggyxnp] {
        background: #2b2b2b;
        font-weight: 600;
        color: #ffffff;
    }


    .main-table td:first-child[b-y1nqggyxnp],
    .main-table th:first-child[b-y1nqggyxnp] {
        text-align: left;
        padding-left: 14px;
        font-weight: 600;
    }


    .main-table tbody tr:nth-child(1) td[b-y1nqggyxnp] {
        font-weight: 500;
    }

    
    .main-table tbody tr:nth-child(2) td[b-y1nqggyxnp] {
        background: #242424;
    }

    .main-table input[type="checkbox"][b-y1nqggyxnp] {
        width: 14px;
        height: 14px;
        accent-color: #ff6a4d;
        cursor: pointer;
    }


    .main-table tbody tr td:not(:first-child)[b-y1nqggyxnp] {
        font-variant-numeric: tabular-nums;
    }

 
    .main-table .total-row td[b-y1nqggyxnp] {
        background: #b9c7d6;
        color: #000;
        font-weight: 700;
        border-top: 3px solid #ff6a4d;
        border-bottom: 3px solid #ff6a4d;
    }


    .main-table td:nth-child(2)[b-y1nqggyxnp],
    .main-table th:nth-child(2)[b-y1nqggyxnp] {
        border-left: 3px solid #ff6a4d;
        border-right: 3px solid #ff6a4d;
    }


@media (max-width: 991px) {
    .main-table[b-y1nqggyxnp] {
        font-size: 11px;
    }
}

.table-card[b-y1nqggyxnp] {
    margin-top: 20px;
}

.items-title[b-y1nqggyxnp] {
    text-align: center;
    font-size: 13px;
    margin-bottom: 6px;
}

.items-table[b-y1nqggyxnp] {
    width: 100%;
    border-collapse: collapse;
    min-width: 1000px;
    font-size: 12px;
}

    .items-table th[b-y1nqggyxnp],
    .items-table td[b-y1nqggyxnp] {
        border: 2px solid #6f6f6f;
        padding: 8px;
    }

.total-col[b-y1nqggyxnp] {
    border-left: 3px solid #ff6a4d !important;
    border-right: 3px solid #ff6a4d !important;
}

.items-total-row td[b-y1nqggyxnp] {
    border-top: 3px solid #ff6a4d;
    border-bottom: 3px solid #ff6a4d;
    font-weight: 600;
}
/* /Pages/Tender/Bidder Overview/Packages.razor.rz.scp.css */
body[b-o7gg7cjcnq] {
    background-color: #312C2E;
    margin: 0;
    font-family: 'Inter', sans-serif;
    background: #1e1b1c;
}

.page-wrapper[b-o7gg7cjcnq] {
    font-family: 'Inter', sans-serif;
    padding: 1%;
    min-height: 100vh;
    color: #fff;
}

.page-title-bar[b-o7gg7cjcnq] {
    width: 100%;
    margin-bottom: 20px;
    padding: 0 15px; 
}
.title-container[b-o7gg7cjcnq] {
    display: flex;
    justify-content: space-between; 
    align-items: center;
    flex-wrap: wrap; 
    gap: 10px;
    width: 100%;
}
.page-title[b-o7gg7cjcnq] {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: clamp(20px, 5vw, 28px);
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0;
}
.add-package-container[b-o7gg7cjcnq] {
    height: auto;
    width: 15%;
    gap: 16px;
}
.btn-add-package[b-o7gg7cjcnq] {
    font-family: 'Inter', sans-serif;
    
    font-weight: 600;
    font-size: clamp(20px, 4vw, 14px);
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0%;
    color: #FFFFFF;
    background: #FF5533;
    margin: 0;
}
@media (max-width: 480px) {
    .title-container[b-o7gg7cjcnq] {
        justify-content: center;
        text-align: center;
    }
}


   


.overview-tabs[b-o7gg7cjcnq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0%;
    padding: 12px 0;
    border-bottom: 1px solid #2a2a2a;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.tab-item[b-o7gg7cjcnq] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0%;
    font-size: 13px;
    color: #FFFFFF;
    cursor: pointer;
    position: relative;
    padding-bottom: 6px;
    text-decoration: none;
    flex: 0 1 auto;
    transition: all 0.2s ease;
    text-align: center;
}
    

    .tab-item:hover[b-o7gg7cjcnq] {
        color: #FF5533;
    }

    .tab-item.active[b-o7gg7cjcnq] {
        color: #FFFFFF;
    }

        .tab-item.active[b-o7gg7cjcnq]::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 1px;
            width: 100%;
            height: 2px;
            background: #FF5533;
            border-radius: 2px;
        }

@media (max-width: 1200px) {
    .tab-item[b-o7gg7cjcnq] {
        font-size: 10px; 
        font-family: 'Inter', sans-serif; 
    }
}

@media (max-width: 1024px) {
    .overview-tabs[b-o7gg7cjcnq] {
        
        justify-content: space-around;
    }
}

.files-card[b-o7gg7cjcnq] {
    background: #262224;
    border: 1px solid #332e30;
    border-radius: 14px;
}

.files-card-header[b-o7gg7cjcnq] {
    padding: 10px 14px;
    display: flex;
    justify-content: flex-end;
}

.icons[b-o7gg7cjcnq] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #a9a9a9;
}

.search-box[b-o7gg7cjcnq] {
    position: relative;
}

    .search-box input[b-o7gg7cjcnq] {
        background: #1e1a1c;
        border: 1px solid #332e30;
        border-radius: 20px;
        padding: 6px 28px;
        color: #fff;
        font-size: 13px;
    }

    .search-box i[b-o7gg7cjcnq] {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
    }

.table-container[b-o7gg7cjcnq] {
    width: 100%;
    overflow-x: auto; 
}

.custom-table[b-o7gg7cjcnq] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    color: #FFFFFF;
    text-align: left;
}

    .custom-table thead th[b-o7gg7cjcnq] {
        padding: 12px 15px;
        border-bottom: 1px solid #332e30;
        color: #a9a9a9;
        font-weight: 500;
        white-space: nowrap;
    }

    .custom-table tbody td[b-o7gg7cjcnq] {
        padding: 15px;
        border-bottom: 1px solid #332e30;
        color: #fff;
        vertical-align: middle;
    }

    .custom-table tbody tr:hover[b-o7gg7cjcnq] {
        background: #2a2628; 
    }

    .custom-table th i[b-o7gg7cjcnq] {
        font-size: 10px;
        opacity: 0.6;
    }

.table-container[b-o7gg7cjcnq]::-webkit-scrollbar {
    height: 4px;
}

.table-container[b-o7gg7cjcnq]::-webkit-scrollbar-thumb {
    background: #FF5533;
    border-radius: 10px;
}
.files-card-footer[b-o7gg7cjcnq] {
    padding: 8px 14px 12px;
}

.scroll-track[b-o7gg7cjcnq] {
    height: 4px;
    background: #2a2527;
    border-radius: 3px;
    overflow: hidden;
}

    .scroll-track span[b-o7gg7cjcnq] {
        display: block;
        width: 240px;
        height: 100%;
        background: #ff5a3c;
    }

.pagination[b-o7gg7cjcnq] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    font-size: 12px;
    color: #a9a9a9;
}

.page[b-o7gg7cjcnq] {
    width: 22px;
    height: 22px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #332e30;
}

    .page.active[b-o7gg7cjcnq] {
        background: #2f2a2c;
        color: #fff;
    }
/* /Pages/Tender/Bidder Overview/ReviewMarks.razor.rz.scp.css */
body[b-m0y9xikk6d] {
    background-color: #312C2E;
    margin: 0;
    font-family: 'Inter', sans-serif;
    background: #1e1b1c;
}

/* PAGE */
.page-wrapper[b-m0y9xikk6d] {
    font-family: 'Inter', sans-serif;
    padding: 0%;
    min-height: 100vh;
    color: #fff;
}

.page-title-bar[b-m0y9xikk6d] {
    width: 100%;
    margin-bottom: 20px;
    padding: 0 15px;
}

.title-container[b-m0y9xikk6d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}

.page-title[b-m0y9xikk6d] {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: clamp(20px, 5vw, 28px); 
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0;
}


@media (max-width: 480px) {
    .title-container[b-m0y9xikk6d] {
        justify-content: center; 
        text-align: center;
    }
}


.overview-tabs[b-m0y9xikk6d] {
    display: flex;
    flex-wrap: wrap;
    gap: 0%;
    padding: 12px 0;
    border-bottom: 1px solid #2a2a2a;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.tab-item[b-m0y9xikk6d] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0%;
    font-size: 13px;
    color: #FFFFFF;
    cursor: pointer;
    position: relative;
    padding-bottom: 6px;
    text-decoration: none;
    flex: 0 1 auto;
    transition: all 0.2s ease;
    text-align: center;
}
   
    .tab-item:hover[b-m0y9xikk6d] {
        color: #FF5533;
    }

    .tab-item.active[b-m0y9xikk6d] {
        color: #FFFFFF;
    }

        .tab-item.active[b-m0y9xikk6d]::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 1px;
            width: 100%;
            height: 2px;
            background: #FF5533;
            border-radius: 2px;
        }

@media (max-width: 1200px) {
    .tab-item[b-m0y9xikk6d] {
        font-size: 10px;
        font-family: 'Inter', sans-serif;
    }
}

@media (max-width: 1024px) {
    .overview-tabs[b-m0y9xikk6d] {
 
        justify-content: space-around;
    }
}

.files-card[b-m0y9xikk6d] {
    background: #262224;
    border: 1px solid #332e30;
    border-radius: 14px;
}

.files-card-header[b-m0y9xikk6d] {
    padding: 10px 14px;
    display: flex;
    justify-content: flex-end;
}

.icons[b-m0y9xikk6d] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #a9a9a9;
}

.search-box[b-m0y9xikk6d] {
    position: relative;
}

    .search-box input[b-m0y9xikk6d] {
        background: #1e1a1c;
        border: 1px solid #332e30;
        border-radius: 20px;
        padding: 6px 28px;
        color: #fff;
        font-size: 13px;
    }

    .search-box i[b-m0y9xikk6d] {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
    }


.packages-layout[b-m0y9xikk6d] {
    display: grid;
    grid-template-columns: 220px 1fr 260px;
    gap: 24px;
    margin-top: 24px;
}



.packages-left .side-box[b-m0y9xikk6d] {
    border: 1px solid #ffffff;
    padding: 1%;
    height: 520px;
}
.side-item[b-m0y9xikk6d] {
    font-size: 14px;
    color: #FFFFFF;
    margin-bottom: 14px;
    cursor: pointer;
    padding: 14px;
    font:inter;
}
   


.packages-center[b-m0y9xikk6d] {
    display: flex;
    flex-direction: column;
}


.border-table[b-m0y9xikk6d] {
    border: 1px solid #ffffff;
    height: 120%;
    padding: 2%;
    width: 100%;
   margin:2%;
}

    .border-table p[b-m0y9xikk6d] {
        font-size: 14px;
        font-weight:400;
        font:inter;
        margin: 0;
        letter-spacing:0%
    }

.sticky[b-m0y9xikk6d] {
    position: sticky;
    left: 0;
    background: #1e1b1c;
    z-index: 2;
}

    .sticky.second[b-m0y9xikk6d] {
        left: 140px;
    }


.packages-right .side-tabs-box[b-m0y9xikk6d] {
    border: 1px solid #FFFFFF;
    height: 100%;
    padding: 16px;
}

.side-tab-text[b-m0y9xikk6d] {
    font-size: 14px;
    font-weight: 400;
    font: inter;
    margin: 0;
    letter-spacing: 0%
}


.summary-item[b-m0y9xikk6d] {
    padding: 10px 0;
    border-bottom: 1px solid #3a3a3a;
    font-size: 14px;
}


@media (max-width: 1024px) {
    .packages-layout[b-m0y9xikk6d] {
        grid-template-columns: 1fr;
    }

    .packages-left[b-m0y9xikk6d],
    .packages-right[b-m0y9xikk6d] {
        order: 2;
    }

    .packages-center[b-m0y9xikk6d] {
        order: 1;
    }
}


.sticky[b-m0y9xikk6d] {
    position: sticky;
    left: 0;
    z-index: 3;
}

    .sticky.second[b-m0y9xikk6d] {
        left: 160px; 
        z-index: 3;
    }

.bidder-table td:last-child[b-m0y9xikk6d],
.bidder-table th:last-child[b-m0y9xikk6d] {
    text-align: right;
    padding-right: 12px;
}

.group-row td[b-m0y9xikk6d] {
    background: #2a2a2a;
}


.notes-box[b-m0y9xikk6d] {
    border: 1px solid #FFFFFF;
    height: 50%;
    margin: 40px auto 0;
    padding: 12px;
    width: 60%;
}
    .notes-box h1[b-m0y9xikk6d] {
        font-family: Inter, sans-serif;
        font-weight: 400;
        font-size: 14px;
        letter-spacing: 0%;
    }

.btn.outline[b-m0y9xikk6d] {
    background: transparent;
    border: 1px solid #FFFFFF;
    color: #ffffff;
    padding: 6px 18px;
    font-size: 13px;
    cursor: pointer;
}


.action-buttons[b-m0y9xikk6d] {
    display: flex;
    justify-content: center;
    gap: 24px;
    margin: 32px 0;
}
.btn[b-m0y9xikk6d] {
    padding: 8px 20px;
    border-radius: 6px;
    font-size: 13px;
    cursor: pointer;
}

    .btn.outline[b-m0y9xikk6d] {
        background: transparent;
        border: 1px solid #FFFFFF;
        color: #fff;
    }

    .btn.primary[b-m0y9xikk6d] {
        background: #fff;
        color: #000;
    }
/* /Pages/Tender/Bidder Overview/SubPackage.razor.rz.scp.css */
body[b-y8qcyv9fgt] {
    margin: 0;
    font-family: 'Inter', sans-serif;
    background: #1e1b1c;
    color: #e5e5e5;
}


.page-wrapper[b-y8qcyv9fgt] {
    padding: 0%;
    min-height: 100vh;
    color: #fff;
}


.page-title-bar[b-y8qcyv9fgt] {
    width: 100%;
    height: 34px;
    margin-bottom: 20px;
}

    .page-title-bar .row[b-y8qcyv9fgt] {
        display: flex;
        align-items: center; 
        justify-content: space-between; 
        gap: 12px;
    }

.page-title[b-y8qcyv9fgt] {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 28px;
    font-style: normal;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0;
}

.overview-tabs[b-y8qcyv9fgt] {
    display: flex;
    flex-wrap: wrap;
    gap: 71.5px;
    padding: 12px 0;
    border-bottom: 1px solid #2a2a2a;
}

.tab-item[b-y8qcyv9fgt] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0%;
    font-size: 13px;
    color: #FFFFFF;
    cursor: pointer;
    position: relative;
    padding-bottom: 6px;
    text-decoration: none;
}

    .tab-item:hover[b-y8qcyv9fgt] {
        color: #FF5533;
        cursor: pointer;
    }

    .tab-item.active[b-y8qcyv9fgt] {
        color: #ffffff;
    }

        .tab-item.active[b-y8qcyv9fgt]::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -8px;
            width: 100%;
            height: 2px;
            background: #FF5533;
            border-radius: 2px;
        }

.files-card[b-y8qcyv9fgt] {
    background: #262224;
    border: 1px solid #332e30;
    border-radius: 14px;
}

.files-card-header[b-y8qcyv9fgt] {
    padding: 10px 14px;
    display: flex;
    justify-content: flex-end;
}

.icons[b-y8qcyv9fgt] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #a9a9a9;
}

.search-box[b-y8qcyv9fgt] {
    position: relative;
}

    .search-box input[b-y8qcyv9fgt] {
        background: #1e1a1c;
        border: 1px solid #332e30;
        border-radius: 20px;
        padding: 6px 28px;
        color: #fff;
        font-size: 13px;
    }

    .search-box i[b-y8qcyv9fgt] {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
    }

.packages-layout[b-y8qcyv9fgt] {
    display: grid;
    grid-template-columns: 200px 1fr 220px;
    gap: 16px;
    margin-top: 20px;
}


.side-box[b-y8qcyv9fgt] {
    border: 1px solid #ffffff;
}

.side-item[b-y8qcyv9fgt] {
    padding: 14px;
    text-align: center;
    border-bottom: 1px solid #ffffff;
    font-size: 14px;
    color: #d9e1e7;
}

    .side-item.active[b-y8qcyv9fgt] {
        color: #ff5533;
    }


.table-scroll[b-y8qcyv9fgt] {
    overflow-x: auto;
    border: 1px solid #3a3a3a;
}

.bidder-table[b-y8qcyv9fgt] {
    width: 100%;
    min-width: 1200px;
    border-collapse: collapse;
    font-size: 12px;
    color: #fff;
}

    .bidder-table th[b-y8qcyv9fgt],
    .bidder-table td[b-y8qcyv9fgt] {
        border: 1px solid #3a3a3a;
        padding: 8px;
        text-align: center;
        background: #000;
    }


.bidder-name-row th[b-y8qcyv9fgt] {
    background: #000;
    font-weight: 600;
}

.bidder-check-row th[b-y8qcyv9fgt] {
    background: #000;
}

.column-header th[b-y8qcyv9fgt] {
    background: #bfcddb;
    color: #000;
    font-weight: 600;
}

.sub-text[b-y8qcyv9fgt] {
    font-size: 10px;
    opacity: 0.8;
}


.group-row td[b-y8qcyv9fgt] {
    background: #2f2f2f;
    font-weight: 600;
    text-align: left;
}


.total-row td[b-y8qcyv9fgt] {
    background: #bfcddb;
    color: #000;
    font-weight: 700;
}


.sticky[b-y8qcyv9fgt] {
    position: sticky;
    left: 0;
    background: #1e1b1c;
    z-index: 2;
}

    .sticky.second[b-y8qcyv9fgt] {
        left: 140px;
    }


.packages-right[b-y8qcyv9fgt] {
    padding-top: 40px;
}

.summary-item[b-y8qcyv9fgt] {
    padding: 10px 0;
    border-bottom: 1px solid #3a3a3a;
    font-size: 14px;
}


@media (max-width: 1024px) {
    .packages-layout[b-y8qcyv9fgt] {
        grid-template-columns: 1fr;
    }

    .packages-left[b-y8qcyv9fgt],
    .packages-right[b-y8qcyv9fgt] {
        order: 2;
    }

    .packages-center[b-y8qcyv9fgt] {
        order: 1;
    }
}
/* /Pages/Tender/Bidder Overview/TenderPackageOverview.razor.rz.scp.css */
body[b-ltp4acm0ll] {
    background-color: #312C2E;
    margin: 0;
    font-family: 'Inter', sans-serif;
    background: #1e1b1c;
}

/* PAGE */
.page-wrapper[b-ltp4acm0ll] {
    font-family: 'Inter', sans-serif;
    padding: 1%;
    min-height: 100vh;
    color: #fff;
}


.page-title-bar[b-ltp4acm0ll] {
    width: 100%;
    margin-bottom: 20px;
      padding: 0 15px;
}

.title-container[b-ltp4acm0ll] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}

.page-title[b-ltp4acm0ll] {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: clamp(20px, 5vw, 28px);
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 30px;
}
.add-package-container[b-ltp4acm0ll] {
    height: auto;
    gap: 16px;
}

.btn-add-package[b-ltp4acm0ll] {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: clamp(20px, 4vw, 14px);
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0%;
    color: #FFFFFF;
    background: #FF5533;
    padding: 8px 16px;
    border-radius: 4px;
    margin: 30px;
    border: none;
}

@media (max-width: 480px) {
    .title-container[b-ltp4acm0ll] {
        justify-content: center;
        text-align: center;
    }
}
.overview-tabs[b-ltp4acm0ll] {
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
    padding: 12px 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 25px;
}

    .overview-tabs[b-ltp4acm0ll]::-webkit-scrollbar {
        display: none;
    }

.tab-item[b-ltp4acm0ll] {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #888;
    cursor: pointer;
    white-space: nowrap;
}

    .tab-item.active[b-ltp4acm0ll] {
        color: #fff;
        border-bottom: 2px solid #FF5533;
        padding-bottom: 11px;
    }

   
    .tab-item:hover[b-ltp4acm0ll] {
        color: #FF5533;
    }

    .tab-item.active[b-ltp4acm0ll] {
        color: #FFFFFF;
    }

       

@media (max-width: 1200px) {
    .tab-item[b-ltp4acm0ll] {
        font-size: 10px; 
        font-family: 'Inter', sans-serif;
    }
}

@media (max-width: 1024px) {
    .overview-tabs[b-ltp4acm0ll] {
      
        justify-content: space-around;
    }
}

.files-card[b-ltp4acm0ll] {
    background: #262224;
    border: 1px solid #332e30;
    border-radius: 14px;
    width: 100%;
    color: #312C2E;

}

.files-card-header[b-ltp4acm0ll] {
    padding: 12px 16px;
    display: flex;
    justify-content: flex-end;
    height: 40px;
}

.icons-container[b-ltp4acm0ll] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #a9a9a9;
    width: auto;
}

    .icons-container img[b-ltp4acm0ll] {
        width: 20px;
        height: 20px;
        vertical-align: middle;
    }

.search-box[b-ltp4acm0ll] {
    position: relative;
    flex-grow: 1;
}

    .search-box input[b-ltp4acm0ll] {
        background: #1e1a1c;
        border: 1px solid #332e30;
        border-radius: 20px;
        padding: 8px 12px 8px 35px;
        color: #FFFFFF;
        font-size: 14px;
        width: 250px;
        transition: all 0.3s ease;
        outline: none;
    }

        .search-box input:focus[b-ltp4acm0ll] {
            border-color: #555;
            background: #221e20;
        }

    .search-box i[b-ltp4acm0ll] {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
    }




@media (max-width: 768px) {
    .search-box input[b-ltp4acm0ll] {
        width: 200px;
    }
}

@media (max-width: 576px) {
    .files-card-header[b-ltp4acm0ll] {
        justify-content: center;
    }

    .icons-container[b-ltp4acm0ll] {
        width: 100%;
        justify-content: space-between;
    }

    .search-box[b-ltp4acm0ll] {
        width: 100%;
    }

        .search-box input[b-ltp4acm0ll] {
            width: 100%;
        }
}
  


.dashboard-grid[b-ltp4acm0ll] {
    display: flex;
    gap: 20px;
}

.sidebar-panel[b-ltp4acm0ll] {
    width: 240px;
    
        flex-shrink: 0;
}

.main-content-panel[b-ltp4acm0ll] {
    flex-grow: 1;
    min-width: 0;
}


.sidebar-stats[b-ltp4acm0ll] {
    display: flex;
    gap: 8px;
    margin-bottom: 20px;
}

.stat-box[b-ltp4acm0ll] {
      background: #C1C2C3;
      width: 90px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #332e30;
    border-radius: 4px;
    font-weight: bold;
}
 
    .blue-box[b-ltp4acm0ll] {
        background: #3498db;
        border: none;
        font-size: 24px;
    }

.sidebar-heading[b-ltp4acm0ll] {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0%;
    color: #FF5533;
    
    margin: 20px 0 10px;
}

.list-item[b-ltp4acm0ll] {

    padding: 10px;
    color: #FFFFFF;
    margin-bottom: 10px;
    border-right: 4px solid transparent;
    background: rgba(255,255,255,0.02);
}

    .list-item.declined[b-ltp4acm0ll] {
        border-right-color: #DC3545;
    }

    .list-item.accepted[b-ltp4acm0ll] {
        border-right-color: #35DBAE;
    }

    .list-item.pending[b-ltp4acm0ll] {
        border-right-color: #DC3545;
    }

.list-header[b-ltp4acm0ll] {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0%;
    display: flex;
    justify-content: space-between;
    font-size: 10px;
    color: #888;
}

.list-item p[b-ltp4acm0ll] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0%;
   
    margin: 5px 0 0;
}

.chart-card[b-ltp4acm0ll] {
    background: #262224;
    border: 1px solid #332e30;
    border-radius: 12px;
    padding: 25px;
    height: 260px;
}

.chart-main-wrapper[b-ltp4acm0ll] {
    display: flex;
    height: 100%;
    gap: 20px;
}

.chart-y-axis[b-ltp4acm0ll] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 10px;
    color: #666;
    text-align: right;
    width: 50px;
    padding-bottom: 25px;
}

.chart-container-mock[b-ltp4acm0ll] {
    display: flex;
    flex-grow: 1;
    justify-content: space-around;
    align-items: flex-end;
}

.bar-wrapper[b-ltp4acm0ll] {
    width: 30px;
    height: 160px;
    background: #1e1b1c;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.bar-fill[b-ltp4acm0ll] {
    width: 100%;
    border-radius: 4px;
    transition: 0.3s;
}

.bar-yellow[b-ltp4acm0ll] {
    background: #f39c12;
}

.bar-green[b-ltp4acm0ll] {
    background: #2ecc71;
}

.bar-blue[b-ltp4acm0ll] {
    background: #3498db;
}

.bar-white[b-ltp4acm0ll] {
    background: #bdc3c7;
}

.bar-orange[b-ltp4acm0ll] {
    background: #e67e22;
}

.chart-bar-group span[b-ltp4acm0ll] {
    font-size: 10px;
    color: #888;
    display: block;
    margin-top: 10px;
    text-align: center;
}


.files-card[b-ltp4acm0ll] {
    background: #262224;
    border: 1px solid #332e30;
    border-radius: 12px;
}

.files-card-header[b-ltp4acm0ll] {
    padding: 15px;
    display: flex;
    justify-content: flex-end;
    border-bottom: 1px solid #332e30;
}

.icons-container[b-ltp4acm0ll] {
    display: flex;
    align-items: center;
    gap: 15px;
    color: #888;
}

.search-box[b-ltp4acm0ll] {
    position: relative;
}

    .search-box input[b-ltp4acm0ll] {
        background: #1e1b1c;
        border: 1px solid #332e30;
        border-radius: 20px;
        padding: 6px 12px 6px 35px;
        color: #fff;
        width: 220px;
        outline: none;
    }

    .search-box i[b-ltp4acm0ll] {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
    }

.comparison-table[b-ltp4acm0ll] {
    width: 100%;
    border-collapse: collapse;
}

    .comparison-table th[b-ltp4acm0ll], .comparison-table td[b-ltp4acm0ll] {

        padding: 14px;
        text-align: left;
        border-bottom: 1px solid #332e30;
        font-size: 13px;
    }

    .comparison-table th[b-ltp4acm0ll] {
        color: #888;
        font-weight: 400;
    }

.highlight-col[b-ltp4acm0ll] {
    border-left: 1px solid #2ecc71;
    border-right: 1px solid #2ecc71;
    background: rgba(46, 204, 113, 0.05);
   
}


.total-row[b-ltp4acm0ll] {
    background: #2d292b;
    font-weight: bold;
}

@media (max-width: 1024px) {
    .dashboard-grid[b-ltp4acm0ll] {
        flex-direction: column;
    }

    .sidebar-panel[b-ltp4acm0ll] {
        width: 100%;
    }
}

.detailed-table[b-ltp4acm0ll] {
    width: 100%;
    border-collapse: collapse;
    color: #fff;
}

    .detailed-table th[b-ltp4acm0ll], .detailed-table td[b-ltp4acm0ll] {
        padding: 12px;
        text-align: left;
        border-bottom: 1px solid #332e30;
        font-size: 12px;
    }

    .detailed-table thead th[b-ltp4acm0ll] {
        background: #262224;
        color: #888;
        font-weight: 400;
    }


.sub-header th[b-ltp4acm0ll] {
    font-size: 11px;
    border-top: 1px solid #332e30;
}

.text-center[b-ltp4acm0ll] {
  text-align:center;
  align-items:center;
}

.dashboard-grid[b-ltp4acm0ll] {
    align-items: flex-start;
}

.table-responsive[b-ltp4acm0ll] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.detailed-table th[colspan="4"][b-ltp4acm0ll] {
    border-left: 1px solid #332e30;
    border-right: 1px solid #332e30;
}
/* /Pages/Tender/BidderFinance.razor.rz.scp.css */
body[b-3etwxh1936] {
    background: #312C2E;
    margin: 0;
    font-family: 'Inter', sans-serif;
}

.page-wrapper[b-3etwxh1936] {
    color: #fff;
    padding: 0 15px 30px;
}

.page-title[b-3etwxh1936] {
    font-size: 28px;
    font-weight: 600;
    margin: 20px 0;
}

.content-layout[b-3etwxh1936] {
    width: 100%;
}
.table-top[b-3etwxh1936] {
    width: 100%;
}

.table-actions-header[b-3etwxh1936] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px;
    justify-content: flex-end;
    padding: 0px 20px;
    border: 1px solid #312C2E;
    background-color: #2A2527;
    margin-bottom: 12px;
}

.actions-left[b-3etwxh1936] {
    flex: 1;
}

.actions-right[b-3etwxh1936] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.action-icon-btn[b-3etwxh1936] {
    background: transparent;
    border: none;
    color: #aaa;
    cursor: pointer;
    font-size: 16px;
}

.search-input-wrapper[b-3etwxh1936] {
    display: flex;
    align-items: center;
    background: #1e1b1c;
    border: 1px solid #3d3739;
    border-radius: 6px;
    padding: 4px 12px;
}

    .search-input-wrapper i[b-3etwxh1936] {
        color: #888;
        font-size: 12px;
    }

    .search-input-wrapper input[b-3etwxh1936] {
        background: transparent;
        border: none;
        color: white;
        padding-left: 8px;
        font-size: 13px;
        outline: none;
        width: 140px;
    }
.content-card[b-3etwxh1936] {
    display: flex;
    gap: 16px;
    background: #1F1C1D;
    border-radius: 12px;
    padding: 16px;
}
.left-panel[b-3etwxh1936] {
    width: 220px;
    background: var(--card-bg);
    border-radius: 4px;
    overflow: hidden;
    border-right: 1px solid #312C2E;
}

.menu-item[b-3etwxh1936] {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    padding: 14px 20px;
    font-size: 14px;
    color: #ccc;
    cursor: pointer;
    border-bottom: 1px solid #312C2E;
}

    .menu-item.active[b-3etwxh1936] {
        background: #262324;
        color: white;
    }

.table-section[b-3etwxh1936] {
    flex: 1;
    background: #1F1C1D;
    padding: 12px;
    margin-top: 1.5%;
    border: 1px solid #312C2E;
}



.table-wrapper[b-3etwxh1936] {
    overflow-x: auto;
}

table[b-3etwxh1936] {
    width: 100%;
    border-collapse: collapse;
}
.bidder[b-3etwxh1936] {
    justify-content: space-between;
    height: 48px;
    border: 1px solid #312C2E;
    background-color: #2A2527;
}
thead th[b-3etwxh1936] {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    color: #ddd;
    text-align: left;
    padding: 12px;
    border-bottom: 1px solid #3A3637;
}

tbody td[b-3etwxh1936] {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    padding: 14px 12px;
    border-bottom: 1px solid #2F2B2C;
    color: #bbb;
}

thead span[b-3etwxh1936] {
    font-size: 11px;
    margin-left: 4px;
    opacity: 0.6;
}
.pagination-row[b-3etwxh1936] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 15px;
    gap: 8px;
}

.p-num[b-3etwxh1936] {
    color: var(--text-muted);
    font-size: 13px;
    cursor: pointer;
    padding: 2px 6px;
}

    .p-num.active[b-3etwxh1936] {
        color: white;
        border: 1px solid #444;
        border-radius: 4px;
    }

.p-arrow[b-3etwxh1936] {
    color: var(--text-muted);
    cursor: pointer;
    padding: 0 10px;
}
.form-footer[b-3etwxh1936] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin: 30px;
}

.btn-dark-outline[b-3etwxh1936] {
    background: #262324;
    border: none;
    color: white;
    padding: 8px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}

.btn-next[b-3etwxh1936] {
    background: #FF5533;
    border: none;
    color: #FFFFFF;
    padding: 6px 16px;
    border-radius: 6px;
    font-weight: 500;
}

.content-card[b-3etwxh1936] {
    flex-wrap: wrap;
}


.filter-panel[b-3etwxh1936] {
    flex: 0 0 260px;
}

.table-section[b-3etwxh1936] {
    flex: 1 1 auto;
    min-width: 0;
}


@media (max-width: 992px) {

    .filter-panel[b-3etwxh1936] {
        flex: 1 1 100%;
        width: 100%;
    }

    .table-section[b-3etwxh1936] {
        flex: 1 1 100%;
    }
}


@media (max-width: 576px) {

    .content-card[b-3etwxh1936] {
        padding: 10px;
    }

    .table-actions-header[b-3etwxh1936] {
        width: 100%;
    }

    .actions-right[b-3etwxh1936] {
        width: 100%;
    }

    .search-input-wrapper[b-3etwxh1936] {
        flex: 1;
    }

    table[b-3etwxh1936] {
        min-width: 100%;
    }
}
/* /Pages/Tender/Correspndences.razor.rz.scp.css */
body[b-9ljpln5vwt] {
    background-color: #312C2E !important;
    margin: 0;
    font-family: 'Inter', sans-serif;
    background: #312C2E;
}

.page-wrapper[b-9ljpln5vwt] {
    color: #fff;
    font-family: 'Inter', sans-serif;
    height: auto;
    padding: 1%;
}

.page-title-bar[b-9ljpln5vwt] {
    width: 100%;
    margin-bottom: 20px;
    padding: 0 15px;
}

.title-container[b-9ljpln5vwt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}

.page-title[b-9ljpln5vwt] {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: clamp(20px, 5vw, 28px);
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0;
    font-size: 24px;
    margin-bottom: 15px;
}

.overview-tabs[b-9ljpln5vwt] {
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
    padding: 12px 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 25px;
}

    .overview-tabs[b-9ljpln5vwt]::-webkit-scrollbar {
        display: none;
    }

.tab-item[b-9ljpln5vwt] {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #888;
    cursor: pointer;
    white-space: nowrap;
}

    .tab-item.active[b-9ljpln5vwt] {
        color: #fff;
        border-bottom: 2px solid #FF5533;
        padding-bottom: 11px;
    }

.queries-layout[b-9ljpln5vwt] {
    display: grid;
    border: 1px solid #312C2E;
    grid-template-columns: 300px 1fr 320px;
    height: 100%;
    margin: 1%;
}

.queries-left[b-9ljpln5vwt] {
    border-right: 1px solid #312C2E;
    padding: 4px;
    overflow-y: auto;
}

.status-cards[b-9ljpln5vwt] {
    display: flex;
    gap: 8px;
    margin-bottom: 16px;
}

.status-card[b-9ljpln5vwt] {
    width: 52px;
    height: 52px;
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #000;
}

.blue[b-9ljpln5vwt] {
    background: #55ADE1
}

.red[b-9ljpln5vwt] {
    background: #C1C2C3
}

.green[b-9ljpln5vwt] {
    background: #C1C2C3
}

.yellow[b-9ljpln5vwt] {
    background: #C1C2C3
}

.gray[b-9ljpln5vwt] {
    background: #C1C2C3
}

.query-item[b-9ljpln5vwt] {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 10px;
    cursor: pointer;
}


.indicator[b-9ljpln5vwt] {
    width: 4px;
    height: 80px;
    border-radius: 2px;
}

    .indicator.green[b-9ljpln5vwt] {
        background: #35DBAE
    }

    .indicator.red[b-9ljpln5vwt] {
        background: #DC3545
    }

.query-text .p[b-9ljpln5vwt] {
    font-weight: 400;
    font-size: 11px;
    font-family: 'Inter', sans-serif;
    margin: 0;
    color: #FFFFFF;
}

.date[b-9ljpln5vwt] {
    margin-left: auto;
    font-size: 12px;
    color: #888;
}

.queries-center[b-9ljpln5vwt] {
    padding: 16px;
    overflow-y: auto;
}

.query-header[b-9ljpln5vwt] {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
}

.query-id[b-9ljpln5vwt] {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    color: #aaa;
    font-size: 13px;
}

.query-title[b-9ljpln5vwt] {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    margin: 4px 0 0;
    font-size: 22px;
}

.actions i[b-9ljpln5vwt] {
    justify-content: flex-end;
    align-items: center;
    margin-top: 35px;
    cursor: pointer;
    padding: 10px;
}

.message-card active[b-9ljpln5vwt] {
    background: #312C2E;
    border-radius: 10px;
    padding: 16px;
}

.action i[b-9ljpln5vwt] {
    justify-content: flex-end;
    align-items: center;
    cursor: pointer;
    padding: 10px;
  
}

.msg-header[b-9ljpln5vwt] {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: #aaa;
}

.attachments[b-9ljpln5vwt] {
    margin-top: 12px;
}

    .attachments .files span[b-9ljpln5vwt] {
        display: inline-block;
        margin-right: 8px;
        background: #262224;
        padding: 6px 10px;
        border-radius: 6px;
        font-size: 12px;
    }

.message-card[b-9ljpln5vwt] {
    background: #2c282a;
    border-radius: 14px;
    padding: 22px;
}

.message-top[b-9ljpln5vwt] {
    display: flex;
    gap: 14px;
    align-items: center;
    margin-bottom: 20px;
}

.profile-circle[b-9ljpln5vwt] {
    width: 49px;
    height: 49px;
    border-radius: 50%;
    border: 2px solid #6f6f6f;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #bdbdbd;
}

.sender-info span[b-9ljpln5vwt] {
    font-size: 13px;
    color: #aaa;
    display: block;
}


.message-body p[b-9ljpln5vwt] {
    margin: 0 0 16px;
    font-size: 14px;
    line-height: 1.7;
    color: #e6e6e6;
}


.attach-title[b-9ljpln5vwt] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 22px 0 12px;
    color: #dcdcdc;
}

.files[b-9ljpln5vwt] {
    display: flex;
    gap: 5px;
}

.file[b-9ljpln5vwt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
    color: #ccc;
}

    .file i[b-9ljpln5vwt] {
        font-size: 26px;
        color: #cfcfcf;
        margin-bottom: 4px;
    }


.queries-right[b-9ljpln5vwt] {
    border-left: 1px solid #231F20;
    padding: 12px;
}

.right-tabs[b-9ljpln5vwt] {
    display: flex;
    gap: 30px;
    border-bottom: 1px solid #231F20;
    margin-bottom: 12px;
}

.query-span[b-9ljpln5vwt] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
}

.right-tabs .active[b-9ljpln5vwt] {
    color: #fff;
    border-bottom: 2px solid #FF5433;
}

.user[b-9ljpln5vwt] {
    display: flex;
    border-bottom: 1px solid #FFFFFF1A;
    gap: 10px;
    margin: 12px 0;
}

.avatar[b-9ljpln5vwt] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #555;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.message-card1[b-9ljpln5vwt] {
    margin-top: 15px;
}
/* /Pages/Tender/CreatePackage.razor.rz.scp.css */

*[b-oghfq2queu] {
    box-sizing: border-box;
}
body[b-oghfq2queu] {
    margin: 0;
    font-family: 'Inter', sans-serif;
    background-color: #312C2E;
    color: #FFFFFF;
}
.page-wrapper[b-oghfq2queu] {
    min-height: 100vh;
    padding: 20px 24px 30px;
    width: 100%;
}
.page-title-bar[b-oghfq2queu] {
    margin-bottom: 24px;
}
.page-title[b-oghfq2queu] {
    font-size: 24px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
}
.form-grid[b-oghfq2queu] {
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 24px;
    width: 100%;
}
.card[b-oghfq2queu] {
    background: #3A3436;
    border-radius: 12px;
    padding: 16px 18px;
    margin-bottom: 20px;
}


.card-title[b-oghfq2queu] {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 14px;
    color: #FFFFFF;
}
.input-label[b-oghfq2queu] {
    margin-bottom: 3%;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    line-height: 20px;
    letter-spacing: 0px;
    width: 360px;
    color: #FFFFFF;
}
.options[b-oghfq2queu] {
    margin-bottom: 3%;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Inter', sans-serif;
    line-height: 20px;
    letter-spacing: 0px;
    width: 360px;
    color: #312C2E;
}
.form-control[b-oghfq2queu] {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    background: #312C2E;
    border: 1px solid #3c3a3a;
    color: #FFFFFF;
    padding: 12px 16px;
    padding-left: 32px;
    border-radius: 8px;
    font-size: 14px;
    margin-bottom: 14px;
    gap: 6px;
}

    .form-control[b-oghfq2queu]::placeholder {
        color: #9C9C9C;
    }

.form-control:focus[b-oghfq2queu] {
    outline: none;
    border-color: #FFFFFF1A;
}
.textarea[b-oghfq2queu] {
    min-height: 130px;
    resize: none;
}

.row-2[b-oghfq2queu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.settings-card[b-oghfq2queu] {
    padding: 18px 20px;
}
.settings-header[b-oghfq2queu] {
    font-size: 15px;
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: 14px;
}
.settings-row[b-oghfq2queu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.settings-label[b-oghfq2queu] {
    font-size: 13px;
    color: #D6D6D6;
}


.switch[b-oghfq2queu] {
    position: relative;
    width: 42px;
    height: 22px;
}

    .switch input[b-oghfq2queu] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider[b-oghfq2queu] {
    position: absolute;
    inset: 0;
    background: #444;
    border-radius: 20px;
    cursor:pointer;
}

    .slider[b-oghfq2queu]::before {
        content: "";
        position: absolute;
        height: 18px;
        width: 18px;
        left: 2px;
        top: 2px;
        background: #FFFFFF;
        border-radius: 50%;
        transition:2s;
    }

input:checked + .slider[b-oghfq2queu] {
    background: #FF5533;
}

    input:checked + .slider[b-oghfq2queu]:before {
        transform: translateX(20px);
    }

.footer-actions[b-oghfq2queu] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: -60px;
    margin-right:28%;
    flex-wrap: wrap;
}


.btn[b-oghfq2queu] {
    padding: 7px 14px;
    font-size: 12px;
    border-radius: 8px;
    cursor: pointer;
    border: none;
}

    .btn.ghost[b-oghfq2queu] {
        background: transparent;
        border: 1px solid #5A5A5A;
        color: #FFFFFF;
    }

    .btn.primary[b-oghfq2queu] {
        background: #FF5C35;
        color: #FFFFFF;
    }




@media (max-width: 992px) {
    .form-grid[b-oghfq2queu] {
        grid-template-columns: 1fr;
    }

    .footer-actions[b-oghfq2queu] {
        justify-content: center;
    }
}


@media (max-width: 576px) {
    .page-wrapper[b-oghfq2queu] {
        padding: 16px;
    }

    .page-title[b-oghfq2queu] {
        font-size: 20px;
    }

    .row-2[b-oghfq2queu] {
        grid-template-columns: 1fr;
    }

    .footer-actions[b-oghfq2queu] {
        flex-direction: column;
        align-items: stretch;
    }

    .btn[b-oghfq2queu] {
        width: 100%;
    }
}
/* /Pages/Tender/Files.razor.rz.scp.css */
body[b-wwqc4tjp6d] {
   
    margin: 0;
    font-family: 'Inter', sans-serif;
    background: #1e1b1c;
    color: #e5e5e5;
}


.page-title-bar[b-wwqc4tjp6d] {
    width: 100%;
    display: flex !important; 
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    gap: 12px;
}


.page-title[b-wwqc4tjp6d] {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0;
    white-space: nowrap;
}

   
    .page-title.right[b-wwqc4tjp6d] {
        text-align: right;
    }


.overview-tabs[b-wwqc4tjp6d] {
    display: flex;
    flex-wrap: wrap;
    gap: 71.5px;
    padding: 12px 0;
    border-bottom: 1px solid #2a2a2a;
}

.tab-item[b-wwqc4tjp6d] {
    font: inter;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0%;
    font-size: 13px;
    color: #FFFFFF;
    cursor: pointer;
    position: relative;
    padding-bottom: 6px;
    text-decoration: none;
}
  
    .tab-item:hover[b-wwqc4tjp6d] {
        color: #FF5533;
        cursor: pointer;
    }

    .tab-item.active[b-wwqc4tjp6d] {
        color: #ffffff;
    }

        .tab-item.active[b-wwqc4tjp6d]::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -8px;
            width: 100%;
            height: 2px;
            background: #FF5533;
            border-radius: 2px;
        }

.files-layout[b-wwqc4tjp6d] {
    display: flex;
    gap: 14px;
}

.files-sidebar[b-wwqc4tjp6d] {
    width: 200px;
    background: #201c1e;
    border: 1px solid #332e30;
    border-radius: 14px;
    padding: 12px;
}

    .files-sidebar ul[b-wwqc4tjp6d] {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .files-sidebar li[b-wwqc4tjp6d] {
        padding: 10px 12px;
        border-radius: 8px;
        font-size: 13px;
        color: #a9a9a9;
        cursor: pointer;
    }

        .files-sidebar li.active[b-wwqc4tjp6d],
        .files-sidebar li:hover[b-wwqc4tjp6d] {
            background: #2f2a2c;
            color: #fff;
        }

.files-content[b-wwqc4tjp6d] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.discipline-tabs[b-wwqc4tjp6d] {
    display: flex;
    gap: 22px;
    padding: 10px 6px 14px;
    border-bottom: 1px solid #332e30;
}

.d-tab[b-wwqc4tjp6d] {
    font-size: 14px;
    color: #a9a9a9;
    position: relative;
    cursor: pointer;
}

    .d-tab.active[b-wwqc4tjp6d] {
        color: #fff;
    }

        .d-tab.active[b-wwqc4tjp6d]::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -14px;
            width: 100%;
            height: 2px;
            background: #ff5a3c;
        }

@media(max-width:992px) {
    .files-layout[b-wwqc4tjp6d] {
        flex-direction: column
    }

    .files-sidebar[b-wwqc4tjp6d] {
        width: 100%
    }
}

.files-card[b-wwqc4tjp6d] {
    background: #262224;
    border: 1px solid #332e30;
    border-radius: 14px;
}

.files-card-header[b-wwqc4tjp6d] {
    padding: 10px 14px;
    display: flex;
    justify-content: flex-end;
}

.icons[b-wwqc4tjp6d] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #a9a9a9;
}

.search-box[b-wwqc4tjp6d] {
    position: relative;
}

    .search-box input[b-wwqc4tjp6d] {
        background: #1e1a1c;
        border: 1px solid #332e30;
        border-radius: 20px;
        padding: 6px 28px;
        color: #fff;
        font-size: 13px;
    }

    .search-box i[b-wwqc4tjp6d] {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
    }

.files-table-wrapper[b-wwqc4tjp6d] {
    overflow-x: auto;
}

.files-table[b-wwqc4tjp6d] {
    width: 100%;
    min-width: 1100px;
    border-collapse: collapse;
}

    .files-table th[b-wwqc4tjp6d],
    .files-table td[b-wwqc4tjp6d] {
        padding: 12px 14px;
        font-size: 13px;
        white-space: nowrap;
    }

    .files-table thead[b-wwqc4tjp6d] {
        color: #a9a9a9;
    }

    .files-table tr[b-wwqc4tjp6d] {
        border-top: 1px solid #332e30;
    }

.status[b-wwqc4tjp6d] {
    color: #ff9f2d;
}

.files-card-footer[b-wwqc4tjp6d] {
    padding: 8px 14px 12px;
}

.scroll-track[b-wwqc4tjp6d] {
    height: 4px;
    background: #2a2527;
    border-radius: 3px;
    overflow: hidden;
}

    .scroll-track span[b-wwqc4tjp6d] {
        display: block;
        width: 240px;
        height: 100%;
        background: #ff5a3c;
    }

.pagination[b-wwqc4tjp6d] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    font-size: 12px;
    color: #a9a9a9;
}

.page[b-wwqc4tjp6d] {
    width: 22px;
    height: 22px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #332e30;
}

    .page.active[b-wwqc4tjp6d] {
        background: #2f2a2c;
        color: #fff;
    }
/* /Pages/Tender/Navigation.razor.rz.scp.css */
body[b-5tljc1ns8z] {
    background-color: #332D2F;
    margin: 0;
    font-family: 'Inter', sans-serif;
}


.tender-wrapper[b-5tljc1ns8z] {
    min-height: auto;
    min-height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.page-title-bar[b-5tljc1ns8z] {
    width: 100%;
    margin-bottom: 20px;
    padding: 0 15px;
}

.title-container[b-5tljc1ns8z] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}

.page-title[b-5tljc1ns8z] {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: clamp(20px, 5vw, 28px);
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0;
}

.add-package-container[b-5tljc1ns8z] {
    height: auto;
    gap: 16px;
}

.btn-add-package[b-5tljc1ns8z] {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: clamp(20px, 4vw, 14px);
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0%;
    color: #FFFFFF;
    background: #FF5533;
    padding: 8px 16px;
    border-radius: 4px;
    margin: 0;
    border: none;
}

@media (max-width: 480px) {
    .title-container[b-5tljc1ns8z] {
        justify-content: center;
        text-align: center;
    }
}

a[b-5tljc1ns8z]{
    text-decoration:none;
}
.tender-cards[b-5tljc1ns8z] {
    width: 100%;
    max-width: 778px;
    min-height: 340px;
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.tender-card[b-5tljc1ns8z] {
    background: #332D2F;
    border-radius: 20px;
    box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.05);
    width: 100%;
    max-width: 377px;
    min-height: 340px;
    opacity: 1;
    cursor: pointer;
    display: flex;
    flex-direction: column;
   
    transition: transform 0.25s ease, background 0.25s ease;
}


    .tender-card:hover[b-5tljc1ns8z] {
        
        background: #332D2F;
    }



.card-icon[b-5tljc1ns8z] {
    flex: 1;
    min-height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .card-icon i[b-5tljc1ns8z] {
        font-size: 42px;
        color: #ffffff;
        opacity: 0.9;
    }


.card-body[b-5tljc1ns8z] {
   
    background: #332D2F;
  
    padding: 20px 32px;
    
    border-top: 1px solid rgba(255, 255, 255, 0.1);
   
    border-bottom-left-radius: 32px;
    border-bottom-right-radius: 32px;
   
    display: flex;
    flex-direction: column;
    gap: 16px;
   
    width: 100%;
    max-width: 377px; 
    min-height: 140px; 

    opacity: 1;
}

    .card-body h4[b-5tljc1ns8z] {
        font: Roboto;
        margin: 0 0 6px;
        font-size: medium;
        font-weight: 500;
        color:#F6F6F6;
    }

    .card-body p[b-5tljc1ns8z] {
        font: Roboto;
        font-weight: 400;
        margin: 0;
        font-size: 18px;
        color: #FFFFFF99;
        line-height: 1.45;
       
    }

@media (max-width: 576px) {
    .tender-cards[b-5tljc1ns8z] {
        max-width: 100%;
        min-height: auto;
    }
    .tender-card[b-5tljc1ns8z] {
        max-width: 100%;
        min-height: auto;
    }
    .card-body[b-5tljc1ns8z] {
        max-width: 100%;
        padding: 16px 20px;
        gap: 12px;
        min-height: auto;
    }
}

@media (max-width: 820px) {
    .tender-cards[b-5tljc1ns8z] {
        flex-direction: column;
        min-height: auto;
    }

    .tender-card[b-5tljc1ns8z] {
        width: 100%;
    }

    .card-icon[b-5tljc1ns8z] {
        min-height: 120px;
    }
}


@media (max-width: 480px) {
    .card-body h4[b-5tljc1ns8z] {
        font-size: 15px;
    }

    .card-body p[b-5tljc1ns8z] {
        font-size: 12px;
    }

    .card-icon i[b-5tljc1ns8z] {
        font-size: 36px;
    }
}
/* /Pages/Tender/NDA.razor.rz.scp.css */
body[b-ui2jppnvin] {
    /*   background-color: #312C2E;*/
    margin: 0;
    font-family: 'Inter', sans-serif;
    background: #1e1b1c;
    color: #e5e5e5;
}


.page-wrapper[b-ui2jppnvin] {
    padding: 0%;
    min-height: 100vh;
    color: #fff;
}


.page-title-bar[b-ui2jppnvin] {
    width: 100%;
    height: 34px;
    margin-bottom: 20px;
    
  
}

    .page-title-bar .row[b-ui2jppnvin] {
        display: flex;
        align-items: center;
        justify-content: space-between; 
        gap: 12px;
    }

.page-title[b-ui2jppnvin] {
    font: inter;
    font-weight: 600;
    font-size: 28px;
    font-style:normal;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0;
}

.NDA-tabs[b-ui2jppnvin] {
    display: flex;
    flex-wrap: wrap;
    gap: 71.5px;
    padding: 12px 0;
    border-bottom: 1px solid #2a2a2a;
}

.tab-item[b-ui2jppnvin] {
    font: inter;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0%;
    font-size: 13px;
    color: #FFFFFF;
    cursor: pointer;
    position: relative;
    padding-bottom: 6px;
    text-decoration: none;
}
 
    .tab-item:hover[b-ui2jppnvin] {
        color: #FF5533;
        cursor: pointer;
    }

    .tab-item.active[b-ui2jppnvin] {
        color: #ffffff;
    }

        .tab-item.active[b-ui2jppnvin]::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -8px;
            width: 100%;
            height: 2px;
            background: #FF5533;
            border-radius: 2px;
        }



.nda-overlay[b-ui2jppnvin] {

  
    display: flex;
    justify-content: start;
    align-items: start;
    padding: 2%;
}


.nda-card[b-ui2jppnvin] {
    width: 100%;
    max-width: 70%;
    height:auto;
    background: #2b2627;
    border-radius: 23px;
    border:1px;
    padding: 0.5%;
    display: flex;
    flex-direction: column;
    justify-content:space-between;
    
}

    
    .nda-card h2[b-ui2jppnvin] {
        font-size: 18px;
        font-weight: 600;
    }


.nda-content[b-ui2jppnvin] {
    max-height: 360px;
    overflow-y: auto;
    padding-right: 8px;
    line-height: 1.6;
    font-size: 14px;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: clamp(0px, 0.02vw, 0.3px);
    font-weight: 500;
    color: #FFFFFF;
}

    .nda-content h4[b-ui2jppnvin] {
        margin-top: 16px;
        line-height: 1.4;
        font-size: 16px;
        font-weight: 500;
        font-style: normal;
    }

    .nda-content ul[b-ui2jppnvin] {
        padding-left: 18px;
    }


.nda-checkbox[b-ui2jppnvin] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    font-size: 13px;
}

    .nda-checkbox input[b-ui2jppnvin] {
        margin-top: 4px;
    }
  
       
        .nda-actions[b-ui2jppnvin] {
    display: flex;
    justify-content: flex-start;
   
}


button[b-ui2jppnvin] {
    padding: 10px 18px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    font-size: 14px;
}

.btn-decline[b-ui2jppnvin] {
    background: #3a3536;
    color: #fff;
}

.btn-accept[b-ui2jppnvin] {
    background: #ff5a3c;
    color: #fff;
}


button:hover[b-ui2jppnvin] {
    opacity: 0.9;
}


@media (max-width: 600px) {
    .nda-card[b-ui2jppnvin] {
        padding: 16px;
    }

    .nda-actions[b-ui2jppnvin] {
        flex-direction: column;
    }

    button[b-ui2jppnvin] {
        width: 100%;
    }
}
/* /Pages/Tender/OfferAssumptionExclusions.razor.rz.scp.css */
body[b-5sfa4yq6xx] {
    background-color: #312C2E !important;
    margin: 0;
    font-family: 'Inter', sans-serif;
    background: #312C2E;
}

.page-wrapper[b-5sfa4yq6xx] {
    color: #fff;
    font-family: 'Inter', sans-serif;
    height: auto;
    padding: 1.5%;
}

.page-title-bar[b-5sfa4yq6xx] {
    width: 100%;
    margin-bottom: 20px;
    padding: 0 15px;
}

.title-container[b-5sfa4yq6xx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}

.page-title[b-5sfa4yq6xx] {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: clamp(20px, 5vw, 28px);
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0;
    font-size: 24px;
    margin-bottom: 15px;
}

.overview-tabs[b-5sfa4yq6xx] {
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
    padding: 12px 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 25px;
}

    .overview-tabs[b-5sfa4yq6xx]::-webkit-scrollbar {
        display: none;
    }

.tab-item[b-5sfa4yq6xx] {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #888;
    cursor: pointer;
    white-space: nowrap;
}

    .tab-item.active[b-5sfa4yq6xx] {
        color: #fff;
        border-bottom: 2px solid #FF5533;
        padding-bottom: 11px;
    }

.main-content-layout[b-5sfa4yq6xx] {
    border: 1px solid #312C2E;
    padding: 10px;
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 0px;
    align-items: start;
}


.side-navigation[b-5sfa4yq6xx] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-top: 10px;
    border-right: 1px solid #312C2E;
    height: 100%;
}

.nav-link[b-5sfa4yq6xx] {
    font-family: 'Inter', sans-serif;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 400;
    opacity: 0.7;
    cursor: pointer;
    padding-left: 15px;
    position: relative;
    transition: 0.3s;
}




.data-table-container[b-5sfa4yq6xx] {
    overflow: hidden;
    margin-left: 15px;
}


.table-actions-header[b-5sfa4yq6xx] {
    display: flex;
    justify-content: flex-end;
    padding: 12px 20px;
    border-bottom: 1px solid #2d282a;
    background-color: #2a2527;
}

.actions-right[b-5sfa4yq6xx] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.search-input-wrapper[b-5sfa4yq6xx] {
    display: flex;
    align-items: center;
    background: #1e1b1c;
    border: 1px solid #3d3739;
    border-radius: 6px;
    padding: 4px 12px;
}

    .search-input-wrapper i[b-5sfa4yq6xx] {
        color: #888;
        font-size: 12px;
    }

    .search-input-wrapper input[b-5sfa4yq6xx] {
        background: transparent;
        border: none;
        color: white;
        padding-left: 8px;
        font-size: 13px;
        outline: none;
        width: 140px;
    }

.action-icon-btn[b-5sfa4yq6xx] {
    background: transparent;
    border: none;
    color: #aaa;
    cursor: pointer;
    font-size: 16px;
}


.activity-log-table[b-5sfa4yq6xx] {
    width: 100%;
}

    .activity-log-table th[b-5sfa4yq6xx] {
        text-align: left;
        color: #ffffff;
        font-size: 13px;
        font-weight: 500;
        padding: 16px 20px;
        border-bottom: 1px solid #2d282a;
        white-space: nowrap;
    }

    .activity-log-table td[b-5sfa4yq6xx] {
        padding: 16px 20px;
        color: #888;
        font-size: 14px;
        border-bottom: 1px solid #2d282a;
    }

.sort-arrows[b-5sfa4yq6xx] {
    font-size: 11px;
    margin-left: 8px;
    color: #666;
}

.activity-log-table tr:last-child td[b-5sfa4yq6xx] {
    border-bottom: none;
}

.notes-section[b-5sfa4yq6xx] {
    margin-top: 1%;
    border: 1px solid #3d383a;
    border-radius: 8px;
    padding: 15px;
}

.notes-area[b-5sfa4yq6xx] {
    width: 100%;
    background: transparent;
    border: none;
    color: white;
    height: 100px;
    resize: none;
    outline: none;
}

/* /Pages/Tender/Overview.razor.rz.scp.css */
body[b-7n27bcpp69] {
    background-color: #312C2E;
    margin: 0;
    font-family: 'Inter', sans-serif;
}

.page-wrapper[b-7n27bcpp69] {
    min-height: 100vh;
    font-family: 'Inter', sans-serif;
    padding: 1%;
    color: #fff;
}
.page-title-bar[b-7n27bcpp69] {
    width: 100%;
    height: 34px;
    margin-bottom: 20px;
}
    .page-title-bar .row[b-7n27bcpp69] {
        display: flex;
        align-items: center;
        justify-content: space-between; 
        gap: 12px;
    }

.page-title[b-7n27bcpp69] {
    font-weight: 600;
    font-size: 28px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0;
  
}
.action-buttons[b-7n27bcpp69] {
    display: flex;
    gap: 12px; 
  right: 0; 
    position: absolute; 
    padding-right: 20px;

}

.btn-declined[b-7n27bcpp69] {
    height: 28px;
    padding: 3px 6px;
    border-radius: 8px;
    background: transparent;
    border: 1px solid #FFFFFF1A;
    color: #FFFFFF;
    font-size: 13px;
}


.btn-accept[b-7n27bcpp69] {
    height: 28px;
    padding: 3px 6px;
    border-radius: 8px;
    background: #FF5533;
    border: 1px solid #FF5533; 
    color: #ffffff;
    font-size: small;
    gap: 4px;
    animation-play-state: inherit;
    font-size: 14px;
}

.overview-tabs[b-7n27bcpp69] {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    padding: 8px 0;
    border-bottom: 1px solid #2a2a2a;
    gap: 25.5px;
  
}

.tab-item[b-7n27bcpp69] {
    font: inter;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0%;
    
    color: #FFFFFF;
    cursor: pointer;
    position: relative;
    padding-bottom: 6px;
    text-decoration: none;
}

    .tab-item:hover[b-7n27bcpp69] {
       
        color: #FF5533;
        cursor:pointer;
    }

    .tab-item.active[b-7n27bcpp69] {
        color: #ffffff;
       
    }
        .tab-item.active[b-7n27bcpp69]::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -8px;
            width: 100%;
            height: 2px;
            background: #FF5533;
            border-radius: 2px;
        }


.container-layout[b-7n27bcpp69] {
    display: flex;
    width: 80%;
    height: 80%;
    justify-content: start;
    margin-top: 1%;
}  

.client-card[b-7n27bcpp69] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    max-width: 639px; 
    height: auto; 
    
    padding: 2%;
    border-radius: 16px;
    background-color: #312C2E;
    box-sizing: border-box;
}   
.two-col[b-7n27bcpp69] {
    display: flex;
    gap: 20%;
    width: 48%;
    box-sizing: border-box;
}
    .two-col > div[b-7n27bcpp69] {
        flex: 1 1 0; 
    }
.form-group[b-7n27bcpp69] {
    width: 100%;  
    gap: 10px;
}

.label[b-7n27bcpp69] {
    margin-bottom: 3%;
    font-size: 14px;
    font-weight: 500;
    font: inter;
    line-height: 20px;
    letter-spacing: 0px;
    width: 360px;
  
}

.input[b-7n27bcpp69] {
    font:inter;
    font-weight:400;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    background: #2a2727;
    border: 1px solid #3c3a3a;
    padding: 12px 16px;
    padding-left: 32px;
    color: #fff;
    border-radius: 8px;
    font-size: 14px;

    gap: 6px;
}
    .input:focus[b-7n27bcpp69] {
        outline: none;
        border-color: #FFFFFF1A;
    }
.two-col[b-7n27bcpp69] {
    display: flex;
    gap: 20px;
    width: 48%;
    box-sizing: border-box;
}

    .two-col > div[b-7n27bcpp69] {
        flex: 1 1 0; 
    }
.add-more[b-7n27bcpp69] {
    display: flex;
    justify-content: flex-start; 
}

    .add-more button[b-7n27bcpp69] {
        min-width: 119px;
       margin-top:1.5%;
        height: auto;
        padding: 8px 12px;
        gap: 10px;
        border-radius: 8px;
        border: none;
        background-color: #231F20;
        color: #ffffff;
        font-size: 14px;
        font-weight: 500;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        white-space: nowrap;
    }
@media (max-width: 576px) {
    .add-more button[b-7n27bcpp69] {
        width: 100%;
        height: 40px;
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .add-more button[b-7n27bcpp69] {
        min-width: 100px;
        font-size: 14px;
    }
}
    .client-card h3[b-7n27bcpp69] {
        margin-bottom: 18px;
        font-weight: 500;
        font:inter;
    }
.right-section[b-7n27bcpp69] {
    width: 30%;
}
.project-card[b-7n27bcpp69] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 639px;
    height: 590%;
    padding: 32px;
    margin-left: 1.2%;
    gap: 24px;
    background: #312C2E;
    border-radius: 16px;
    transition: border 0.2s ease, background 0.2s ease;
}


.input-wrapper textarea.input[b-7n27bcpp69] {
    width: 100%;
    height: 150%; 
    padding: 10px 12px;
   
    font-family: inherit;
    font-size: 14px;
}

.bid-card[b-7n27bcpp69] {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height:auto;
    max-width: 639px;
    padding: 32px;
    margin-top: 1.2%;
    gap: 24px;
    background: #312C2E;
    border-radius: 16px;
    transition: border 0.2s ease, background 0.2s ease;
}
.input-wrapper[b-7n27bcpp69] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

    .input-wrapper i[b-7n27bcpp69] {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        color: #ccc;
        font-size: 16px;
    }
.toggle-label[b-7n27bcpp69] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
}

.toggle[b-7n27bcpp69] {
    width: 40px;
    height: 20px;
}

.header-row[b-7n27bcpp69] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

@media (max-width: 576px) {
    .action-buttons[b-7n27bcpp69] {
        width: 100%;
        justify-content: flex-end;
    }
}


@media (min-width: 1400px) {
    .overview-tabs[b-7n27bcpp69] {
        gap: 25.5px;
    }
}

@media (max-width: 1200px) {
    .overview-tabs[b-7n27bcpp69] {
        gap: 36px;
    }
}


@media (max-width: 992px) {
    .overview-tabs[b-7n27bcpp69] {
        gap: 24px;
        overflow-x: auto; 
        flex-wrap: nowrap; 
        scrollbar-width: none;
    }

        .overview-tabs[b-7n27bcpp69]::-webkit-scrollbar {
            display: none;
        }
}


@media (max-width: 576px) {
    .overview-tabs[b-7n27bcpp69] {
        gap: 16px;
        padding-bottom: 8px;
    }

    .tab-item[b-7n27bcpp69] {
        font-size: 12px;
        white-space: nowrap; 
    }
}
@media (max-width: 1024px) {
    .container-layout[b-7n27bcpp69] {
        width: 90%;
        gap: 16px;
    }

        .container-layout > .item[b-7n27bcpp69] {
            flex: 1 1 45%;
            min-width: 200px;
        }
}

@media (max-width: 600px) {
    .container-layout[b-7n27bcpp69] {
        flex-direction: column;
        gap: 12px;
        width: 95%;
    }

        .container-layout > .item[b-7n27bcpp69] {
            flex: 1 1 100%;
        }
}
/* /Pages/Tender/RiskAssessment.razor.rz.scp.css */
body[b-zk31wbpsyr] {
    background-color: #312C2E !important;
    margin: 0;
    font-family: 'Inter', sans-serif;
    background: #312C2E;
}

.page-wrapper[b-zk31wbpsyr] {
    color: #fff;
    font-family: 'Inter', sans-serif;
    height: auto;
    padding: 1.5%;
}

.page-title-bar[b-zk31wbpsyr] {
    width: 100%;
    margin-bottom: 20px;
    padding: 0 15px;
}

.title-container[b-zk31wbpsyr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}

.page-title[b-zk31wbpsyr] {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: clamp(20px, 5vw, 28px);
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0;
    font-size: 24px;
    margin-bottom: 15px;
}

.overview-tabs[b-zk31wbpsyr] {
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
    padding: 12px 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 25px;
}

    .overview-tabs[b-zk31wbpsyr]::-webkit-scrollbar {
        display: none;
    }

.tab-item[b-zk31wbpsyr] {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #888;
    cursor: pointer;
    white-space: nowrap;
}

    .tab-item.active[b-zk31wbpsyr] {
        color: #fff;
        border-bottom: 2px solid #FF5533;
        padding-bottom: 11px;
    }
.files-card[b-zk31wbpsyr] {
    background: #262224;
    border: 1px solid #332e30;
    border-radius: 14px;
}

.files-card-header[b-zk31wbpsyr] {
    padding: 10px 14px;
    display: flex;
    justify-content: flex-end;
}

.icons[b-zk31wbpsyr] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #a9a9a9;
}

.search-box[b-zk31wbpsyr] {
    position: relative;
}

    .search-box input[b-zk31wbpsyr] {
        background: #1e1a1c;
        border: 1px solid #332e30;
        border-radius: 20px;
        padding: 6px 28px;
        color: #fff;
        font-size: 13px;
    }

    .search-box i[b-zk31wbpsyr] {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
    }

.table-container[b-zk31wbpsyr] {
    width: 100%;
    overflow-x: auto;
}

.custom-table[b-zk31wbpsyr] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    color: #FFFFFF;
    text-align: left;
}

    .custom-table thead th[b-zk31wbpsyr] {
        padding: 12px 15px;
        border-bottom: 1px solid #332e30;
        color: #a9a9a9;
        font-weight: 500;
        white-space: nowrap;
    }

    .custom-table tbody td[b-zk31wbpsyr] {
        padding: 15px;
        border-bottom: 1px solid #332e30;
        color: #fff;
        vertical-align: middle;
    }

    .custom-table tbody tr:hover[b-zk31wbpsyr] {
        background: #2a2628;
    }

    .custom-table th i[b-zk31wbpsyr] {
        font-size: 10px;
        opacity: 0.6;
    }

.table-container[b-zk31wbpsyr]::-webkit-scrollbar {
    height: 4px;
}

.table-container[b-zk31wbpsyr]::-webkit-scrollbar-thumb {
    background: #FF5533;
    border-radius: 10px;
}

.files-card-footer[b-zk31wbpsyr] {
    padding: 8px 14px 12px;
}

.scroll-track[b-zk31wbpsyr] {
    height: 4px;
    background: #2a2527;
    border-radius: 3px;
    overflow: hidden;
}

    .scroll-track span[b-zk31wbpsyr] {
        display: block;
        width: 240px;
        height: 100%;
        background: #ff5a3c;
    }

.pagination[b-zk31wbpsyr] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    font-size: 12px;
    color: #a9a9a9;
}

.page[b-zk31wbpsyr] {
    width: 22px;
    height: 22px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #332e30;
}

    .page.active[b-zk31wbpsyr] {
        background: #2f2a2c;
        color: #fff;
    }
/* /Pages/Tender/SelectBidders.razor.rz.scp.css */
body[b-np8rykrsu6] {
    background: #312C2E;
    margin: 0;
    font-family: 'Inter', sans-serif;
}

.page-wrapper[b-np8rykrsu6] {
    color: #fff;
    padding: 0 15px 30px;
}
.page-title[b-np8rykrsu6] {
    font-size: 28px;
    font-weight: 600;
    margin: 20px 0;
}
.content-layout[b-np8rykrsu6] {
    border: 1px solid #312C2E;
    width:100%;
}

    .content-card[b-np8rykrsu6] {
        display: flex;
        gap: 16px;
        background: #1F1C1D;
        border-radius: 12px;
        padding: 16px;
    }

.filter-panel[b-np8rykrsu6] {
    width: 260px;
    background: #1F1C1D;
    padding: 16px;
    border-right: 2px solid #312C2E;
}

.filter-group[b-np8rykrsu6] {
    margin-bottom: 16px;
}
    .filter-group label[b-np8rykrsu6] {
        font-size: 14px;
        font-weight: 500;
        font-family: 'Inter', sans-serif;
        color: #ccc;
        margin-bottom: 6px;
        display: block;
    }
    .filter-group select[b-np8rykrsu6] {
        width: 100%;
        background: #2A2627;
        border: 1px solid #3A3637;
        color: #fff;
        padding: 10px;
        border-radius: 6px;
    }
.table-section[b-np8rykrsu6] {
    flex: 1;
    background: #1F1C1D;
    padding: 12px;
    margin-top:1.5%;
}
.table-top[b-np8rykrsu6] {
  width:100%;
}

.table-actions-header[b-np8rykrsu6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px;
    justify-content: flex-end;
    padding: 0px 20px;
    border: 1px solid #312C2E;
    background-color: #2A2527;
    margin-bottom: 12px;
}
.actions-left[b-np8rykrsu6] {
    flex: 1;
}
.actions-right[b-np8rykrsu6] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.action-icon-btn[b-np8rykrsu6] {
    background: transparent;
    border: none;
    color: #aaa;
    cursor: pointer;
    font-size: 16px;
}
.search-input-wrapper[b-np8rykrsu6] {
    display: flex;
    align-items: center;
    background: #1e1b1c;
    border: 1px solid #3d3739;
    border-radius: 6px;
    padding: 4px 12px;
}

    .search-input-wrapper i[b-np8rykrsu6] {
        color: #888;
        font-size: 12px;
    }
    .search-input-wrapper input[b-np8rykrsu6] {
        background: transparent;
        border: none;
        color: white;
        padding-left: 8px;
        font-size: 13px;
        outline: none;
        width: 140px;
    }
.table-wrapper[b-np8rykrsu6] {
    overflow-x: auto;
}

table[b-np8rykrsu6] {
    width: 100%;
    border-collapse: collapse;
}
thead th[b-np8rykrsu6] {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    color: #ddd;
    text-align: left;
    padding: 12px;
    border-bottom: 1px solid #3A3637;
}

tbody td[b-np8rykrsu6] {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    padding: 14px 12px;
    border-bottom: 1px solid #2F2B2C;
    color: #bbb;
}
thead span[b-np8rykrsu6] {
    font-size: 11px;
    margin-left: 4px;
    opacity: 0.6;
}
.form-footer[b-np8rykrsu6] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin: 30px;
}

.btn-dark-outline[b-np8rykrsu6] {
    background: #262324;
    border: none;
    color: white;
    padding: 8px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}
.btn-next[b-np8rykrsu6] {
    background: #FF5533;
    border: none;
    color: #FFFFFF;
    padding: 6px 16px;
    border-radius: 6px;
    font-weight: 500;
}

.content-card[b-np8rykrsu6] {
    flex-wrap: wrap; 
}


.filter-panel[b-np8rykrsu6] {
    flex: 0 0 260px;
}

.table-section[b-np8rykrsu6] {
    flex: 1 1 auto;
    min-width: 0;
}


@media (max-width: 992px) {

    .filter-panel[b-np8rykrsu6] {
        flex: 1 1 100%;
        width: 100%;
    }

    .table-section[b-np8rykrsu6] {
        flex: 1 1 100%;
    }
}


@media (max-width: 576px) {

    .content-card[b-np8rykrsu6] {
        padding: 10px;
    }

    .table-actions-header[b-np8rykrsu6] {
        width: 100%;
    }

    .actions-right[b-np8rykrsu6] {
        width: 100%;
    }

    .search-input-wrapper[b-np8rykrsu6] {
        flex: 1;
    }

    table[b-np8rykrsu6] {
        min-width: 100%;
    }
}
/* /Pages/Tender/SelectDocuments.razor.rz.scp.css */

body[b-qvvtj0fnhs] {
    background-color: var(--dark-bg);
    color: white;
    font-family: 'Inter', sans-serif;
    margin: 0;
}

.main-wrapper[b-qvvtj0fnhs] {
    padding: 20px;
}


.header-nav[b-qvvtj0fnhs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.brand-title[b-qvvtj0fnhs] {
    font-size: 22px;
    font-weight: 600;
}

.btn-next[b-qvvtj0fnhs] {
    background: #FF5533;
    border: none;
    color: #FFFFFF;
    padding: 6px 16px;
    border-radius: 6px;
    font-weight: 500;
}

.layout-body[b-qvvtj0fnhs] {
    display: flex;
    gap: 20px;
    border: 1px solid #312C2E;
}
.left-panel[b-qvvtj0fnhs] {
    width: 220px;
    background: var(--card-bg);
    border-radius: 4px;
    overflow: hidden;
    border-right: 1px solid #312C2E;
}

.menu-item[b-qvvtj0fnhs] {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    padding: 14px 20px;
    font-size: 14px;
    color: #ccc;
    cursor: pointer;
}

    .menu-item.active[b-qvvtj0fnhs] {
        background: #262324;
        color: white;
    }


.content-container[b-qvvtj0fnhs] {
    flex: 1;
}

.tabs-header[b-qvvtj0fnhs] {
    display: flex;
    gap: 25px;
 margin-top:2%;
 margin-left:1%
}

.tab-link[b-qvvtj0fnhs] {
    font-family: 'Inter', sans-serif;
    font-weight:500;
    padding-bottom: 10px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
}

    .tab-link.active[b-qvvtj0fnhs] {
        color: white;
        border-bottom: 1px solid #FF5533;
    }

.data-card[b-qvvtj0fnhs] {
    background: var(--card-bg);
    border-radius: 4px;
    padding: 15px;
}
.table-actions-header[b-qvvtj0fnhs] {
    display: flex;
    justify-content: flex-end;
    padding: 12px 20px;
    border-bottom: 1px solid #2d282a;
    background-color: #2a2527;
}

.actions-right[b-qvvtj0fnhs] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.search-input-wrapper[b-qvvtj0fnhs] {
    display: flex;
    align-items: center;
    background: #1e1b1c;
    border: 1px solid #3d3739;
    border-radius: 6px;
    padding: 4px 12px;
}

    .search-input-wrapper i[b-qvvtj0fnhs] {
        color: #888;
        font-size: 12px;
    }

    .search-input-wrapper input[b-qvvtj0fnhs] {
        background: transparent;
        border: none;
        color: white;
        padding-left: 8px;
        font-size: 13px;
        outline: none;
        width: 140px;
    }

.action-icon-btn[b-qvvtj0fnhs] {
    background: transparent;
    border: none;
    color: #aaa;
    cursor: pointer;
    font-size: 16px;
}

    .search-wrapper input[b-qvvtj0fnhs] {
        background: transparent;
        border: none;
        color: white;
        font-size: 13px;
        outline: none;
        margin-left: 5px;
    }

.custom-table[b-qvvtj0fnhs] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

    .custom-table th[b-qvvtj0fnhs] {
        font-family: 'Inter', sans-serif;
        font-weight: 500;
        text-align: left;
        color: #ccc;
        font-weight: 500;
        padding: 12px;
        font-size: 14px;
        border-bottom: 2px solid #312C2E;
    }

    .custom-table td[b-qvvtj0fnhs] {
        font-family: 'Inter', sans-serif;
        font-weight: 500;
        color: #ccc;
        padding: 14px 12px;
        font-size: 14px;
        border-bottom: 1px solid #312C2E;
    }

.status-text[b-qvvtj0fnhs] {
    color: #E89E3B;
    font-weight: 500;
}

.sort-icon[b-qvvtj0fnhs] {
    font-size: 10px;
    margin-left: 4px;
    color: #555;
}


.orange-indicator-track[b-qvvtj0fnhs] {
    height: 4px;
    background: #2D2A2B;
    width: 100%;
    margin-top: 5px;
    border-radius: 2px;
}

.orange-indicator-fill[b-qvvtj0fnhs] {
    height: 100%;
    width: 20%;
    background: var(--accent-orange);
    border-radius: 2px;
}

.pagination-row[b-qvvtj0fnhs] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 15px;
    gap: 8px;
}

.p-num[b-qvvtj0fnhs] {
    color: var(--text-muted);
    font-size: 13px;
    cursor: pointer;
    padding: 2px 6px;
}

    .p-num.active[b-qvvtj0fnhs] {
        color: white;
        border: 1px solid #444;
        border-radius: 4px;
    }

.p-arrow[b-qvvtj0fnhs] {
    color: var(--text-muted);
    cursor: pointer;
    padding: 0 10px;
}

.form-footer[b-qvvtj0fnhs] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 30px;
}

.btn-dark-outline[b-qvvtj0fnhs] {
    background: #262324;
    border: none;
    color: white;
    padding: 8px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    font-weight:400;
}

.btn-orange-final[b-qvvtj0fnhs] {
    background: var(--accent-orange);
    border: none;
    color: white;
    padding: 8px 25px;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
}


/* /Pages/Tender/TenderActivityLog.razor.rz.scp.css */
body[b-k3jm7idgdq] {
    background-color: #312C2E !important;
    margin: 0;
    font-family: 'Inter', sans-serif;
    background: #312C2E;
}
.page-wrapper[b-k3jm7idgdq] {
 
    color: #fff;
    font-family: 'Inter', sans-serif;
    padding: 1%;
  
}
.page-title-bar[b-k3jm7idgdq] {
    width: 100%;
    margin-bottom: 20px;
    padding: 0 15px;
}

.title-container[b-k3jm7idgdq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}
.page-title[b-k3jm7idgdq] {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: clamp(20px, 5vw, 28px);
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0;
    font-size: 24px;
    margin-bottom: 15px;
}

.overview-tabs[b-k3jm7idgdq] {
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
    padding: 12px 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 25px;
}
    .overview-tabs[b-k3jm7idgdq]::-webkit-scrollbar {
        display: none;
    }
.tab-item[b-k3jm7idgdq] {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #888;
    cursor: pointer;
    white-space: nowrap;
}

    .tab-item.active[b-k3jm7idgdq] {
        color: #fff;
        border-bottom: 2px solid #FF5533;
        padding-bottom: 11px;
    }

.main-content-layout[b-k3jm7idgdq] {
    border: 1px solid #312C2E;
    padding:10px;
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 0px;
    align-items: start;
}


.side-navigation[b-k3jm7idgdq] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-top: 10px;
    border-right: 1px solid #312C2E;
    min-height: 270px;
}

.nav-link[b-k3jm7idgdq] {
    font-family: 'Inter', sans-serif;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 400;
    opacity: 0.7;
    cursor: pointer;
    padding-left: 15px;
    position: relative;
    transition: 0.3s;
}




.data-table-container[b-k3jm7idgdq] {
    background-color: #252122;
    overflow: hidden;
    margin-left: 15px;
}


.table-actions-header[b-k3jm7idgdq] {
    display: flex;
    justify-content: flex-end;
    padding: 12px 20px;
    border-bottom: 1px solid #2d282a;
    background-color: #2a2527;
}

.actions-right[b-k3jm7idgdq] {
    display: flex;
    align-items: center;
    flex-wrap: wrap; 
}

.search-input-wrapper[b-k3jm7idgdq] {
    display: flex;
    align-items: center;
    background: #1e1b1c;
    border: 1px solid #3d3739;
    border-radius: 6px;
    padding: 4px 12px;
}

    .search-input-wrapper i[b-k3jm7idgdq] {
        color: #888;
        font-size: 12px;
    }

    .search-input-wrapper input[b-k3jm7idgdq] {
        background: transparent;
        border: none;
        color: white;
        padding-left: 8px;
        font-size: 13px;
        outline: none;
        width: 140px; 
    }

.action-icon-btn[b-k3jm7idgdq] {
    background: transparent;
    border: none;
    color: #aaa;
    cursor: pointer;
    font-size: 16px;
}


.activity-log-table[b-k3jm7idgdq] {
    width: 100%;
}

    .activity-log-table th[b-k3jm7idgdq] {
        text-align: left;
        color: #ffffff;
        font-size: 13px;
        font-weight: 500;
        padding: 16px 20px;
        border-bottom: 1px solid #2d282a;
        white-space: nowrap;
    }

    .activity-log-table td[b-k3jm7idgdq] {
        padding: 16px 20px;
        color: #888;
        font-size: 14px;
        border-bottom: 1px solid #2d282a;
    }

.sort-arrows[b-k3jm7idgdq] {
    font-size: 11px;
    margin-left: 8px;
    color: #666;
}

.activity-log-table tr:last-child td[b-k3jm7idgdq] {
    border-bottom: none;
}


@media (max-width: 992px) {
    .main-content-layout[b-k3jm7idgdq] {
        grid-template-columns: 1fr; 
    }

    .side-navigation[b-k3jm7idgdq] {
        flex-direction: row; 
        border-right: none;
        border-bottom: 1px solid #332d2f;
        min-height: auto;
        overflow-x: auto;
        padding-bottom: 15px;
        margin-bottom: 20px;
        gap: 20px;
    }

    .nav-link[b-k3jm7idgdq] {
        padding-left: 0;
        padding-bottom: 5px;
        white-space: nowrap;
    }

        .nav-link.active[b-k3jm7idgdq]::before {
            height: 3px;
            width: 100%;
            top: auto;
            bottom: 0;
            border-radius: 4px 4px 0 0;
        }

    .data-table-container[b-k3jm7idgdq] {
        margin-left: 0; 
    }
}

@media (max-width: 600px) {
    
    .data-table-container[b-k3jm7idgdq] {
        overflow-x: auto;
    }

    .table-actions-header[b-k3jm7idgdq] {
        justify-content: center; 
    }

    .page-title[b-k3jm7idgdq] {
        text-align: center;
    }
}
/* /Pages/Tender/TenderBidderFinance.razor.rz.scp.css */
body[b-90i9qikkjz] {
    background-color: #312C2E;
    margin: 0;
    font-family: 'Inter', sans-serif;
    background: #1e1b1c;
}

.page-wrapper[b-90i9qikkjz] {
    font-family: 'Inter', sans-serif;
    padding: 0%;
    min-height: 100vh;

    color: #fff;
}

.page-title-bar[b-90i9qikkjz] {
    width: 100%;
    margin-bottom: 20px;
    padding: 0 15px;
}

.title-container[b-90i9qikkjz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}

.page-title[b-90i9qikkjz] {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: clamp(20px, 5vw, 28px);
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0;
}

.add-package-container[b-90i9qikkjz] {
    height: auto;
    gap: 16px;
}

.btn-add-package[b-90i9qikkjz] {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: clamp(20px, 4vw, 14px);
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0%;
    color: #FFFFFF;
    background: #FF5533;
    padding: 8px 16px;
    border-radius: 4px;
    margin: 0;
    border: none;
}

@media (max-width: 480px) {
    .title-container[b-90i9qikkjz] {
        justify-content: center;
        text-align: center;
    }
}

.files-card[b-90i9qikkjz] {
    background: #262224;
    border: 1px solid #332e30;
    border-radius: 14px;
    width: 100%;
    color: #312C2E;
    height:5%;
}

.files-card-header[b-90i9qikkjz] {
    padding: 12px 16px;
    display: flex;
    justify-content: flex-end;
}

.icons-container[b-90i9qikkjz] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #a9a9a9;
    width: auto;
}

    .icons-container img[b-90i9qikkjz] {
        width: 20px;
        height: 20px;
        vertical-align: middle;
    }

.search-box[b-90i9qikkjz] {
    position: relative;
    flex-grow: 1;
}

    .search-box input[b-90i9qikkjz] {
        background: #1e1a1c;
        border: 1px solid #332e30;
        border-radius: 20px;
        padding: 8px 12px 8px 35px;
        color: #FFFFFF;
        font-size: 14px;
        width: 250px;
        transition: all 0.3s ease;
        outline: none;
    }

        .search-box input:focus[b-90i9qikkjz] {
            border-color: #555;
            background: #221e20;
        }

    .search-box i[b-90i9qikkjz] {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
    }




@media (max-width: 768px) {
    .search-box input[b-90i9qikkjz] {
        width: 200px;
    }
}


@media (max-width: 576px) {
    .files-card-header[b-90i9qikkjz] {
        justify-content: center;
    }

    .icons-container[b-90i9qikkjz] {
        width: 100%;
        justify-content: space-between;
    }

    .search-box[b-90i9qikkjz] {
        width: 100%;
    }

        .search-box input[b-90i9qikkjz] {
            width: 100%;
        }
}


.dashboard-grid[b-90i9qikkjz] {
    display: flex;
    gap: 20px;
}

.sidebar-panel[b-90i9qikkjz] {
    width: 240px;
    flex-shrink: 0;
}

.main-content-panel[b-90i9qikkjz] {
    flex-grow: 1;
    min-width: 0;
}


.packages-left[b-90i9qikkjz] {
    width: 200px; 
    flex-shrink: 0;
    width: auto;
}
.main-layout-container[b-90i9qikkjz] {
    display: flex;
    gap: 15px;
    align-items: flex-start;
    padding: 15px;
}

    .side-box[b-90i9qikkjz] {
    border: 1px solid #ffffff;
    border-radius:4px;
    overflow: hidden;
}

.side-item[b-90i9qikkjz] {
    padding: 14px;
    text-align: center;
    border-bottom: 1px solid #ffffff;
    font-size: 14px;
    color: #d9e1e7;
    cursor: pointer;
    transition: 0.3s ease;
    overflow-x: auto;
    white-space: nowrap;
}

    .side-item.active[b-90i9qikkjz] {
        color: #ff5533;
    }



 



@media (max-width: 992px) {
    .main-layout-container[b-90i9qikkjz] {
        flex-direction: column;
    }

    .packages-left[b-90i9qikkjz] {
        width: 100%; 
    }

    .side-box[b-90i9qikkjz] {
        display: flex; 
        overflow-x: auto; 
        white-space: nowrap;
        border-bottom: none;
    }

    .side-item[b-90i9qikkjz] {
        border-bottom: none;
        border-right: 1px solid rgba(255, 255, 255, 0.1);
        padding: 10px 20px;
        text-align: center;
        flex: 1; 
    }
}

@media (max-width: 480px) {
    .side-item[b-90i9qikkjz] {
        font-size: 12px;
        padding: 8px 12px;
    }
}





.chart-card[b-90i9qikkjz] {
    background: #262224;
    border: 1px solid #332e30;
    border-radius: 12px;
    padding: 25px;
    height: 260px;
}

.chart-main-wrapper[b-90i9qikkjz] {
    display: flex;
    height: 100%;
    gap: 20px;
}

.chart-y-axis[b-90i9qikkjz] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 10px;
    color: #666;
    text-align: right;
    width: 50px;
    padding-bottom: 25px;
}

.chart-container-mock[b-90i9qikkjz] {
    display: flex;
    flex-grow: 1;
    justify-content: space-around;
    align-items: flex-end;
}

.bar-wrapper[b-90i9qikkjz] {
    width: 30px;
    height: 160px;
    background: #1e1b1c;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.bar-fill[b-90i9qikkjz] {
    width: 100%;
    border-radius: 4px;
    transition: 0.3s;
}

.bar-yellow[b-90i9qikkjz] {
    background: #f39c12;
}

.bar-green[b-90i9qikkjz] {
    background: #2ecc71;
}

.bar-blue[b-90i9qikkjz] {
    background: #3498db;
}

.bar-white[b-90i9qikkjz] {
    background: #bdc3c7;
}

.bar-orange[b-90i9qikkjz] {
    background: #e67e22;
}

.chart-bar-group span[b-90i9qikkjz] {
    font-size: 10px;
    color: #888;
    display: block;
    margin-top: 10px;
    text-align: center;
}


@media (max-width: 1024px) {
    .dashboard-grid[b-90i9qikkjz] {
        flex-direction: column;
    }

    .sidebar-panel[b-90i9qikkjz] {
        width: 100%;
    }
}
.right-panel-card[b-90i9qikkjz] {
    flex-grow: 1;
    background: #262224;
    border: 1px solid #332e30;
    position: relative;
}


.stats-and-bidders-row[b-90i9qikkjz] {
    display: flex;
    border-bottom: 1px solid #332e30;
}

.table-container-scroll[b-90i9qikkjz] {
    overflow-x: auto;
}

.data-table[b-90i9qikkjz] {
    width: 100%;
    border-collapse: collapse;
}

    .data-table th[b-90i9qikkjz] {
        background: #262224;
        padding: 12px;
        text-align: left;
        font-size: 12px;
        color: #aaa;
        border-bottom: 1px solid #332e30;
    }

    .data-table td[b-90i9qikkjz] {
        padding: 12px;
        border-bottom: 1px solid #2d292b;
        font-size: 13px;
    }

.group-header[b-90i9qikkjz] {
    background: #2a2628;
    font-weight: 600;
}

.bid-col[b-90i9qikkjz] {
    background: rgba(255, 255, 255, 0.02);
}

.total-footer[b-90i9qikkjz] {
    background: #1e1b1c;
    font-weight: bold;
}

.total-fill[b-90i9qikkjz] {
    background: #2a2628;
    text-align: center;
}

.bottom-red-indicator[b-90i9qikkjz] {
    height: 4px;
    background: #FF5533;
    width: 150px;
    position: absolute;
    bottom: 0;
}

@media (max-width: 768px) {
    .main-content-layout[b-90i9qikkjz] {
        flex-direction: column;
    }

    .stats-and-bidders-row[b-90i9qikkjz] {
        flex-direction: column;
    }

    .bidder-header-container[b-90i9qikkjz] {
        width: 100%;
    }
}

.notes-box[b-90i9qikkjz] {
    border: 1px solid #FFFFFF;
    width: 91%;
    height: 70%;
    margin-top: 1%;
    margin-left: 9.2%;
    padding: 2%;
    
}

    .notes-box h1[b-90i9qikkjz] {
        font-family: Inter, sans-serif;
        font-weight: 400;
        font-size:    14px;
        letter-spacing: 0%;
    }

.action-buttons[b-90i9qikkjz] {
    display: flex;
    justify-content: end;
    gap: 16px;
    margin-top: 20px;
    color: #FFFFFF;
}

.btn[b-90i9qikkjz] {
    padding: 8px 20px;
    border-radius: 6px;
    font-size: 13px;
    cursor: pointer;
}

    .btn.outline[b-90i9qikkjz] {
        background: transparent;
        border: 1px solid #FFFFFF;
        color: #fff;
    }

    .btn.primary[b-90i9qikkjz] {
        background: #fff;
        color: #000;
    }
/* /Pages/Tender/TenderOfferDetails.razor.rz.scp.css */
body[b-zgsnfpl9dg] {
    background-color: #312C2E;
    margin: 0;
    font-family: 'Inter', sans-serif;
    background: #1e1b1c;
}


.page-wrapper[b-zgsnfpl9dg] {
    font-family: 'Inter', sans-serif;
    padding: 0%;
    min-height: 100vh;
    color: #fff;
}

.page-title-bar[b-zgsnfpl9dg] {
    width: 100%;
    margin-bottom: 20px;
    padding: 0 15px;
}

.title-container[b-zgsnfpl9dg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}

.page-title[b-zgsnfpl9dg] {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: clamp(20px, 5vw, 28px);
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0;
}




@media (max-width: 480px) {
    .title-container[b-zgsnfpl9dg] {
        justify-content: center;
        text-align: center;
    }
}
.overview-tabs[b-zgsnfpl9dg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0%;
    padding: 12px 0;
    border-bottom: 1px solid #2a2a2a;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.tab-item[b-zgsnfpl9dg] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0%;
    font-size: 13px;
    color: #FFFFFF;
    cursor: pointer;
    position: relative;
    padding-bottom: 6px;
    text-decoration: none;
    flex: 0 1 auto;
    transition: all 0.2s ease;
    text-align: center;
}
 
    .tab-item:hover[b-zgsnfpl9dg] {
        color: #FF5533;
    }

    .tab-item.active[b-zgsnfpl9dg] {
        color: #FFFFFF;
    }

        .tab-item.active[b-zgsnfpl9dg]::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 1px;
            width: 100%;
            height: 2px;
            background: #FF5533;
            border-radius: 2px;
        }

@media (max-width: 1200px) {
    .tab-item[b-zgsnfpl9dg] {
        font-size: 10px; 
        font-family: 'Inter', sans-serif;
    }
}

@media (max-width: 1024px) {
    .overview-tabs[b-zgsnfpl9dg] {
       
        justify-content: space-around;
    }
}

.files-card[b-zgsnfpl9dg] {
    background: #262224;
    border: 1px solid #332e30;
    border-radius: 14px;
    width: 100%;
    color: #312C2E;
}

.files-card-header[b-zgsnfpl9dg] {
    padding: 12px 16px;
    display: flex;
    justify-content: flex-end;
}

.icons-container[b-zgsnfpl9dg] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #a9a9a9;
    width: auto;
}

    .icons-container img[b-zgsnfpl9dg] {
        width: 20px;
        height: 20px;
        vertical-align: middle;
    }

.search-box[b-zgsnfpl9dg] {
    position: relative;
    flex-grow: 1;
}

    .search-box input[b-zgsnfpl9dg] {
        background: #1e1a1c;
        border: 1px solid #332e30;
        border-radius: 20px;
        padding: 8px 12px 8px 35px;
        color: #FFFFFF;
        font-size: 14px;
        width: 250px;
        transition: all 0.3s ease;
        outline: none;
    }

        .search-box input:focus[b-zgsnfpl9dg] {
            border-color: #555;
            background: #221e20;
        }

    .search-box i[b-zgsnfpl9dg] {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
    }



@media (max-width: 768px) {
    .search-box input[b-zgsnfpl9dg] {
        width: 200px;
    }
}


@media (max-width: 576px) {
    .files-card-header[b-zgsnfpl9dg] {
        justify-content: center;
    }

    .icons-container[b-zgsnfpl9dg] {
        width: 100%;
        justify-content: space-between;
    }

    .search-box[b-zgsnfpl9dg] {
        width: 100%;
    }

        .search-box input[b-zgsnfpl9dg] {
            width: 100%;
        }
}

.packages-layout[b-zgsnfpl9dg] {
    display: grid;
    grid-template-columns: 200px 1fr 220px;
    gap: 10px;
    margin-top: 20px;
}

.packages-left[b-zgsnfpl9dg] {
    width: 200px;
    flex-shrink: 0;
    width: auto;
}

.main-layout-container[b-zgsnfpl9dg] {
    display: flex;
    gap: 15px;
    align-items: flex-start;
    padding: 15px;
}

.side-box[b-zgsnfpl9dg] {
    border: 1px solid #ffffff;
    border-radius: 4px;
    overflow: hidden;
}

.side-item[b-zgsnfpl9dg] {
    padding: 14px;
    text-align: center;
    border-bottom: 1px solid #ffffff;
    font-size: 14px;
    color: #d9e1e7;
    cursor: pointer;
    transition: 0.3s ease;
    overflow-x: auto;
    white-space: nowrap;
}

    .side-item.active[b-zgsnfpl9dg] {
        color: #ff5533;
    }








@media (max-width: 992px) {
    .main-layout-container[b-zgsnfpl9dg] {
        flex-direction: column;
    }

    .packages-left[b-zgsnfpl9dg] {
        width: 100%;
    }

    .side-box[b-zgsnfpl9dg] {
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
        border-bottom: none;
    }

    .side-item[b-zgsnfpl9dg] {
        border-bottom: none;
        border-right: 1px solid rgba(255, 255, 255, 0.1);
        padding: 10px 20px;
        text-align: center;
        flex: 1;
    }
}

@media (max-width: 480px) {
    .side-item[b-zgsnfpl9dg] {
        font-size: 12px;
        padding: 8px 12px;
    }
}

[b-zgsnfpl9dg]::-webkit-scrollbar {
    width: 6px;
}

[b-zgsnfpl9dg]::-webkit-scrollbar-thumb {
    background: #444;
    border-radius: 10px;
}

.packages-layout[b-zgsnfpl9dg] {
    display: grid;
    grid-template-columns: 220px 1fr 280px;
    gap: 15px;
    margin-top: 15px;
    padding: 0 15px;
}


.content-card[b-zgsnfpl9dg] {
    background: #262224;
    border: 1px solid #332e30;
    border-radius: 12px;
    padding: 20px;
    min-height: 500px;
    display: flex;
    flex-direction: column;
}

.custom-table[b-zgsnfpl9dg] {
    width: 100%;
    border-collapse: collapse;
    color: #fff;
    margin-bottom: 20px;
}

    .custom-table th[b-zgsnfpl9dg] {
        text-align: left;
        padding: 12px;
        border-bottom: 1px solid #3d383a;
        color: #a9a9a9;
        font-size: 13px;
    }

    .custom-table td[b-zgsnfpl9dg] {
        padding: 15px 12px;
        border-bottom: 1px solid #332e30;
    }

.notes-section[b-zgsnfpl9dg] {
    margin-top: auto;
    border: 1px solid #3d383a;
    border-radius: 8px;
    padding: 15px;
}

.notes-area[b-zgsnfpl9dg] {
    width: 100%;
    background: transparent;
    border: none;
    color: white;
    height: 100px;
    resize: none;
    outline: none;
}

.action-buttons[b-zgsnfpl9dg] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 15px;
}

.btn-decline[b-zgsnfpl9dg], .btn-revise[b-zgsnfpl9dg], .btn-award[b-zgsnfpl9dg] {
    background: #1e1a1c;
    border: 1px solid #444;
    color: white;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 13px;
    cursor: pointer;
}


.packages-right[b-zgsnfpl9dg] {
    background: #262224;
    border: 1px solid #332e30;
    border-radius: 12px;
    padding: 15px;
}

.details-tabs[b-zgsnfpl9dg] {
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #332e30;
    margin-bottom: 15px;
}

    .details-tabs span[b-zgsnfpl9dg] {
        padding-bottom: 10px;
        font-size: 13px;
        color: #a9a9a9;
        cursor: pointer;
    }

        .details-tabs span.active[b-zgsnfpl9dg] {
            color: #fff;
            border-bottom: 2px solid #ff5533;
        }

.dist-header[b-zgsnfpl9dg] {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
}

.user-row[b-zgsnfpl9dg] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.avatar[b-zgsnfpl9dg], .avatar-placeholder[b-zgsnfpl9dg] {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #3d383a;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-info strong[b-zgsnfpl9dg] {
    font-size: 13px;
    display: block;
}

.user-info span[b-zgsnfpl9dg] {
    font-size: 11px;
    color: #a9a9a9;
}
/* /Pages/Tender/TenderOfferResponse.razor.rz.scp.css */
body[b-p8at9mj76m] {
    background-color: #312C2E;
    margin: 0;
    font-family: 'Inter', sans-serif;
    background: #1e1b1c;
}

.page-wrapper[b-p8at9mj76m] {
    font-family: 'Inter', sans-serif;
    padding: 0%;
    min-height: 100vh;
    color: #fff;
}

.page-title-bar[b-p8at9mj76m] {
    width: 100%;
    margin-bottom: 20px;
    padding: 0 15px;
}
.title-container[b-p8at9mj76m] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}
.page-title[b-p8at9mj76m] {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: clamp(20px, 5vw, 28px);
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0;
}
@media (max-width: 480px) {
    .title-container[b-p8at9mj76m] {
        justify-content: center;
        text-align: center;
    }
}

.overview-tabs[b-p8at9mj76m] {
    display: flex;
    flex-wrap: wrap;
    gap: 0%;
    padding: 12px 0;
    border-bottom: 1px solid #2a2a2a;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.tab-item[b-p8at9mj76m] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0%;
    font-size: 13px;
    color: #FFFFFF;
    cursor: pointer;
    position: relative;
    padding-bottom: 6px;
    text-decoration: none;
    flex: 0 1 auto;
    transition: all 0.2s ease;
    text-align: center;
}
  

    .tab-item:hover[b-p8at9mj76m] {
        color: #FF5533;
    }
    .tab-item.active[b-p8at9mj76m] {
        color: #FFFFFF;
    }
        .tab-item.active[b-p8at9mj76m]::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 1px;
            width: 100%;
            height: 2px;
            background: #FF5533;
            border-radius: 2px;
        }

@media (max-width: 1200px) {
    .tab-item[b-p8at9mj76m] {
        font-size: 10px;
        font-family: 'Inter', sans-serif;
    }
}

@media (max-width: 1024px) {
    .overview-tabs[b-p8at9mj76m] {
        justify-content: space-around;
    }
}

.files-card[b-p8at9mj76m] {
    background: #262224;
    border: 1px solid #332e30;
    border-radius: 14px;
    width: 100%;
    color: #312C2E;
}

.files-card-header[b-p8at9mj76m] {
    padding: 12px 16px;
    display: flex;
    justify-content: flex-end;
}

.icons-container[b-p8at9mj76m] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #a9a9a9;
    width: auto;
}

    .icons-container img[b-p8at9mj76m] {
        width: 20px;
        height: 20px;
        vertical-align: middle;
    }

.search-box[b-p8at9mj76m] {
    position: relative;
    flex-grow: 1;
}

    .search-box input[b-p8at9mj76m] {
        background: #1e1a1c;
        border: 1px solid #332e30;
        border-radius: 20px;
        padding: 8px 12px 8px 35px;
        color: #FFFFFF;
        font-size: 14px;
        width: 250px;
        transition: all 0.3s ease;
        outline: none;
    }
        .search-box input:focus[b-p8at9mj76m] {
            border-color: #555;
            background: #221e20;
        }
    .search-box i[b-p8at9mj76m] {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
    }


@media (max-width: 768px) {
    .search-box input[b-p8at9mj76m] {
        width: 200px;
    }
}
@media (max-width: 576px) {
    .files-card-header[b-p8at9mj76m] {
        justify-content: center;
    }
    .icons-container[b-p8at9mj76m] {
        width: 100%;
        justify-content: space-between;
    }
    .search-box[b-p8at9mj76m] {
        width: 100%;
    }
        .search-box input[b-p8at9mj76m] {
            width: 100%;
        }
}
.main-dashboard-grid[b-p8at9mj76m] {
    display: grid;
    grid-template-columns: 260px 1fr 300px;
    background: #1e1b1c;
    min-height: 100vh;
    color: #fff;
}
.sidebar-left[b-p8at9mj76m] {
    border-right: 1px solid #FFFFFF1A;
    border-left: 1px solid #FFFFFF1A;
    padding: 15px;
}
.sidebar-card[b-p8at9mj76m] {
    background: #262224;
    border-radius: 6px;
    padding: 12px;
    margin-bottom: 15px;
    position: relative;
    border-right: 4px solid transparent;
}
    .sidebar-card.active[b-p8at9mj76m] {
        border-right-color: #00d1b2;
    }
.card-indicator-green[b-p8at9mj76m] {
    position: absolute;
    right: -4px;
    top: 0;
    height: 100%;
    width: 4px;
    background: #C1C2C3;
}
    .card-indicator-green.dim[b-p8at9mj76m] {
        background: #1AD598;
    }
.card-meta[b-p8at9mj76m] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.bi-three-dots[b-p8at9mj76m] {
    color: #C2C2C2;
    cursor: pointer;
    font-size: 16px;
}
.id-text[b-p8at9mj76m] {
    font-weight: 500;
    font-size: 11px;
    
    color: #C2C2C2;
}
.card-title[b-p8at9mj76m] {
    font-weight: 500;
    color: #FFFFFF;
    font-size: 14px;
    margin: 8px 0;
}
.status-msg[b-p8at9mj76m] {
    font-size: 11px;
    color: #C1C2C3;
    margin: 0; 
}
.red-text[b-p8at9mj76m] {
    color: #DC3545;
}
.grey-text[b-p8at9mj76m] {
    color: #777;
}

.center-content[b-p8at9mj76m] {
    padding: 30px;
}

.co-header-section[b-p8at9mj76m] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.entities-col[b-p8at9mj76m] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.entity-item[b-p8at9mj76m] {
    display: flex;
    gap: 15px;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 1.4;
}

.logo-box[b-p8at9mj76m] {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 20px;
}

.vk-blue[b-p8at9mj76m] {
    background: #4680C2;
}

.ok-orange[b-p8at9mj76m] {
    background: #F68634;
}

.to-label[b-p8at9mj76m] {
    margin-left: 63px;
    font-weight: bold;
    color: #666;
    font-size: 11px;
}

.order-meta[b-p8at9mj76m] {
    text-align: right;
}

.order-id[b-p8at9mj76m] {
    font-size: 18px;
    font-weight:400;
    color: #94A3B8;
    margin-bottom: 12px;
}

.white-text[b-p8at9mj76m] {
    color: #FFFFFF;
}

.meta-row[b-p8at9mj76m] {
    font-weight: 400;
    color: #94A3B8;
    font-size: 12px;
    margin-bottom: 4px;
   
}

    .meta-row span[b-p8at9mj76m] {
        color: #888;
        margin-right: 15px;
    }




.summary-card-container[b-p8at9mj76m] {
    position: relative;
    margin-bottom: 20px;
}

.summary-card[b-p8at9mj76m] {
    background: #262224;
    border: 1px solid #FFFFFF1A;
    border-radius: 14px;
    padding: 25px;
}

.summary-header[b-p8at9mj76m] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

    .summary-header h3[b-p8at9mj76m] {
        font-size: 16px;
        font-weight: 500;
        color: #FFFFFF;
        margin: 0;
    }

.summary-scroll-area[b-p8at9mj76m] {
    font-size: 13px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.6;
    max-height: 300px;
    overflow: hidden;
}

.custom-scroll-handle[b-p8at9mj76m] {
    position: absolute;
    right: 10px;
    top: 100px;
    width: 6px;
    height: 60px;
    background: #D9D9D9;
    color: #FFFFFF;
    border-radius: 10px;
    opacity: 0.9;
}

.summary-footer[b-p8at9mj76m] {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #332e30;
}

.attachment-count[b-p8at9mj76m] {
    font-size: 12px;
    color: #FFFFFF;
    margin-bottom: 10px;
}
.bi bi-paperclip[b-p8at9mj76m] {
    color: #C1C2C3;
    height:20px;
    width:20px;
}

.attachment-list[b-p8at9mj76m] {
    display: flex;
    gap: 15px;
}

.file-icon[b-p8at9mj76m] {
    font-size: 13px;
    color: #C1C2C3;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 5px;

}


.ai-input-wrapper[b-p8at9mj76m] {
    background: #262224;
    border: 1px solid #FFFFFF1A;
    border-radius: 8px;
    padding: 12px 15px;
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

    .ai-input-wrapper input[b-p8at9mj76m] {
        background: transparent;
        border: none;
        color: #94A3B8;
        flex: 1;
        outline: none;
        font-size: 13px;
        font-weight: 400;
    }

    .ai-input-wrapper i[b-p8at9mj76m] {
        color: #C2C2C2;
        cursor: pointer;
    }


.footer-buttons[b-p8at9mj76m] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.btn-sec[b-p8at9mj76m] {
    background: #262224;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 13px;
}




.sidebar-right[b-p8at9mj76m] {
    border-left: 1px solid #312C2E;
    padding: 10px;
}

.right-tabs[b-p8at9mj76m] {
    display: flex;
    gap: 30px;
    border-bottom: 1px solid #231F20;
    margin-bottom: 12px;
}

.query-span[b-p8at9mj76m] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
}

.right-tabs .active[b-p8at9mj76m] {
    color: #fff;
    border-bottom: 2px solid #FF5433;
}


.timeline-container[b-p8at9mj76m] {
    padding-left: 10px;
}

.timeline-node[b-p8at9mj76m] {
    position: relative;
    padding-left: 25px;
    border-left: 1px solid #444;
    padding-bottom: 30px;
}

.node-dot[b-p8at9mj76m] {
    position: absolute;
    left: -6px;
    top: 0;
    width: 18px;
    height: 18px;
    background: #C1C2C3;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
}

    .node-dot.active[b-p8at9mj76m] {
        background: #fff;
    }

.node-content[b-p8at9mj76m] {
    font-size: 14px;
    font-weight: 400;
    top: -3px;
    position: relative;
    color: #FFFFFF;
}
.node-content[b-p8at9mj76m] {
    font-size: 12px;
    font-weight: 500;
    top: -3px;
    position: relative;
    color: #FFFFFF;
}
.sub-timeline[b-p8at9mj76m] {
    margin-top: 15px;
    border-left: 1px solid #444;
    padding-left: 15px;
}

.sub-node[b-p8at9mj76m] {
    margin-bottom: 15px;
    position: relative;
    font-size: 11px;
}

.sub-dot[b-p8at9mj76m] {
    position: absolute;
    left: -20px;
    top: 5px;
    width: 8px;
    height: 8px;
    background: #777;
    border-radius: 50%;
}


@media (max-width: 1200px) {
    .main-dashboard-grid[b-p8at9mj76m] {
        grid-template-columns: 1fr;
    }

    .sidebar-left[b-p8at9mj76m], .sidebar-right[b-p8at9mj76m] {
        border: none;
    }
}
/* /Pages/Tender/TenderOfferReviewerRemarks.razor.rz.scp.css */
body[b-m3nwp65sox] {
    background-color: #312C2E;
    margin: 0;
    font-family: 'Inter', sans-serif;
    background: #1e1b1c;
}

.page-wrapper[b-m3nwp65sox] {
    font-family: 'Inter', sans-serif;
    padding: 0%;
    min-height: 100vh;
    color: #fff;
    
}

.page-title-bar[b-m3nwp65sox] {
    width: 100%;
    margin-bottom: 20px;
    padding: 0 15px;
}
.title-container[b-m3nwp65sox] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}
.page-title[b-m3nwp65sox] {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: clamp(20px, 5vw, 28px);
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0;
}
@media (max-width: 480px) {
    .title-container[b-m3nwp65sox] {
        justify-content: center;
        text-align: center;
    }
}

.overview-tabs[b-m3nwp65sox] {
    display: flex;
    flex-wrap: wrap;
    gap: 0%;
    padding: 12px 0;
    border-bottom: 1px solid #2a2a2a;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.tab-item[b-m3nwp65sox] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0%;
    font-size: 13px;
    color: #FFFFFF;
    cursor: pointer;
    position: relative;
    padding-bottom: 6px;
    text-decoration: none;
    flex: 0 1 auto;
    transition: all 0.2s ease;
    text-align: center;
}
 
    .tab-item:hover[b-m3nwp65sox] {
        color: #FF5533;
    }
    .tab-item.active[b-m3nwp65sox] {
        color: #FFFFFF;
    }
        .tab-item.active[b-m3nwp65sox]::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 1px;
            width: 100%;
            height: 2px;
            background: #FF5533;
            border-radius: 2px;
        }
@media (max-width: 1200px) {
    .tab-item[b-m3nwp65sox] {
        font-size: 10px;
        font-family: 'Inter', sans-serif;
    }
}
@media (max-width: 1024px) {
    .overview-tabs[b-m3nwp65sox] {
        justify-content: space-around;
    }
}

.files-card[b-m3nwp65sox] {
    background: #262224;
    border: 1px solid #332e30;
    border-radius: 14px;
    width: 100%;
    color: #312C2E;
}

.files-card-header[b-m3nwp65sox] {
    padding: 12px 16px;
    display: flex;
    justify-content: flex-end;
}

.icons-container[b-m3nwp65sox] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #a9a9a9;
    width: auto;
}

    .icons-container img[b-m3nwp65sox] {
        width: 20px;
        height: 20px;
        vertical-align: middle;
    }

.search-box[b-m3nwp65sox] {
    position: relative;
    flex-grow: 1;
}

    .search-box input[b-m3nwp65sox] {
        background: #1e1a1c;
        border: 1px solid #332e30;
        border-radius: 20px;
        padding: 8px 12px 8px 35px;
        color: #FFFFFF;
        font-size: 14px;
        width: 250px;
        transition: all 0.3s ease;
        outline: none;
    }

        .search-box input:focus[b-m3nwp65sox] {
            border-color: #555;
            background: #221e20;
        }

    .search-box i[b-m3nwp65sox] {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
    }




@media (max-width: 768px) {
    .search-box input[b-m3nwp65sox] {
        width: 200px;
    }
}


@media (max-width: 576px) {
    .files-card-header[b-m3nwp65sox] {
        justify-content: center;
    }

    .icons-container[b-m3nwp65sox] {
        width: 100%;
        justify-content: space-between;
    }

    .search-box[b-m3nwp65sox] {
        width: 100%;
    }

        .search-box input[b-m3nwp65sox] {
            width: 100%;
        }
}

.packages-layout[b-m3nwp65sox] {
    display: grid;
    grid-template-columns: 200px 1fr 220px;
    gap: 10px;
    margin-top: 20px;
  
}

.packages-left[b-m3nwp65sox] {
    width: 200px; 
    flex-shrink: 0;
    width: auto;
}

.main-layout-container[b-m3nwp65sox] {
    display: flex;
    gap: 15px;
    align-items: flex-start;
    padding: 15px;
}

.side-box[b-m3nwp65sox] {
    border: 1px solid #ffffff;
    border-radius: 4px;
    overflow: hidden;
}

.side-item[b-m3nwp65sox] {
    padding: 14px;
    text-align: center;
    border-bottom: 1px solid #ffffff;
    font-size: 14px;
    color: #d9e1e7;
    cursor: pointer;
    transition: 0.3s ease;
    overflow-x: auto;
    white-space: nowrap;
}

    .side-item.active[b-m3nwp65sox] {
        color: #ff5533;
    }








@media (max-width: 992px) {
    .main-layout-container[b-m3nwp65sox] {
        flex-direction: column;
    }

    .packages-left[b-m3nwp65sox] {
        width: 100%;
    }

    .side-box[b-m3nwp65sox] {
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
        border-bottom: none;
    }

    .side-item[b-m3nwp65sox] {
        border-bottom: none;
        border-right: 1px solid rgba(255, 255, 255, 0.1);
        padding: 10px 20px;
        text-align: center;
        flex: 1;
    }
}

@media (max-width: 480px) {
    .side-item[b-m3nwp65sox] {
        font-size: 12px;
        padding: 8px 12px;
    }
}

[b-m3nwp65sox]::-webkit-scrollbar {
    width: 6px;
}

[b-m3nwp65sox]::-webkit-scrollbar-thumb {
    background: #444;
    border-radius: 10px;
}

.packages-layout[b-m3nwp65sox] {
    display: grid;
    grid-template-columns: 220px 1fr 280px; 
    gap: 15px;
    margin-top: 15px;
    padding: 0 15px;
}


.content-card[b-m3nwp65sox] {
    background: #262224;
    border: 1px solid #332e30;
    border-radius: 12px;
    padding: 20px;
    min-height: 500px;
    display: flex;
    flex-direction: column;
}

.custom-table[b-m3nwp65sox] {
    width: 100%;
    border-collapse: collapse;
    color: #fff;
    margin-bottom: 20px;
}

    .custom-table th[b-m3nwp65sox] {
        text-align: left;
        padding: 12px;
        border-bottom: 1px solid #3d383a;
        color: #a9a9a9;
        font-size: 13px;
    }

    .custom-table td[b-m3nwp65sox] {
        padding: 15px 12px;
        border-bottom: 1px solid #332e30;
    }

.notes-section[b-m3nwp65sox] {
    margin-top: auto;
    border: 1px solid #3d383a;
    border-radius: 8px;
    padding: 15px;
}

.notes-area[b-m3nwp65sox] {
    width: 100%;
    background: transparent;
    border: none;
    color: white;
    height: 100px;
    resize: none;
    outline: none;
}

.action-buttons[b-m3nwp65sox] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 15px;
}

.btn-decline[b-m3nwp65sox], .btn-revise[b-m3nwp65sox], .btn-award[b-m3nwp65sox] {
    background: #1e1a1c;
    border: 1px solid #444;
    color: white;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 13px;
    cursor: pointer;
}


.packages-right[b-m3nwp65sox] {
    background: #262224;
    border: 1px solid #332e30;
    border-radius: 12px;
    padding: 15px;
}

.details-tabs[b-m3nwp65sox] {
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #332e30;
    margin-bottom: 15px;
}

    .details-tabs span[b-m3nwp65sox] {
        padding-bottom: 10px;
        font-size: 13px;
        color: #a9a9a9;
        cursor: pointer;
    }

        .details-tabs span.active[b-m3nwp65sox] {
            color: #fff;
            border-bottom: 2px solid #ff5533;
        }

.dist-header[b-m3nwp65sox] {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
}

.user-row[b-m3nwp65sox] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.avatar[b-m3nwp65sox], .avatar-placeholder[b-m3nwp65sox] {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #3d383a;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-info strong[b-m3nwp65sox] {
    font-size: 13px;
    display: block;
}

.user-info span[b-m3nwp65sox] {
    font-size: 11px;
    color: #a9a9a9;
}
/* /Pages/Tender/TenderQueries.razor.rz.scp.css */
body[b-fgwnp4hgzx] {
    background-color: #312C2E !important;
    margin: 0;
    font-family: 'Inter', sans-serif;
    background: #312C2E;
}

.page-wrapper[b-fgwnp4hgzx] {
    color: #fff;
    font-family: 'Inter', sans-serif;
    height:auto;
    padding:1%;
}

.page-title-bar[b-fgwnp4hgzx] {
    width: 100%;
    margin-bottom: 20px;
    padding: 0 15px;
}

.title-container[b-fgwnp4hgzx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}

.page-title[b-fgwnp4hgzx] {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: clamp(20px, 5vw, 28px);
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0;
    font-size: 24px;
    margin-bottom: 15px;
}

.overview-tabs[b-fgwnp4hgzx] {
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
    padding: 12px 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 25px;
}

    .overview-tabs[b-fgwnp4hgzx]::-webkit-scrollbar {
        display: none;
    }

.tab-item[b-fgwnp4hgzx] {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #888;
    cursor: pointer;
    white-space: nowrap;
}

    .tab-item.active[b-fgwnp4hgzx] {
        color: #fff;
        border-bottom: 2px solid #FF5533;
        padding-bottom: 11px;
    }
.files-card[b-fgwnp4hgzx] {
    background: #262224;
    border: 1px solid #332e30;
    border-radius: 14px;
    width: 100%;
    color: #312C2E;
}

.files-card-header[b-fgwnp4hgzx] {
    padding: 12px 16px;
    display: flex;
    justify-content: flex-end;
    height: 40px;
}

.icons-container[b-fgwnp4hgzx] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #a9a9a9;
    width: auto;
    cursor:pointer;
}

    .icons-container img[b-fgwnp4hgzx] {
        width: 20px;
        height: 20px;
        vertical-align: middle;
    }

.search-box[b-fgwnp4hgzx] {
    position: relative;
    flex-grow: 1;
}

    .search-box input[b-fgwnp4hgzx] {
        background: #1e1a1c;
        border: 1px solid #332e30;
        border-radius: 20px;
        padding: 8px 12px 8px 35px;
        color: #FFFFFF;
        font-size: 14px;
        width: 250px;
        transition: all 0.3s ease;
        outline: none;
    }

        .search-box input:focus[b-fgwnp4hgzx] {
            border-color: #555;
            background: #221e20;
        }

    .search-box i[b-fgwnp4hgzx] {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
    }




.queries-layout[b-fgwnp4hgzx] {
    display: grid;
    border: 1px solid #312C2E;
    grid-template-columns: 300px 1fr 320px;
    height: 100%;
    margin: 1%;
}
.queries-left[b-fgwnp4hgzx] {
    border-right: 1px solid #312C2E;
    padding: 4px;
    overflow-y: auto;
}

.status-cards[b-fgwnp4hgzx] {
    display: flex;
    gap: 8px;
    margin-bottom: 16px;
}

.status-card[b-fgwnp4hgzx] {
    width: 52px;
    height: 52px;
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #000;
}

.blue[b-fgwnp4hgzx] {
    background: #55ADE1
}

.red[b-fgwnp4hgzx] {
    background: #DC3545
}

.green[b-fgwnp4hgzx] {
    background: #35DBAE
}

.yellow[b-fgwnp4hgzx] {
    background: #EEBF53
}

.gray[b-fgwnp4hgzx] {
    background: #C1C2C3
}

.query-item[b-fgwnp4hgzx] {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 10px;
    cursor: pointer;
}

    .query-item.active[b-fgwnp4hgzx] {
        background: #1e1a1c;
    }

.indicator[b-fgwnp4hgzx] {
    width: 4px;
    height: 80px;
    border-radius: 2px;
}

    .indicator.green[b-fgwnp4hgzx] {
        background: #35DBAE
    }

    .indicator.red[b-fgwnp4hgzx] {
        background: #DC3545
    }

.query-text .p[b-fgwnp4hgzx] {
    font-weight: 400;
    font-size: 11px;
    font-family: 'Inter', sans-serif;
    margin: 0;
    color: #FFFFFF;
}

.date[b-fgwnp4hgzx] {
    margin-left: auto;
    font-size: 12px;
    color: #888;
}
.queries-center[b-fgwnp4hgzx] {
    padding: 16px;
    overflow-y: auto;
}
.query-header[b-fgwnp4hgzx] {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
}
.query-id[b-fgwnp4hgzx] {
    font-family: 'Inter', sans-serif;
    font-weight:400;
    color: #aaa;
    font-size: 13px;
}

.query-title[b-fgwnp4hgzx] {
    font-family: 'Inter', sans-serif;
    font-weight:500;
    margin: 4px 0 0;
    font-size: 22px;
}

.actions i[b-fgwnp4hgzx] {
    justify-content:flex-end;
    align-items:center;
    margin-top:35px;
    cursor: pointer;
    padding:10px;
}

.message-card active[b-fgwnp4hgzx] {
    background: #312C2E;
    border-radius: 10px;
    padding: 16px;
}
.action i[b-fgwnp4hgzx] {
    justify-content: flex-end;
    align-items: center;
    cursor: pointer;
    padding: 10px;
}
.msg-header[b-fgwnp4hgzx] {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: #aaa;
}

.attachments[b-fgwnp4hgzx] {
    margin-top: 12px;
}

    .attachments .files span[b-fgwnp4hgzx] {
        display: inline-block;
        margin-right: 8px;
        background: #262224;
        padding: 6px 10px;
        border-radius: 6px;
        font-size: 12px;
    }
   
.message-card[b-fgwnp4hgzx] {
    background: #2c282a;
    border-radius: 14px;
    padding: 22px;
}

.message-top[b-fgwnp4hgzx] {
    display: flex;
    gap: 14px;
    align-items: center;
    margin-bottom: 20px;
}

.profile-circle[b-fgwnp4hgzx] {
    width: 49px;
    height: 49px;
    border-radius: 50%;
    border: 2px solid #6f6f6f;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #bdbdbd;
}

.sender-info span[b-fgwnp4hgzx] {
    font-size: 13px;
    color: #aaa;
    display: block;
}


.message-body p[b-fgwnp4hgzx] {
    margin: 0 0 16px;
    font-size: 14px;
    line-height: 1.7;
    color: #e6e6e6;
}


.attach-title[b-fgwnp4hgzx] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 22px 0 12px;
    color: #dcdcdc;
}

.files[b-fgwnp4hgzx] {
    display: flex;
    gap: 5px;
}

.file[b-fgwnp4hgzx] {
    display: flex;
   
    flex-direction: column;
    align-items: center;
    font-size: 12px;
    color: #ccc;
}

.file i[b-fgwnp4hgzx] {
    font-size: 26px;
    color: #cfcfcf;
    margin-bottom: 4px;
}


.queries-right[b-fgwnp4hgzx] {
    border-left: 1px solid #231F20;
    padding: 12px;
  
}

.right-tabs[b-fgwnp4hgzx] {
    display: flex;
    gap: 30px;
    border-bottom: 1px solid #231F20;
    margin-bottom: 12px;
}

    .query-span[b-fgwnp4hgzx] {
        font-family: 'Inter', sans-serif;
        font-size: 14px;
        font-weight: 500;
        color: #FFFFFF;
    }

    .right-tabs .active[b-fgwnp4hgzx] {
        color: #fff;
        border-bottom: 2px solid #FF5433;
    }

.user[b-fgwnp4hgzx] {
    display: flex;
    border-bottom: 1px solid #FFFFFF1A;
    gap: 10px;
    margin: 12px 0;
}

.avatar[b-fgwnp4hgzx] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #555;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}
.message-card1[b-fgwnp4hgzx]{
    margin-top:15px;
}
/* /Pages/Tender/TenderSelectBidders.razor.rz.scp.css */
body[b-g1jsrx37yx] {
    background: #312C2E;
    margin: 0;
    font-family: 'Inter', sans-serif;
}

.page-wrapper[b-g1jsrx37yx] {
    color: #fff;
    padding: 0 15px 30px;
}

.page-title[b-g1jsrx37yx] {
    font-size: 28px;
    font-weight: 600;
    margin: 20px 0;
}

.content-layout[b-g1jsrx37yx] {
    border: 1px solid #312C2E;
    width: 100%;
}

.content-card[b-g1jsrx37yx] {
    display: flex;
    gap: 16px;
    background: #1F1C1D;
    border-radius: 12px;
    padding: 16px;
}

.filter-panel[b-g1jsrx37yx] {
    width: 260px;
    background: #1F1C1D;
    padding: 16px;
    border-right: 2px solid #312C2E;
}

.filter-group[b-g1jsrx37yx] {
    margin-bottom: 16px;
}

    .filter-group label[b-g1jsrx37yx] {
        font-size: 14px;
        font-weight: 500;
        font-family: 'Inter', sans-serif;
        color: #ccc;
        margin-bottom: 6px;
        display: block;
    }

    .filter-group select[b-g1jsrx37yx] {
        width: 100%;
        background: #2A2627;
        border: 1px solid #3A3637;
        color: #fff;
        padding: 10px;
        border-radius: 6px;
    }

.table-section[b-g1jsrx37yx] {
    flex: 1;
    background: #1F1C1D;
    padding: 12px;
    margin-top: 1.5%;
}

.table-top[b-g1jsrx37yx] {
    width: 100%;
}

.table-actions-header[b-g1jsrx37yx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px;
    justify-content: flex-end;
    padding: 0px 20px;
    border: 1px solid #312C2E;
    background-color: #2A2527;
    margin-bottom: 12px;
}

.actions-left[b-g1jsrx37yx] {
    flex: 1;
}

.actions-right[b-g1jsrx37yx] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.action-icon-btn[b-g1jsrx37yx] {
    background: transparent;
    border: none;
    color: #aaa;
    cursor: pointer;
    font-size: 16px;
}

.search-input-wrapper[b-g1jsrx37yx] {
    display: flex;
    align-items: center;
    background: #1e1b1c;
    border: 1px solid #3d3739;
    border-radius: 6px;
    padding: 4px 12px;
}

    .search-input-wrapper i[b-g1jsrx37yx] {
        color: #888;
        font-size: 12px;
    }

    .search-input-wrapper input[b-g1jsrx37yx] {
        background: transparent;
        border: none;
        color: white;
        padding-left: 8px;
        font-size: 13px;
        outline: none;
        width: 140px;
    }

.table-wrapper[b-g1jsrx37yx] {
    overflow-x: auto;
}

table[b-g1jsrx37yx] {
    width: 100%;
    border-collapse: collapse;
}

thead th[b-g1jsrx37yx] {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    color: #ddd;
    text-align: left;
    padding: 12px;
    border-bottom: 1px solid #3A3637;
}

tbody td[b-g1jsrx37yx] {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    padding: 14px 12px;
    border-bottom: 1px solid #2F2B2C;
    color: #bbb;
}

thead span[b-g1jsrx37yx] {
    font-size: 11px;
    margin-left: 4px;
    opacity: 0.6;
}

.form-footer[b-g1jsrx37yx] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin: 30px;
}

.btn-dark-outline[b-g1jsrx37yx] {
    background: #262324;
    border: none;
    color: white;
    padding: 8px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}

.btn-next[b-g1jsrx37yx] {
    background: #FF5533;
    border: none;
    color: #FFFFFF;
    padding: 6px 16px;
    border-radius: 6px;
    font-weight: 500;
}

.content-card[b-g1jsrx37yx] {
    flex-wrap: wrap;
}


.filter-panel[b-g1jsrx37yx] {
    flex: 0 0 260px;
}

.table-section[b-g1jsrx37yx] {
    flex: 1 1 auto;
    min-width: 0;
}


@media (max-width: 992px) {

    .filter-panel[b-g1jsrx37yx] {
        flex: 1 1 100%;
        width: 100%;
    }

    .table-section[b-g1jsrx37yx] {
        flex: 1 1 100%;
    }
}


@media (max-width: 576px) {

    .content-card[b-g1jsrx37yx] {
        padding: 10px;
    }

    .table-actions-header[b-g1jsrx37yx] {
        width: 100%;
    }

    .actions-right[b-g1jsrx37yx] {
        width: 100%;
    }

    .search-input-wrapper[b-g1jsrx37yx] {
        flex: 1;
    }

    table[b-g1jsrx37yx] {
        min-width: 100%;
    }
}
/* /Pages/Tender/TenderSubmissions.razor.rz.scp.css */
body[b-68kkwpg6cj] {
    background-color: #312C2E !important;
    margin: 0;
    font-family: 'Inter', sans-serif;
    background: #312C2E;
}

.page-wrapper[b-68kkwpg6cj] {
    color: #fff;
    font-family: 'Inter', sans-serif;
    height: auto;
    padding: 1%;
}

.page-title-bar[b-68kkwpg6cj] {
    width: 100%;
    margin-bottom: 20px;
    padding: 0 15px;
}

.title-container[b-68kkwpg6cj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}

.page-title[b-68kkwpg6cj] {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: clamp(20px, 5vw, 28px);
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0;
    font-size: 24px;
    margin-bottom: 15px;
}

.overview-tabs[b-68kkwpg6cj] {
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
    padding: 12px 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 25px;
}

    .overview-tabs[b-68kkwpg6cj]::-webkit-scrollbar {
        display: none;
    }

.tab-item[b-68kkwpg6cj] {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #888;
    cursor: pointer;
    white-space: nowrap;
}

    .tab-item.active[b-68kkwpg6cj] {
        color: #fff;
        border-bottom: 2px solid #FF5533;
        padding-bottom: 11px;
    }

@media (max-width: 1200px) {
    .tab-item[b-68kkwpg6cj] {
        font-size: 10px;
        font-family: 'Inter', sans-serif;
    }
}

@media (max-width: 1024px) {
    .overview-tabs[b-68kkwpg6cj] {
        justify-content: space-around;
    }
}




.main-dashboard-grid[b-68kkwpg6cj] {
    display: grid;
    grid-template-columns: 260px 1fr 300px;
    background: #1e1b1c;
    min-height: 100vh;
    color: #fff;
    border: 1px solid #FFFFFF1A;
}

.sidebar-left[b-68kkwpg6cj] {
    border-right: 1px solid #FFFFFF1A;
    border-left: 1px solid #FFFFFF1A;
    padding: 15px;
}

.sidebar-card[b-68kkwpg6cj] {
    background: #262224;
    border-radius: 6px;
    padding: 12px;
    margin-bottom: 15px;
    position: relative;
    border-right: 4px solid transparent;
}

    .sidebar-card.active[b-68kkwpg6cj] {
        border-right-color: #00d1b2;
    }

.card-indicator-green[b-68kkwpg6cj] {
    position: absolute;
    right: -4px;
    top: 0;
    height: 100%;
    width: 4px;
    background: #C1C2C3;
}

    .card-indicator-green.dim[b-68kkwpg6cj] {
        background: #1AD598;
    }

.card-meta[b-68kkwpg6cj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.bi-three-dots[b-68kkwpg6cj] {
    color: #C2C2C2;
    cursor: pointer;
    font-size: 16px;
}

.id-text[b-68kkwpg6cj] {
    font-weight: 500;
    font-size: 11px;
    color: #C2C2C2;
}

.card-title[b-68kkwpg6cj] {
    font-weight: 500;
    color: #FFFFFF;
    font-size: 14px;
    margin: 8px 0;
}

.status-msg[b-68kkwpg6cj] {
    font-size: 11px;
    color: #C1C2C3;
    margin: 0;
}

.red-text[b-68kkwpg6cj] {
    color: #DC3545;
}

.grey-text[b-68kkwpg6cj] {
    color: #777;
}

.center-content[b-68kkwpg6cj] {
    padding: 30px;
}

.co-header-section[b-68kkwpg6cj] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.entities-col[b-68kkwpg6cj] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.entity-item[b-68kkwpg6cj] {
    display: flex;
    gap: 15px;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 1.4;
}

.logo-box[b-68kkwpg6cj] {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 20px;
}

.vk-blue[b-68kkwpg6cj] {
    background: #4680C2;
}

.ok-orange[b-68kkwpg6cj] {
    background: #F68634;
}

.to-label[b-68kkwpg6cj] {
    margin-left: 63px;
    font-weight: bold;
    color: #666;
    font-size: 11px;
}

.order-meta[b-68kkwpg6cj] {
    text-align: right;
}

.order-id[b-68kkwpg6cj] {
    font-size: 18px;
    font-weight: 400;
    color: #94A3B8;
    margin-bottom: 12px;
}

.white-text[b-68kkwpg6cj] {
    color: #FFFFFF;
}

.meta-row[b-68kkwpg6cj] {
    font-weight: 400;
    color: #94A3B8;
    font-size: 12px;
    margin-bottom: 4px;
}

    .meta-row span[b-68kkwpg6cj] {
        color: #888;
        margin-right: 15px;
    }




.summary-card-container[b-68kkwpg6cj] {
    position: relative;
    margin-bottom: 20px;
}

.summary-card[b-68kkwpg6cj] {
    background: #262224;
    border: 1px solid #FFFFFF1A;
    border-radius: 14px;
    padding: 25px;
}

.summary-header[b-68kkwpg6cj] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

    .summary-header h3[b-68kkwpg6cj] {
        font-size: 16px;
        font-weight: 500;
        color: #FFFFFF;
        margin: 0;
    }

.summary-scroll-area[b-68kkwpg6cj] {
    font-size: 13px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.6;
    max-height: 300px;
    overflow: hidden;
}

.custom-scroll-handle[b-68kkwpg6cj] {
    position: absolute;
    right: 10px;
    top: 100px;
    width: 6px;
    height: 60px;
    background: #D9D9D9;
    color: #FFFFFF;
    border-radius: 10px;
    opacity: 0.9;
}
.summary-footer[b-68kkwpg6cj] {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #332e30;
}
.attachment-count[b-68kkwpg6cj] {
    font-size: 12px;
    color: #FFFFFF;
    margin-bottom: 10px;
}
.bi bi-paperclip[b-68kkwpg6cj] {
    color: #C1C2C3;
    height: 20px;
    width: 20px;
}
.attachment-list[b-68kkwpg6cj] {
    display: flex;
    gap: 15px;
}
.file-icon[b-68kkwpg6cj] {
    font-size: 13px;
    color: #C1C2C3;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 5px;
}
.ai-input-wrapper[b-68kkwpg6cj] {
    background: #262224;
    border: 1px solid #FFFFFF1A;
    border-radius: 8px;
    padding: 12px 15px;
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}
    .ai-input-wrapper input[b-68kkwpg6cj] {
        background: transparent;
        border: none;
        color: #94A3B8;
        flex: 1;
        outline: none;
        font-size: 13px;
        font-weight: 400;
    }
    .ai-input-wrapper i[b-68kkwpg6cj] {
        color: #C2C2C2;
        cursor: pointer;
    }
.footer-buttons[b-68kkwpg6cj] {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}
.btn-sec[b-68kkwpg6cj] {
    background: #FF5533;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 13px;
}
.btn-two[b-68kkwpg6cj] {
    background: #FFFFFF1A;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 13px;
}
.sidebar-right[b-68kkwpg6cj] {
    border-left: 1px solid #312C2E;
    padding: 10px;
}

.right-tabs[b-68kkwpg6cj] {
    display: flex;
    gap: 20px;
    border-bottom: 1px solid #FFFFFF1A;
    margin-bottom: 12px;
}

.query-span[b-68kkwpg6cj] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
}

.right-tabs .active[b-68kkwpg6cj] {
    color: #fff;
    border-bottom: 2px solid #FF5433;
}


.timeline-container[b-68kkwpg6cj] {
    padding-left: 10px;
}

.timeline-node[b-68kkwpg6cj] {
    position: relative;
    padding-left: 25px;
    border-left: 1px solid #444;
    padding-bottom: 30px;
}

.node-dot[b-68kkwpg6cj] {
    position: absolute;
    left: -6px;
    top: 0;
    width: 18px;
    height: 18px;
    background: #C1C2C3;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
}

    .node-dot.active[b-68kkwpg6cj] {
        background: #fff;
    }

.node-content[b-68kkwpg6cj] {
    font-size: 14px;
    font-weight: 400;
    top: -3px;
    position: relative;
    color: #FFFFFF;
}

.node-content[b-68kkwpg6cj] {
    font-size: 12px;
    font-weight: 500;
    top: -3px;
    position: relative;
    color: #FFFFFF;
}

.sub-timeline[b-68kkwpg6cj] {
    margin-top: 15px;
    border-left: 1px solid #444;
    padding-left: 15px;
}

.sub-node[b-68kkwpg6cj] {
    margin-bottom: 15px;
    position: relative;
    font-size: 11px;
}

.sub-dot[b-68kkwpg6cj] {
    position: absolute;
    left: -20px;
    top: 5px;
    width: 8px;
    height: 8px;
    background: #777;
    border-radius: 50%;
}


@media (max-width: 1200px) {
    .main-dashboard-grid[b-68kkwpg6cj] {
        grid-template-columns: 1fr;
    }

    .sidebar-left[b-68kkwpg6cj], .sidebar-right[b-68kkwpg6cj] {
        border: none;
    }
}
/* /Pages/Tender/TenderSubPackage.razor.rz.scp.css */
body[b-xt363y64am] {
    background-color: #312C2E;
    margin: 0;
    font-family: 'Inter', sans-serif;
    background: #1e1b1c;
}


.page-wrapper[b-xt363y64am] {
    font-family: 'Inter', sans-serif;
    padding: 0%;
    min-height: 100vh;
    color: #fff;
}


.page-title-bar[b-xt363y64am] {
    width: 100%;
    margin-bottom: 20px;
    padding: 0 15px;
}

.title-container[b-xt363y64am] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}

.page-title[b-xt363y64am] {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: clamp(20px, 5vw, 28px);
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0;
}

.add-package-container[b-xt363y64am] {
    height: auto;
    gap: 16px;
}

.btn-add-package[b-xt363y64am] {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: clamp(20px, 4vw, 14px);
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0%;
    color: #FFFFFF;
    background: #FF5533;
    padding: 8px 16px;
    border-radius: 4px;
    margin: 0;
    border: none;
}

@media (max-width: 480px) {
    .title-container[b-xt363y64am] {
        justify-content: center;
        text-align: center;
    }
}




.overview-tabs[b-xt363y64am] {
    display: flex;
    flex-wrap: wrap;
    gap: 0%;
    padding: 12px 0;
    border-bottom: 1px solid #2a2a2a;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.tab-item[b-xt363y64am] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0%;
    font-size: 13px;
    color: #FFFFFF;
    cursor: pointer;
    position: relative;
    padding-bottom: 6px;
    text-decoration: none;
    flex: 0 1 auto;
    transition: all 0.2s ease;
    text-align: center;
}
    
    .tab-item:hover[b-xt363y64am] {
        color: #FF5533;
    }

    .tab-item.active[b-xt363y64am] {
        color: #FFFFFF;
    }

        .tab-item.active[b-xt363y64am]::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 1px;
            width: 100%;
            height: 2px;
            background: #FF5533;
            border-radius: 2px;
        }

@media (max-width: 1200px) {
    .tab-item[b-xt363y64am] {
        font-size: 10px; 
        font-family: 'Inter', sans-serif;
    }
}

@media (max-width: 1024px) {
    .overview-tabs[b-xt363y64am] {
       
        justify-content: space-around;
    }
}

.files-card[b-xt363y64am] {
    background: #262224;
    border: 1px solid #332e30;
    border-radius: 14px;
    width: 100%;
}

.files-card-header[b-xt363y64am] {
    padding: 12px 16px;
    display: flex;
    justify-content: flex-end;
}

.icons-container[b-xt363y64am] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #a9a9a9;
    width: auto;
}

    .icons-container img[b-xt363y64am] {
        width: 20px;
        height: 20px;
        vertical-align: middle;
    }

.search-box[b-xt363y64am] {
    position: relative;
    flex-grow: 1;
}

    .search-box input[b-xt363y64am] {
        background: #1e1a1c;
        border: 1px solid #332e30;
        border-radius: 20px;
        padding: 8px 12px 8px 35px;
        color: #FFFFFF;
        font-size: 14px;
        width: 250px;
        transition: all 0.3s ease;
        outline: none;
    }

        .search-box input:focus[b-xt363y64am] {
            border-color: #555;
            background: #221e20;
        }

    .search-box i[b-xt363y64am] {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
    }


@media (max-width: 768px) {
    .search-box input[b-xt363y64am] {
        width: 200px;
    }
}


@media (max-width: 576px) {
    .files-card-header[b-xt363y64am] {
        justify-content: center;
    }

    .icons-container[b-xt363y64am] {
        width: 100%;
        justify-content: space-between;
    }

    .search-box[b-xt363y64am] {
        width: 100%;
    }

        .search-box input[b-xt363y64am] {
            width: 100%;
        }
}

.main-content-layout[b-xt363y64am] {
    display: flex;
    margin-top: 15px;
    gap: 2px;
    align-items:start;
}

.left-sidebar[b-xt363y64am] {
    color: #a9a9a9;
    width: 150px;
    border-right: 1px solid #FFFFFF1A;
    border-left: 1px solid #FFFFFF1A;
    flex-shrink: 0;
    height: 46%;
}

.side-link[b-xt363y64am] {
    font-family: 'Inter', sans-serif;
    padding: 12px;
    font-size: 14px;
    color: #999;
    cursor: pointer;
    border-bottom: 1px solid #FFFFFF1A;
    transition: all 0.3s ease;
}

    .side-link.active[b-xt363y64am] {
        color: #FF5533;
    }


@media (max-width: 768px) {
   

    .left-sidebar[b-xt363y64am] {
        width: 100%; 
        border-right: none;
        border-bottom: 1px solid #FFFFFF1A;
        display: flex;
        overflow-x: auto; 
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .side-link[b-xt363y64am] {
        border-bottom: none;
        border-right: 1px solid #FFFFFF1A;
        padding: 10px 20px;
        flex: 1; 
        text-align: center;
    }

        .side-link:last-child[b-xt363y64am] {
            border-right: none;
        }
}


@media (max-width: 480px) {
    .side-link[b-xt363y64am] {
        font-size: 12px;
        padding: 8px 12px;
    }
}

.right-panel-card[b-xt363y64am] {
    flex-grow: 1;
    background: #262224;
    border: 1px solid #332e30;
    position: relative;
}

.card-search-header[b-xt363y64am] {
    padding: 10px;
    display: flex;
    justify-content: flex-end;
    border-bottom: 1px solid #332e30;
    background: #1e1b1c;
}

.header-icons[b-xt363y64am] {
    display: flex;
    align-items: center;
    gap: 15px;
    color: #888;
}

.search-input-wrapper[b-xt363y64am] {
    position: relative;
    background: #151314;
    border-radius: 4px;
    padding: 4px 8px;
    border: 1px solid #332e30;
}

    .search-input-wrapper input[b-xt363y64am] {
        background: transparent;
        border: none;
        color: white;
        padding-left: 5px;
        outline: none;
    }


.stats-and-bidders-row[b-xt363y64am] {
    display: flex;
    border-bottom: 1px solid #332e30;
}

.mini-stats-container[b-xt363y64am] {
    display: flex;
    flex: 1;
    padding: 10px;
    gap: 8px;
}

.stat-box[b-xt363y64am] {
    background: #1e1b1c;
    padding: 10px;
    flex: 1;
    border-radius: 2px;
}

    .stat-box label[b-xt363y64am] {
        font-size: 10px;
        color: #888;
        display: block;
    }

    .stat-box .stat-value[b-xt363y64am] {
        font-weight: 600;
        font-size: 14px;
    }

.bidder-header-container[b-xt363y64am] {
    display: flex;
    width: 40%; 
    border-left: 1px solid #332e30;
}

.bidder-header-box[b-xt363y64am] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #332e30;
    font-size: 13px;
    padding: 10px;
}


.table-container-scroll[b-xt363y64am] {
    overflow-x: auto;
}

.data-table[b-xt363y64am] {
    width: 100%;
    border-collapse: collapse;
}

    .data-table th[b-xt363y64am] {
        background: #262224;
        padding: 12px;
        text-align: left;
        font-size: 12px;
        color: #aaa;
        border-bottom: 1px solid #332e30;
    }

    .data-table td[b-xt363y64am] {
        padding: 12px;
        border-bottom: 1px solid #2d292b;
        font-size: 13px;
    }

.group-header[b-xt363y64am] {
    background: #2a2628;
    font-weight: 600;
}

.bid-col[b-xt363y64am] {
    background: rgba(255, 255, 255, 0.02);
}

.total-footer[b-xt363y64am] {
    background: #1e1b1c;
    font-weight: bold;
}

.total-fill[b-xt363y64am] {
    background: #2a2628;
    text-align: center;
}

.bottom-red-indicator[b-xt363y64am] {
    height: 4px;
    background: #FF5533;
    width: 150px;
    position: absolute;
    bottom: 0;
}


@media (max-width: 768px) {
    .main-content-layout[b-xt363y64am] {
        flex-direction: column;
    }

    .stats-and-bidders-row[b-xt363y64am] {
        flex-direction: column;
    }

    .bidder-header-container[b-xt363y64am] {
        width: 100%;
    }
}
/* /Shared/Sidebar.razor.rz.scp.css */
.sidebar[b-f0qnlyrxlt] {
    width: 255px;
    background: #231F20;
    color: white;
    border-right: 1px solid #3a3a3b;
    flex-shrink: 0;
    height: calc(100vh - var(--topbar-height));
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

    .sidebar[b-f0qnlyrxlt]::-webkit-scrollbar {
        display: none;
    }

.user-section[b-f0qnlyrxlt] {
/*    margin-top: 100px;*/
    text-align: center;
    padding: 15px 0;
}

.user-photo[b-f0qnlyrxlt] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #696969;
}

.user-section h6[b-f0qnlyrxlt] {
    font-family: inter;
    margin: 5px 0 0;
    font-size: 16px;
}

.user-section small[b-f0qnlyrxlt] {
    font-size: 12px;
    color: #bbbbbb;
}

.user-section hr[b-f0qnlyrxlt] {
    border: 0;
    border-top: 1px solid #555;
    margin: 10px 0;
}

.menu-items[b-f0qnlyrxlt] {
    font-family: inter;
    list-style: none;
    padding: 0;
    margin: 10px;
}

    .menu-items .nav-link[b-f0qnlyrxlt] {
        padding: 10px 0;
        color: #dcdcdc !important;
        font-size: 18px;
        display: flex;
        align-items: center;
        text-decoration: none;
    }

        .menu-items .nav-link i[b-f0qnlyrxlt] {
            margin-right: 10px;
        }

.menu-arrow[b-f0qnlyrxlt] {
    margin-left: 10px;
    font-size: 16px;
}

.menu-items .nav-link:hover[b-f0qnlyrxlt] {
    color: #fff !important;
}

.active-item[b-f0qnlyrxlt] {
    color: #FF5533 !important;
    font-weight: bold;
}

.nav-link.active-item i[b-f0qnlyrxlt] {
    color: #FF5533;
}

.nav-link.active-item span[b-f0qnlyrxlt] {
    color: #FF5533;
}

.submenu[b-f0qnlyrxlt] {
    list-style: none;
    padding-left: 35px;
    margin-top: 5px;
}

.submenu-link[b-f0qnlyrxlt] {
    font-family: 'Inter';
    display: block;
    padding: 8px 0;
    color: #bbb;
    text-decoration: none;
    font-size: 16px;
}

    .submenu-link:hover[b-f0qnlyrxlt] {
        color: #fff;
    }

.menu-arrow[b-f0qnlyrxlt] {
    transition: transform 0.3s ease;
}

    .menu-arrow.rotate[b-f0qnlyrxlt] {
        transform: rotate(180deg);
    }


.sidebar-bottom[b-f0qnlyrxlt] {
    margin-top: auto;
    padding: 15px;
    border-top: 1px solid rgba(255,255,255,0.1);
}



.hamburger-btn[b-f0qnlyrxlt] {
    display: none; /* hidden by default */
    cursor: pointer;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #fff;
}

/* Default (desktop) */
.hamburger-btn[b-f0qnlyrxlt] {
    display: none;
}
/* Default (desktop) sidebar is visible */
.sidebar[b-f0qnlyrxlt] {
    transform: translateX(0);
    transition: transform 0.3s ease;
}

/* Small screens: hide sidebar by default */
@media (max-width: 768px) {
    .sidebar[b-f0qnlyrxlt] {
/*        position: fixed;*/
        top: 70px; /* below topbar */
        left: 0;
        height: calc(100vh - 70px);
        width: 255px;
        transform: translateX(-100%);
        z-index: 999;
        transition: transform 0.3s ease;
    }

        .sidebar.open[b-f0qnlyrxlt] {
            transform: translateX(0);
        }

    .topbar-items[b-f0qnlyrxlt] {
        display: none; /* hide nav links on small screens */
    }

    .topbar.open .topbar-items[b-f0qnlyrxlt] {
        display: flex;
        flex-direction: column;
        gap: 16px;
        position: absolute;
        top: 70px;
        left: 25%;
        width: 100%;
        background: #231F20;
        padding: 16px;
    }

    .hamburger-btn[b-f0qnlyrxlt] {
        display: flex; /* show hamburger on small screens */
    }
}
/* /Shared/Topbar.razor.rz.scp.css */
.topbar[b-72dxy77f8b] {
/*    position: fixed;*/
    top: 0;
    left: 0;
    right: 0;
    height: var(--topbar-height);
    padding: 10px 30px;
/*    padding: 24px 30px;*/
    background: #231F20;
    border-bottom: 1px solid #3a3a3b;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    z-index: 1000;
}

.topbar-logo[b-72dxy77f8b] {
    color: white;
}

.topbar-title[b-72dxy77f8b] {
    display: flex;
    align-items: center;
    gap: 32px;
}

    .topbar-title h2[b-72dxy77f8b] {
        font-family: inter;
        color: #FFFFFF;
        margin: 0;
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
    }

.topbar-items[b-72dxy77f8b] {
    display: flex;
    align-items: center;
    gap: 32px;
}

    .topbar-items a[b-72dxy77f8b] {
        padding: 0;
        color: white;
        text-decoration: none;
        font-size: 20px;
    }


        .topbar-items a.help[b-72dxy77f8b] {
            font-size: 20px;
            color: #FFFFFF;
        }

.topbar-icons[b-72dxy77f8b] {
    display: flex;
    align-items: center;
    gap: 5px;
}

    .topbar-icons .icon-btn[b-72dxy77f8b] {
        font-size: 20px;
        color: #FFFFFF;
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background-color: #555555;
        border: 1px solid #555555;
        cursor: pointer;
    }

.topbar-left[b-72dxy77f8b] {
    display: flex;
    align-items: center;
    gap: 10%;
}

.user-orange[b-72dxy77f8b] {
    color: #ff6a00 !important;
}




.hamburger-btn[b-72dxy77f8b] {
    display: none;
    cursor: pointer;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #fff;
}


.hamburger-btn[b-72dxy77f8b] {
    display: none;
}

.sidebar[b-72dxy77f8b] {
    transform: translateX(0);
    transition: transform 0.3s ease;
}

@media (max-width: 768px) {
    .sidebar[b-72dxy77f8b] {
        top: 70px;
        left: 0;
        height: calc(100vh - 70px);
        width: 255px;
        transform: translateX(-100%);
        z-index: 999;
        transition: transform 0.3s ease;
    }

        .sidebar.open[b-72dxy77f8b] {
            transform: translateX(0);
        }

    .topbar-items[b-72dxy77f8b] {
        display: none; 
    }

    .topbar.open .topbar-items[b-72dxy77f8b] {
        display: flex;
        flex-direction: column;
        gap: 16px;
        position: absolute;
        top: 70px;
        left: 35%;
        width: 100%;
        background: #231F20;
        padding: 16px;
    }

    .hamburger-btn[b-72dxy77f8b] {
        display: flex;
    }
}