@media (max-width: 767px) {
    /* Base body font-size for smaller screens */
    html, body {
        font-size: 14px !important;
    }

    label, p, div, input, span {
        font-size: 0.8rem !important;
    }
    th, td, th span, td span, th div, td div {
        font-size: 0.7rem !important;
        font-weight: normal !important;
    }
    /* Headings */
    h1, .h1 {
        font-size: 1.2rem !important;
        line-height: 1.4rem !important;
    }

    h2, .h2 {
        font-size: 1.0rem !important;
        line-height: 1.2rem !important;
    }

    /* Buttons */
    .btn {
        font-size: 0.9rem !important;
        padding: 0.45rem 0.75rem !important; /* Slightly smaller padding */
    }

    #dashboard .btn {
        font-size: 0.8rem !important;
        padding: 0.25rem 0.45rem !important; /* Slightly smaller padding */
    }

    th, td {
        padding: 3px !important;
        border-bottom: 1px solid var(--border-color) !important;
    }

    .ResultDones, #plan input[type=text] {
        max-width: 30px;
    }

    #dashboard input, #dashboard .btn{
        margin-bottom: 10px;
    }
}