/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/* 
    Created on : Aug 17, 2026, 4:34:19 PM
    Author     : jrona
*/

/* DESKTOP BASE */
.table-fixedheader {
    max-height: 600px;              /* desktop scroll height */
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;         /* center without flex */
}

.table-fixedheader table {
    table-layout: auto;         /* required for sticky */
    width: 100%;
    margin: 0 auto;             /* center table */
}

.table-fixedheader thead tr {
    background: #000;
}

.table-fixedheader thead th {
    color: #00ff00;
    position: sticky;
    top: 0;
    z-index: 20;
    background: #000;
}

/* COLUMN WIDTHS */
.table-fixedheader .ADC,
.table-fixedheader .adcNumber {
    width: 30px;
    max-width: 30px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
}

.table-fixedheader .CallSign,
.table-fixedheader .memberCallSign {
    width: 20px;
    max-width: 20px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table-fixedheader .Name,
.table-fixedheader .memberName {
    width: 25px;
    max-width: 25px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table-fixedheader .TenTen,
.table-fixedheader .tenTenNumber,
.table-fixedheader .VP,
.table-fixedheader .vpNumber,
.table-fixedheader .QTH,
.table-fixedheader .qth {
    width: 20px;
    max-width: 20px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sort-instructions{
    padding-top: 10px;
    padding-bottom: 10px;
}

#memberFilter + label,
label[for="memberFilter"] {
    font-weight: normal;
}

/* MOBILE FIX */
@media (max-width: 600px) {

    /* Shorter mobile height */
    .table-fixedheader {
        height: 300px;          /* adjust as needed */
        overflow-y: auto;
        overflow-x: hidden;
        text-align: center;     /* keep centered */
    }

    .table-fixedheader table {
        table-layout: auto !important;
        width: auto !important;
        margin: 0 auto;
    }

    /* Sticky header still works */
    .table-fixedheader thead th {
        font-size: 1rem;
        padding: 2px 4px;
        line-height: 1.1;
    }

    /* FINAL MOBILE ROW RULE — keeps rows short */
    .table-fixedheader tbody td {
        font-size: 1rem;        /* readable */
        padding: 0px 3px;       /* tight rows */
        line-height: 1.0;       /* prevents tall rows */
        white-space: nowrap;
    }

    table tr{
        height: 20px;
    }
    table td {
        padding: 1px;
        font-size: 0.85rem;
        line-height: 1.1;
    }

    /* Allow table to expand */
    .table-fixedheader table {
        table-layout: auto !important;
        width: 100% !important;
    }

    /* Remove tiny fixed widths */
    .table-fixedheader .ADC,
    .table-fixedheader .adcNumber,
    .table-fixedheader .CallSign,
    .table-fixedheader .memberCallSign,
    .table-fixedheader .Name,
    .table-fixedheader .memberName,
    .table-fixedheader .TenTen,
    .table-fixedheader .tenTenNumber,
    .table-fixedheader .VP,
    .table-fixedheader .vpNumber,
    .table-fixedheader .QTH,
    .table-fixedheader .qth {
        width: auto !important;
        max-width: none !important;
    }






    /* Keep rows compact but readable */
    #mainTable tbody td {
        padding: 4px 6px !important;
        line-height: 1.2 !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #mainTable tbody tr {
        height: auto !important;   /* allow natural height */
        max-height: none !important;
    }

    .sort-instructions{
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #memberFilter + label,
    label[for="memberFilter"] {
        font-weight: normal;
    }

    @media (max-width: 600px) {

        /* ...everything you already have... */

        /* FINAL QTH OVERRIDE – MOBILE ONLY */
        #mainTable td.qth {
            white-space: normal !important;      /* allow wrapping */
            word-break: break-word !important;   /* break long names */
            overflow: visible !important;        /* no clipping */
            text-overflow: clip !important;      /* no ellipsis */
        }

        .table-fixedheader {
            overflow-x: auto !important;
        }
    }
    /* MOBILE COLUMN NARROWING */
    @media (max-width: 600px) {

        /* shrink all non-QTH columns */
        #mainTable td.memberCallSign,
        #mainTable td.memberName,
        #mainTable td.adcNumber,
        #mainTable td.tenTenNumber,
        #mainTable td.vpNumber {
            max-width: 50px !important;
            width: 50px !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
            white-space: nowrap !important;
        }

        /* give QTH the space it needs */
        #mainTable td.qth {
            max-width: 140px !important;
            white-space: normal !important;
            word-break: break-word !important;
            overflow: visible !important;
            text-overflow: clip !important;
        }
    }
    /* FIX HEADER HEIGHT ON MOBILE */
    .table-fixedheader thead th {
        font-size: 0.75rem !important;     /* smaller header text */
        padding: 2px 2px !important;       /* tighter padding */
        line-height: 1.0 !important;       /* reduce header height */
        white-space: nowrap !important;    /* keep header on one line */
    }


}