/* Core scaling and font adjustments */
body {
    font-size: 16px;
    line-height: 1.4;
}

/* Responsive form styling */
input.form-control,
select.form-select,
button.btn {
    font-size: 1rem;
    padding: 0.75rem;
}

/* Make labels bold and more readable */
label {
    font-weight: 600;
    margin-bottom: 0.2rem;
}

/* Responsive layout for smaller screens */
@media (max-width: 768px) {
    .container, .container-fluid {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .form-control, .form-select, .btn {
        width: 100% !important;
        margin-bottom: 10px;
    }

    .btn {
        font-size: 1.05rem;
        padding: 0.75rem;
    }

    .d-flex {
        flex-direction: column;
        gap: 0.5rem;
    }

    .btn-group, .d-grid {
        width: 100%;
    }

    .btn-group > .btn {
        width: 100%;
    }

    /* Sticky generate button */
    #generateBill {
        position: fixed;
        bottom: 10px;
        left: 10px;
        right: 10px;
        z-index: 999;
        border-radius: 8px;
    }
}

/* Awesomplete improvements */
.awesomplete ul {
    font-size: 1rem;
    line-height: 1.6;
    padding: 0.5rem;
}
.awesomplete li {
    padding: 0.5rem;
    border-bottom: 1px solid #eee;
}

/* Table inputs */
td input, td select {
    min-width: 80px;
    max-width: 100%;
    font-size: 1rem;
}