/* Calibration Type Details modal on /request/handler-101 */

body.calib-modal-open {
    overflow: hidden;
}

#calib-details-modal {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: none;
}

    #calib-details-modal .calib-modal-backdrop {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, .45);
    }

    #calib-details-modal .calib-modal-dialog {
        position: relative;
        margin: 6vh auto 0;
        max-width: 980px;
        background: #ffffff;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
    }

    #calib-details-modal .calib-modal-header {
        padding: 14px 18px;
        border-bottom: 1px solid #eeeeee;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #calib-details-modal .calib-modal-logo {
        display: flex;
        align-items: center;
        gap: 12px;
    }

        #calib-details-modal .calib-modal-logo img {
            height: 84px;
            width: auto;
            display: block;
        }

    #calib-details-modal .calib-modal-title {
        display: none;
    }

    #calib-details-modal .calib-modal-close-x {
        background: transparent;
        border: none;
        font-size: 1.25rem;
        line-height: 1;
        cursor: pointer;
        user-select: none;
    }

    #calib-details-modal .calib-modal-body {
        padding: 18px 22px 22px;
        max-height: 70vh;
        overflow-y: auto;
        overflow-x: hidden;
    }

    #calib-details-modal .calib-modal-tablewrap {
        overflow: visible;
    }

    #calib-details-modal .calib-modal-table {
        border-collapse: collapse;
        width: 100%;
        min-width: 760px;
        font-size: 0.8rem;
    }

        #calib-details-modal .calib-modal-table th,
        #calib-details-modal .calib-modal-table td {
            padding: 8px 8px;
            border-bottom: 1px solid #eeeeee;
            vertical-align: top;
            background: #ffffff;
        }


        #calib-details-modal .calib-modal-table thead,
        #calib-details-modal .calib-modal-table thead tr {
            background: transparent !important;
        }

            #calib-details-modal .calib-modal-table thead th {
                position: sticky;
                top: 0;
                z-index: 3;
                background: #f3f4f6 !important;
                color: #111827 !important;
                font-weight: 600 !important;
                border-bottom: 1px solid #eeeeee !important;
            }

    #calib-details-modal .calib-sticky-col {
        position: sticky;
        left: 0;
        z-index: 2;
        background: #ffffff;
        box-shadow: 1px 0 0 #d1d5db; /* creates a crisp divider that matches others */
    }

    #calib-details-modal .calib-modal-table thead .calib-sticky-col {
        z-index: 4;
        background: #f3f4f6 !important;
    }

    #calib-details-modal .calib-feature-cell {
        width: 34%;
        min-width: 260px;
    }

    #calib-details-modal .calib-mark-cell {
        text-align: center;
        width: 16.5%;
        min-width: 140px;
        font-weight: 700;
    }

    #calib-details-modal .calib-section-row td {
        background: #f1f5f9;
        font-weight: 700;
        border-bottom: 1px solid #e2e8f0;
    }

    #calib-details-modal .calib-section-cell {
        padding: 10px 10px;
    }

    #calib-details-modal .calib-modal-footnote {
        padding: 10px 0 0 0;
        font-size: 0.82rem;
        opacity: 0.8;
    }

@media (max-width: 768px) {
    #calib-details-modal .calib-modal-body {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    #calib-details-modal .calib-modal-tablewrap {
        min-width: 760px;
    }

    #calib-details-modal .calib-modal-table {
        min-width: 760px;
    }
}