* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Sarabun', sans-serif; }
.animate-fade { animation: fadeIn 0.4s ease-out; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* หน้าฟอร์ม image_165edd */
.modern-input {
    width: 100%;
    background-color: #F8FAFC;
    border: 1.5px solid #F1F5F9;
    border-radius: 1.25rem;
    padding: 1.2rem 1.5rem;
    font-size: 1rem;
    color: #475569;
    transition: all 0.3s ease;
    outline: none;
}
.modern-input:focus { background-color: #fff; border-color: #E3642E; box-shadow: 0 0 0 4px rgba(227, 100, 46, 0.1); }

/* การ์ดใหญ่ image_167164 */
.item-card {
    background: #ffffff;
    border-radius: 2.5rem;
    padding: 2rem;
    text-align: center;
    border: 1px solid #f1f5f9;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.item-card:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.05); }

.item-card img {
    width: 100%;
    height: 240px; /* เพิ่มความสูงรูป */
    object-fit: contain;
    margin-bottom: 1.5rem;
    transition: transform 0.5s ease;
}
.item-card:hover img { transform: scale(1.05); }

/* ตัวเลือกจำนวน */
.qty-control {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    background: #f8fafc;
    padding: 0.6rem 1.8rem;
    border-radius: 1.2rem;
    margin-bottom: 1.5rem;
}

/* ปุ่มส้ม image_167164 */
.btn-add-main {
    background-color: #E3642E;
    color: white;
    width: 100%;
    padding: 1.1rem;
    border-radius: 1.5rem;
    font-weight: bold;
    font-size: 1.1rem;
    transition: all 0.2s;
    box-shadow: 0 4px 12px rgba(227, 100, 46, 0.2);
}
.btn-add-main:active { transform: scale(0.96); }
.status-badge.returned {
    background-color: #dbeafe; 
    color: #1e40af;          
}
#toast { box-shadow: 0 10px 40px rgba(0,0,0,0.3); }
.form-input { width: 100%; border-radius: 1rem; padding: 0.8rem; border: 1.5px solid #eee; outline: none; }