.tilaus-form input {
    margin-bottom: 10px;
}

#tilaus-haku-form input {
	width: 80%;
    background-color: #ffffff;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 4px;
    box-sizing: border-box;
    display: grid;
}

input#select-all {
	margin: 20px 2px 0px 9px;
}

.tilaus-table {
    width: 100%;
    border-collapse: collapse;
}

.tilaus-table td, .tilaus-table th {
    border-bottom: 1px solid #ddd;
    padding: 8px;
}

.success-msg { color: green; }
.error-msg { color: red; }

/*768*/
@media (max-width: 1508px) {

    /* koko lomake täysleveäksi */
    .tilaus-wrapper {
        padding: 10px;
    }

    /* inputit 100% leveys + isompi kosketusalue */
    #tilaus-haku-form input {
        width: 100%;
        font-size: 16px; /* estää iOS zoomin */
        padding: 12px;
        margin-bottom: 12px;
    }

    /* nappi myös täysleveäksi */
    #tilaus-haku-form button,
    #tilaus-tuotteet-form button {
        width: 100%;
        padding: 14px;
        font-size: 16px;
    }

    /* tuotelista scrollattavaksi */
    .tilaus-table {
        display: block;
    }

    .tilaus-table td,
    .tilaus-table th {
        padding: 10px;
        font-size: 14px;
    }

    /* checkboxit helpommin klikattaviksi */
    .item-checkbox {
        transform: scale(1.2);
    }


input#select-all {
	transform: scale(1.8);
	margin: 20px 20px 0px 9px;
	        font-weight: bold;
        font-size: 16px;
}
    /* viestit selkeämmiksi */
    .success-msg,
    .error-msg {
        font-size: 15px;
        padding: 10px;
    }
    
    .product-row {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        padding: 12px 0;
        /*border-bottom: 1px solid #ddd;*/
    }

    .check-cell {
        flex: 0 0 auto;
        padding-top: 4px;
    }

    .product-cell {
        display: flex;
        flex-direction: column;
        gap: 4px;
        width: 100%;
    }

    .sku {
        font-weight: bold;
        font-size: 15px;
    }

    .name {
        font-size: 15px;
    }

    .qty {
        font-size: 15px;
        color: #000;
    }

    .item-checkbox {
        transform: scale(1.8);
    }
}