/* Custom Choices.js Styling */
        .choices {
            margin-bottom: 0;
            font-family: 'Sarabun', sans-serif;
            font-size: 1.1rem !important; 
            position: relative;
            z-index: 100; /* ให้กล่องเลือกอยู่บนสุด */
        }
        .choices__inner {
            background-color: white !important;
            border: 2px solid #e5e7eb !important; /* border-gray-200 */
            border-radius: 0.75rem !important; /* rounded-xl */
            padding: 0.5rem 1rem !important;
            min-height: 55px !important;
            display: flex;
            align-items: center;
            transition: all 0.2s;
            font-weight: 500;
        }
        .choices.is-focused .choices__inner {
            border-color: #3b82f6 !important; /* blue-500 */
            box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1) !important;
        }
        .choices__list--dropdown {
            border-radius: 0.75rem !important;
            margin-top: 5px;
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.2) !important;
            border: 1px solid #e5e7eb !important;
            z-index: 1000 !important; /* ให้รายการดึงลงอยู่หน้าสุดเสมอ */
        }
        .choices__list--dropdown .choices__list {
            max-height: 250px !important; /* จำกัดความสูงของรายการแจ้งเตือน */
            overflow-y: auto !important;
        }
        .choices__list--dropdown .choices__item {
            font-size: 1.05rem !important;
            padding: 12px 15px !important;
        }
        .choices__item--selectable.is-highlighted {
            background-color: #f3f4f6 !important;
            color: #2563eb !important;
        }
        .choices__placeholder {
            opacity: 1;
            color: #9ca3af;
            font-weight: 400;
        }
        /* Fix search input */
        .choices__input {
            background-color: transparent !important;
            font-size: 1.1rem !important;
            padding: 5px !important;
        }
        
        /* Highlight filled fields */
        .field-filled {
            background-color: #fef2f2 !important; /* bg-red-50 - light red */
            border-color: #fecaca !important;     /* light red border */
        }

        .glass-panel {
            background: rgba(255, 255, 255, 0.8) !important;
            backdrop-filter: blur(12px) !important;
            -webkit-backdrop-filter: blur(12px) !important;
            border: 1px solid rgba(255, 255, 255, 0.4) !important;
        }

        .lang-active {
            border-color: #3b82f6 !important;
            box-shadow: 0 0 8px rgba(59, 130, 246, 0.4);
            transform: scale(1.1);
        }

        /* Custom Flag Dropdown */
        .lang-dropdown {
            position: relative;
            display: inline-block;
        }
        .lang-dropdown-content {
            display: none;
            position: absolute;
            right: 0;
            top: 110%;
            background-color: white;
            min-width: 120px;
            box-shadow: 0 8px 16px rgba(0,0,0,0.1);
            border-radius: 12px;
            z-index: 1000;
            border: 1px solid #f3f4f6;
            padding: 4px;
            overflow: hidden;
            animation: slideDown 0.2s ease-out;
        }
        @keyframes slideDown {
            from { opacity: 0; transform: translateY(-10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .lang-dropdown-content button {
            width: 100%;
            padding: 8px 12px;
            display: flex;
            align-items: center;
            gap: 10px;
            border-radius: 8px;
            transition: all 0.2s;
            text-align: left;
            font-size: 13px;
            font-weight: 500;
        }
        .lang-dropdown-content button:hover {
            background-color: #f3f4f6;
        }
        .lang-dropdown.active .lang-dropdown-content {
            display: block;
        }
        /* Choices.js Thumbnail Styling */
        .choices__list--dropdown .choices__item--selectable {
            padding-top: 4px !important;
            padding-bottom: 4px !important;
        }
        .choices__item img {
            max-width: none !important;
        }

        /* สไตล์พิเศษสำหรับชื่อผู้รับพัสดุที่เลือกแล้ว */
        #receiver-section .choices__item--selectable,
        #receiver-name:not(select),
        #receiver-section .choices__inner {
            color: #1e40af !important; /* Blue-800 ตามช่องอนุมัติ */
            font-weight: 600 !important; /* Semibold ตามช่องอนุมัติ */
            font-size: 1rem !important; /* ปรับให้เท่ากับช่องอาจารย์ (เดิม 1.2rem อาจจะใหญ่ไป) */
        }

        #receiver-section .choices__list--dropdown .choices__item {
            font-size: 1rem !important;
        }