/* ============================================================
   TABLE SCROLL WRAPPER (PREVENT LEFT/RIGHT CUTTING)
   ============================================================ */
.table-scroll-wrapper {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: auto; /* Horizontal scroll */
    width: 100%;
    position: relative;
    background: #ffffff;
}

    .table-scroll-wrapper .table {
        min-width: 1200px; /* Prevent shrinking */
        width: 100%;
    }


/* ============================================================
   GLOBAL TABLE DESIGN
   ============================================================ */
.table {
    font-size: 12px;
    border-collapse: collapse !important;
    background-color: #ffffff !important;
    table-layout: fixed !important; /* IMPORTANT for ellipsis */
}


    /* ============================================================
   STICKY HEADER + FIXED BORDER (DOES NOT SCROLL)
   ============================================================ */
    .table thead {
        position: sticky;
        top: 0;
        z-index: 20;
    }

        .table thead::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            border-bottom: 2px solid #005a90 !important;
            z-index: 30; /* Above cells */
        }

        /* Header Cells */
        .table thead th {
            background-color: #fafafb !important;
            color: #000000 !important;
            font-weight: 500 !important;
            font-size: 13px !important;
            padding: 6px 8px !important;
            white-space: nowrap;
            border-bottom: none !important; /* Removed (handled by ::after) */
        }


    /* ============================================================
   TABLE BODY
   ============================================================ */
    .table tbody tr {
        background-color: #ffffff !important;
    }

    .table tbody td {
        color: #6a1b9a !important;
        font-weight: 500 !important;
        font-size: 13px !important;
        padding: 3px 6px !important;
        line-height: 1.2;
        vertical-align: middle;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }


    /* ============================================================
   IEC PARTY & REMARK – FIXED WIDTH + ...
   ============================================================ */
    .table td.iec-party,
    .table th.iec-party {
        max-width: 350px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .table td.remark,
    .table th.remark {
        max-width: 250px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }


/* ============================================================
   HOVER EFFECT
   ============================================================ */
.table-hover tbody tr:hover {
    background-color: #eef6ff !important;
}


/* ============================================================
   NUMBER ALIGNMENT
   ============================================================ */
.table .number {
    text-align: right;
}


/* ============================================================
   SCROLLBAR DESIGN
   ============================================================ */
.table-scroll-wrapper::-webkit-scrollbar {
    height: 6px;
}

.table-scroll-wrapper::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}











/* CLICK SELECTED ROW COLOR */
.table-primary,
.table-primary > td,
.table-primary > th {
    background-color: #b1d7fa !important;
    color: #000000 !important;
}

/* HOVER PAR BHI SAME COLOR */
.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
    background-color: #b1d7fa !important;
    color: #000000 !important;
}

/* SELECTED ROW PAR HOVER HO TO BHI NO CHANGE */
.table-hover tbody tr.table-primary:hover > td,
.table-hover tbody tr.table-primary:hover > th {
    background-color: #b1d7fa !important;
    color: #000000 !important;
}

.table thead {
    position: sticky;
    top: 0;
    z-index: 50;
    background: #fafafb !important; /* FULL BACKGROUND FIX */
}


.pc-container .pc-content {
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-top: 12px !important;
}


.no-padding-table tbody td {
    padding: 0px !important;
}




.no-padding-table td {
    padding: 0;
}

.no-padding-table .input-sm-custom {
    border: none;
    /*    border-bottom: 1px solid #ced4da;*/
    border-radius: 0;
}



/* Chrome, Edge, Safari */
.no-padding-table input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    display: none;
    -webkit-appearance: none;
}

/* Firefox */
.no-padding-table input[type="date"] {
    appearance: textfield;
    -moz-appearance: textfield;
}


.no-padding-table input:not([type="checkbox"]) {
    color: #8924c7 !important;
}




/* Table ke andar DatePicker ka calendar icon hide */
.input-sm-custom .e-input-group-icon.e-date-icon {
    display: none !important;
}

/* icon hide hone ke baad right padding adjust */
.input-sm-custom.e-input-group {
    padding-right: 6px;
}