/* TABLES */
/* Fonts are set here just to be safe. 
However, it is recommended to rather specify h5 in the cell. */

table{
    width: 100%;
    font-weight:400;
    font-size: 19px;
    color: black;
    margin: 0;
}
th{
    text-align: left;
}
.last-row{
    text-align: right;
}
table, th, td {
    border: 2px solid #000;
    border-collapse: collapse;
}

th{
    padding: 10px;
}

.kgtd, .noInput{
    padding: 10px;
}

.wrap{
    white-space: normal;       /* Allow wrapping */
    overflow-wrap: break-word; /* Only breaks long words if necessary */
    word-break: normal;        /* Prevent breaking in the middle of words */
}

.min-width{
    min-width: 5px;
}

.sticky-col {
    position: sticky;
    left: 0;
    background: #fff6cc; /* or your table's background */
    z-index: 2; /* ensures it's above other cells */
    box-shadow: 2px 0 5px rgba(0,0,0,0.1); /* optional, for visual separation */
}

.sticky-col-white {
    position: sticky;
    left: 0;
    z-index: 2; /* ensures it's above other cells */
    box-shadow: 2px 0 5px rgba(0,0,0,0.1); /* optional, for visual separation */
}

/* Mobile vertical */
@media only screen and (max-width: 999px) and (min-width: 800px) and (min-height: 800px) and (min-resolution: 190dpi) {
    table{
        font-size: 48px;
    }
    table, th, td {
        border: 3px solid #000;
    }
    th{
        padding: 25px;
    }
    .kgtd, .noInput{
        padding: 25px;
    }
    .min-width{
        min-width: 250px;
    }
}

@media only screen and (max-width: 999px) and (max-height: 499px) and (min-resolution: 190dpi) {
    table{
        font-size: 25px;
    }
}