/* ==========================================================================
   Modals Custom Dropdown System
   Visual Master: "เพิ่มข้อมูลไก่ชน"
   Applies to:
   1. #chicken-modal (ทุก Popup ในหน้า "จัดการไก่ชน")
   2. #cost-modal (Popup "เพิ่มรายการต้นทุนฟาร์ม" ในหน้า "ต้นทุน")
   3. #inventory-modal (Popup "รับสินค้าเข้าคลัง" ในหน้า "ต้นทุน")
   ========================================================================== */

/* Native select visually hidden while retaining HTML5 form validity & accessibility */
#chicken-modal .modal-native-select-hidden,
#cost-modal .modal-native-select-hidden,
#inventory-modal .modal-native-select-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Ensure form-field has relative positioning and elevates stacking context when dropdown is open */
#chicken-modal .chicken-form-field,
#chicken-modal .edit-form-field,
#cost-modal .farm-cost-field,
#inventory-modal .cost-field {
    position: relative;
    z-index: 1;
}

#chicken-modal .chicken-form-field:has(.add-chicken-select-custom.is-open),
#chicken-modal .edit-form-field:has(.add-chicken-select-custom.is-open),
#chicken-modal .chicken-form-field.has-dropdown-open,
#chicken-modal .edit-form-field.has-dropdown-open,
#cost-modal .farm-cost-field:has(.add-chicken-select-custom.is-open),
#cost-modal .farm-cost-field.has-dropdown-open,
#inventory-modal .cost-field:has(.add-chicken-select-custom.is-open),
#inventory-modal .cost-field.has-dropdown-open {
    z-index: 120 !important;
}

/* Elevate Date/Time picker wrappers when a date/time dropdown is open */
#chicken-modal .thai-datetime-control.has-dropdown-open,
#chicken-modal .thai-datetime-date-group.has-dropdown-open,
#chicken-modal .thai-datetime-time-group.has-dropdown-open,
#cost-modal .thai-datetime-control.has-dropdown-open,
#cost-modal .thai-datetime-date-group.has-dropdown-open,
#cost-modal .thai-datetime-time-group.has-dropdown-open,
#inventory-modal .thai-datetime-control.has-dropdown-open,
#inventory-modal .thai-datetime-date-group.has-dropdown-open,
#inventory-modal .thai-datetime-time-group.has-dropdown-open {
    position: relative !important;
    z-index: 120 !important;
}

/* Date group layout maintaining exact column proportions: วัน (เล็ก), เดือน (กว้างกว่า), ปี พ.ศ. (กลาง) */
#chicken-modal .thai-datetime-date-group,
#cost-modal .thai-datetime-date-group,
#inventory-modal .thai-datetime-date-group {
    display: grid !important;
    grid-template-columns: minmax(68px, .72fr) minmax(128px, 1.45fr) minmax(94px, .9fr) !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
    position: relative;
}

/* Time group layout: ชั่วโมง (เล็ก), :, นาที (เล็ก), น. */
#chicken-modal .thai-datetime-time-group,
#cost-modal .thai-datetime-time-group,
#inventory-modal .thai-datetime-time-group {
    display: grid !important;
    grid-template-columns: minmax(72px, 1fr) auto minmax(72px, 1fr) auto !important;
    align-items: center !important;
    gap: 6px !important;
    flex: 0 1 230px !important;
    max-width: 100% !important;
    position: relative;
}

#chicken-modal .thai-datetime-time-separator,
#chicken-modal .thai-datetime-time-suffix,
#cost-modal .thai-datetime-time-separator,
#cost-modal .thai-datetime-time-suffix,
#inventory-modal .thai-datetime-time-separator,
#inventory-modal .thai-datetime-time-suffix {
    color: #4b5563 !important;
    font-size: 0.9rem !important;
    white-space: nowrap !important;
    font-weight: 600 !important;
}

/* Custom Dropdown Container */
#chicken-modal .add-chicken-select-custom,
#cost-modal .add-chicken-select-custom,
#inventory-modal .add-chicken-select-custom {
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    font-family: inherit !important;
    z-index: 2;
}

#chicken-modal .add-chicken-select-custom.is-open,
#cost-modal .add-chicken-select-custom.is-open,
#inventory-modal .add-chicken-select-custom.is-open {
    z-index: 130 !important;
}

/* Dropdown Trigger Button - Exactly matching master "สายพันธุ์" */
#chicken-modal .add-chicken-select-trigger,
#cost-modal .add-chicken-select-trigger,
#inventory-modal .add-chicken-select-trigger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 14px !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    border: 1px solid #dce2dd !important;
    border-radius: 12px !important;
    color: #111827 !important;
    font-family: inherit !important;
    font-size: 0.86rem !important;
    font-weight: 550 !important;
    line-height: 1.4 !important;
    text-align: left !important;
    cursor: pointer !important;
    outline: none !important;
    box-shadow: none !important;
    transition: border-color 0.16s ease, background-color 0.16s ease, box-shadow 0.16s ease !important;
}

/* Specific trigger paddings for Date & Time controls */
#chicken-modal .thai-datetime-date-group [data-select-role="day"] .add-chicken-select-trigger,
#cost-modal .thai-datetime-date-group [data-select-role="day"] .add-chicken-select-trigger,
#inventory-modal .thai-datetime-date-group [data-select-role="day"] .add-chicken-select-trigger,
#chicken-modal .thai-datetime-date-group [data-select-id$="-day"] .add-chicken-select-trigger,
#cost-modal .thai-datetime-date-group [data-select-id$="-day"] .add-chicken-select-trigger,
#inventory-modal .thai-datetime-date-group [data-select-id$="-day"] .add-chicken-select-trigger {
    padding: 0 8px 0 10px !important;
    gap: 4px !important;
}

#chicken-modal .thai-datetime-date-group [data-select-role="month"] .add-chicken-select-trigger,
#cost-modal .thai-datetime-date-group [data-select-role="month"] .add-chicken-select-trigger,
#inventory-modal .thai-datetime-date-group [data-select-role="month"] .add-chicken-select-trigger,
#chicken-modal .thai-datetime-date-group [data-select-id$="-month"] .add-chicken-select-trigger,
#cost-modal .thai-datetime-date-group [data-select-id$="-month"] .add-chicken-select-trigger,
#inventory-modal .thai-datetime-date-group [data-select-id$="-month"] .add-chicken-select-trigger {
    padding: 0 10px 0 12px !important;
    gap: 6px !important;
}

#chicken-modal .thai-datetime-date-group [data-select-role="year"] .add-chicken-select-trigger,
#cost-modal .thai-datetime-date-group [data-select-role="year"] .add-chicken-select-trigger,
#inventory-modal .thai-datetime-date-group [data-select-role="year"] .add-chicken-select-trigger,
#chicken-modal .thai-datetime-date-group [data-select-id$="-year"] .add-chicken-select-trigger,
#cost-modal .thai-datetime-date-group [data-select-id$="-year"] .add-chicken-select-trigger,
#inventory-modal .thai-datetime-date-group [data-select-id$="-year"] .add-chicken-select-trigger {
    padding: 0 8px 0 10px !important;
    gap: 4px !important;
}

#chicken-modal .thai-datetime-time-group [data-select-role="hour"] .add-chicken-select-trigger,
#cost-modal .thai-datetime-time-group [data-select-role="hour"] .add-chicken-select-trigger,
#inventory-modal .thai-datetime-time-group [data-select-role="hour"] .add-chicken-select-trigger,
#chicken-modal .thai-datetime-time-group [data-select-id$="-hour"] .add-chicken-select-trigger,
#cost-modal .thai-datetime-time-group [data-select-id$="-hour"] .add-chicken-select-trigger,
#inventory-modal .thai-datetime-time-group [data-select-id$="-hour"] .add-chicken-select-trigger,
#chicken-modal .thai-datetime-time-group [data-select-role="minute"] .add-chicken-select-trigger,
#cost-modal .thai-datetime-time-group [data-select-role="minute"] .add-chicken-select-trigger,
#inventory-modal .thai-datetime-time-group [data-select-role="minute"] .add-chicken-select-trigger,
#chicken-modal .thai-datetime-time-group [data-select-id$="-minute"] .add-chicken-select-trigger,
#cost-modal .thai-datetime-time-group [data-select-id$="-minute"] .add-chicken-select-trigger,
#inventory-modal .thai-datetime-time-group [data-select-id$="-minute"] .add-chicken-select-trigger {
    padding: 0 8px 0 10px !important;
    gap: 4px !important;
}

/* Trigger Placeholder state */
#chicken-modal .add-chicken-select-trigger.is-placeholder,
#cost-modal .add-chicken-select-trigger.is-placeholder,
#inventory-modal .add-chicken-select-trigger.is-placeholder {
    color: #7c8780 !important;
    font-weight: 450 !important;
}

/* Trigger Label */
#chicken-modal .add-chicken-select-label,
#cost-modal .add-chicken-select-label,
#inventory-modal .add-chicken-select-label {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 0.86rem !important;
}

/* Trigger Chevron */
#chicken-modal .add-chicken-select-chevron,
#cost-modal .add-chicken-select-chevron,
#inventory-modal .add-chicken-select-chevron {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: 16px !important;
    height: 16px !important;
    color: #6b7280 !important;
    font-size: 13px !important;
    transition: transform 0.2s ease, color 0.16s ease !important;
}

/* Hover State */
#chicken-modal .add-chicken-select-trigger:hover,
#cost-modal .add-chicken-select-trigger:hover,
#inventory-modal .add-chicken-select-trigger:hover {
    border-color: #aebbb3 !important;
    background: #fafbfa !important;
}

#chicken-modal .add-chicken-select-trigger:hover .add-chicken-select-chevron,
#cost-modal .add-chicken-select-trigger:hover .add-chicken-select-chevron,
#inventory-modal .add-chicken-select-trigger:hover .add-chicken-select-chevron {
    color: #374151 !important;
}

/* Open / Focus-Visible State (Neutral gray outline, no green) */
#chicken-modal .add-chicken-select-custom.is-open .add-chicken-select-trigger,
#chicken-modal .add-chicken-select-trigger:focus-visible,
#cost-modal .add-chicken-select-custom.is-open .add-chicken-select-trigger,
#cost-modal .add-chicken-select-trigger:focus-visible,
#inventory-modal .add-chicken-select-custom.is-open .add-chicken-select-trigger,
#inventory-modal .add-chicken-select-trigger:focus-visible {
    border-color: #6b7280 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(107, 114, 128, 0.14) !important;
}

#chicken-modal .add-chicken-select-custom.is-open .add-chicken-select-chevron,
#cost-modal .add-chicken-select-custom.is-open .add-chicken-select-chevron,
#inventory-modal .add-chicken-select-custom.is-open .add-chicken-select-chevron {
    transform: rotate(180deg) !important;
    color: #111827 !important;
}

/* Invalid State */
#chicken-modal .add-chicken-select-trigger.is-invalid,
#cost-modal .add-chicken-select-trigger.is-invalid,
#inventory-modal .add-chicken-select-trigger.is-invalid {
    background: #fffafa !important;
    border-color: #c94b40 !important;
    box-shadow: 0 0 0 3px rgba(201, 75, 64, 0.12) !important;
}

/* Dropdown Menu Panel */
#chicken-modal .add-chicken-select-menu,
#cost-modal .add-chicken-select-menu,
#inventory-modal .add-chicken-select-menu {
    position: absolute !important;
    top: calc(100% + 6px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    min-width: 100% !important;
    max-height: 240px !important;
    padding: 6px !important;
    box-sizing: border-box !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.14), 0 2px 6px rgba(15, 23, 42, 0.05) !important;
    z-index: 300 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    animation: modalSelectMenuFadeIn 0.14s ease-out !important;
}

#chicken-modal .add-chicken-select-menu[hidden],
#cost-modal .add-chicken-select-menu[hidden],
#inventory-modal .add-chicken-select-menu[hidden] {
    display: none !important;
}

/* Hide custom dropdown container when native select has hidden */
#chicken-modal select[hidden] + .add-chicken-select-custom,
#cost-modal select[hidden] + .add-chicken-select-custom,
#inventory-modal select[hidden] + .add-chicken-select-custom,
.modal-native-select-hidden[hidden] + .add-chicken-select-custom {
    display: none !important;
}

/* Month menu width adjustment for Thai month names */
#chicken-modal .thai-datetime-date-group [data-select-role="month"] .add-chicken-select-menu,
#chicken-modal .thai-datetime-date-group [data-select-id$="-month"] .add-chicken-select-menu,
#cost-modal .thai-datetime-date-group [data-select-role="month"] .add-chicken-select-menu,
#cost-modal .thai-datetime-date-group [data-select-id$="-month"] .add-chicken-select-menu,
#inventory-modal .thai-datetime-date-group [data-select-role="month"] .add-chicken-select-menu,
#inventory-modal .thai-datetime-date-group [data-select-id$="-month"] .add-chicken-select-menu {
    min-width: max(100%, 140px) !important;
}

/* Flip upward if room below is tight */
#chicken-modal .add-chicken-select-menu.opens-upward,
#cost-modal .add-chicken-select-menu.opens-upward,
#inventory-modal .add-chicken-select-menu.opens-upward {
    top: auto !important;
    bottom: calc(100% + 6px) !important;
}

@keyframes modalSelectMenuFadeIn {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Dropdown Options */
#chicken-modal .add-chicken-select-option,
#cost-modal .add-chicken-select-option,
#inventory-modal .add-chicken-select-option {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 38px !important;
    padding: 8px 12px !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #374151 !important;
    font-family: inherit !important;
    font-size: 0.86rem !important;
    font-weight: 450 !important;
    line-height: 1.4 !important;
    text-align: left !important;
    cursor: pointer !important;
    outline: none !important;
    white-space: nowrap !important;
    transition: background-color 0.12s ease, color 0.12s ease !important;
}

/* Hover State (Light gray) */
#chicken-modal .add-chicken-select-option:hover,
#chicken-modal .add-chicken-select-option:focus-visible,
#cost-modal .add-chicken-select-option:hover,
#cost-modal .add-chicken-select-option:focus-visible,
#inventory-modal .add-chicken-select-option:hover,
#inventory-modal .add-chicken-select-option:focus-visible {
    background: #f3f5f4 !important;
    color: #111827 !important;
    outline: none !important;
}

/* Selected State:
   - Subtle darker neutral light gray background (#e7ebe8)
   - Darker & bolder text (#111827, font-weight 600)
   - Right-aligned green checkmark (✓)
*/
#chicken-modal .add-chicken-select-option.is-selected,
#chicken-modal .add-chicken-select-option[aria-selected="true"],
#cost-modal .add-chicken-select-option.is-selected,
#cost-modal .add-chicken-select-option[aria-selected="true"],
#inventory-modal .add-chicken-select-option.is-selected,
#inventory-modal .add-chicken-select-option[aria-selected="true"] {
    background: #e7ebe8 !important;
    color: #111827 !important;
    font-weight: 600 !important;
}

#chicken-modal .add-chicken-select-option.is-selected:hover,
#cost-modal .add-chicken-select-option.is-selected:hover,
#inventory-modal .add-chicken-select-option.is-selected:hover {
    background: #dee3df !important;
    color: #111827 !important;
}

/* Right-aligned checkmark for selected option */
#chicken-modal .add-chicken-select-option.is-selected::after,
#chicken-modal .add-chicken-select-option[aria-selected="true"]::after,
#cost-modal .add-chicken-select-option.is-selected::after,
#cost-modal .add-chicken-select-option[aria-selected="true"]::after,
#inventory-modal .add-chicken-select-option.is-selected::after,
#inventory-modal .add-chicken-select-option[aria-selected="true"]::after {
    content: "✓" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: auto !important;
    padding-left: 8px !important;
    color: #277558 !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    flex: 0 0 auto !important;
}

/* ==========================================================================
   Autocomplete Menus across all Modals in #chicken-modal
   - Lineage Autocomplete: Floating popover for father/mother selection
   - Sick Chicken & Pill Search: In-flow result layout (preferred fix)
   ========================================================================== */
#chicken-modal .lineage-autocomplete-menu {
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.14), 0 2px 6px rgba(15, 23, 42, 0.05) !important;
    padding: 6px !important;
    background: #ffffff !important;
    z-index: 300 !important;
}

/* Floating Search Result Dropdown Overlay for Sick Chicken and Medicine/Pill */
#chicken-modal .sick-autocomplete,
#chicken-modal .pill-autocomplete,
#treatment-pill-autocomplete {
    position: relative !important;
    z-index: 1050 !important;
}

#chicken-modal .sick-autocomplete:focus-within,
#chicken-modal .pill-autocomplete:focus-within,
#treatment-pill-autocomplete:focus-within,
#chicken-modal .sick-autocomplete:has(.sick-autocomplete-menu:not([hidden])),
#chicken-modal .pill-autocomplete:has(.pill-autocomplete-menu:not([hidden])),
#treatment-pill-autocomplete:has(#treatment-pill-suggestions:not([hidden])) {
    z-index: 1200 !important;
}

#chicken-modal .sick-autocomplete-menu {
    position: absolute !important;
    top: calc(100% + 4px) !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    max-height: 260px !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
    padding: 6px !important;
    background: #ffffff !important;
    z-index: 1250 !important;
    scrollbar-width: thin !important;
    scrollbar-color: #cbd5e1 #f8fafc !important;
}

#chicken-modal .pill-autocomplete-menu,
#treatment-pill-suggestions {
    position: absolute !important;
    top: calc(100% + 4px) !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    max-height: 240px !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
    padding: 6px !important;
    background: #ffffff !important;
    z-index: 1250 !important;
    scrollbar-width: thin !important;
    scrollbar-color: #cbd5e1 #f8fafc !important;
}

#chicken-modal .sick-autocomplete-menu[hidden],
#chicken-modal .pill-autocomplete-menu[hidden],
#treatment-pill-suggestions[hidden] {
    display: none !important;
}

/* Search input controls styling to match MASTER */
#chicken-modal .sick-autocomplete-control input[type="search"],
#chicken-modal .pill-autocomplete-control input[type="text"] {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    padding-left: 40px !important;
    padding-right: 14px !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    color: #111827 !important;
    border: 1px solid #dce2dd !important;
    border-radius: 12px !important;
    font-size: 0.86rem !important;
    font-weight: 500 !important;
    outline: none !important;
    box-shadow: none !important;
    transition: border-color 0.16s ease, box-shadow 0.16s ease !important;
}

#chicken-modal .pill-autocomplete-control input[type="text"] {
    padding-right: 38px !important;
}

#chicken-modal .sick-autocomplete-control input[type="search"]:focus,
#chicken-modal .pill-autocomplete-control input[type="text"]:focus {
    border-color: #6b7280 !important;
    box-shadow: 0 0 0 3px rgba(107, 114, 128, 0.14) !important;
}

/* Search icons vertically centered, never overlapping typed text */
#chicken-modal .sick-autocomplete-control > i,
#chicken-modal .pill-autocomplete-control > i {
    position: absolute !important;
    top: 50% !important;
    left: 14px !important;
    transform: translateY(-50%) !important;
    color: #6b7280 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    pointer-events: none !important;
    z-index: 2 !important;
    transition: opacity 140ms ease !important;
}

#chicken-modal .sick-autocomplete-control:has(input[type="search"]:not(:placeholder-shown)) > i,
#chicken-modal .sick-autocomplete-control.has-value > i,
#chicken-modal .pill-autocomplete.has-value .pill-autocomplete-control > i {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

#chicken-modal .pill-autocomplete.has-value .pill-autocomplete-control input[type="text"] {
    padding-left: 14px !important;
}

#chicken-modal .pill-autocomplete-clear {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 26px !important;
    height: 26px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    background: transparent !important;
    color: #9ca3af !important;
    cursor: pointer !important;
    border-radius: 6px !important;
    transition: color 0.14s ease, background 0.14s ease !important;
}

#chicken-modal .pill-autocomplete-clear:hover {
    color: #111827 !important;
    background: #f3f5f4 !important;
}

/* Options across autocompletes */
#chicken-modal .lineage-autocomplete-option {
    border-radius: 8px !important;
    min-height: 40px !important;
    padding: 8px 12px !important;
    transition: background-color 0.12s ease, color 0.12s ease !important;
    color: #374151 !important;
}

#chicken-modal .sick-autocomplete-option {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 56px !important;
    padding: 10px 14px !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #17231c !important;
    cursor: pointer !important;
    font: inherit !important;
    text-align: left !important;
    transition: background-color 0.14s ease, color 0.14s ease !important;
}

#chicken-modal .sick-autocomplete-option:last-child {
    border-bottom: 0 !important;
}

#chicken-modal .sick-autocomplete-option img {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    object-fit: cover !important;
    border-radius: 10px !important;
    background: #edf1ee !important;
    border: 1px solid #e2e8f0 !important;
    flex-shrink: 0 !important;
}

#chicken-modal .sick-option-copy {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 3px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    text-align: left !important;
}

#chicken-modal .sick-option-copy strong {
    display: block !important;
    color: #166534 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: 0.01em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 !important;
    padding: 0 !important;
}

#chicken-modal .sick-option-copy b {
    display: block !important;
    color: #0f172a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 !important;
    padding: 0 !important;
}

#chicken-modal .sick-option-copy small {
    display: block !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 !important;
    padding: 0 !important;
}

#chicken-modal .sick-autocomplete-option > i {
    color: #94a3b8 !important;
    font-size: 14px !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
    transition: transform 0.14s ease, color 0.14s ease !important;
}

#chicken-modal .sick-autocomplete-option:hover > i {
    color: #166534 !important;
    transform: translateX(2px) !important;
}

#chicken-modal .pill-autocomplete-option {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 44px !important;
    padding: 10px 12px !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #17231c !important;
    cursor: pointer !important;
    font: inherit !important;
    text-align: left !important;
    transition: background-color 0.12s ease, color 0.12s ease !important;
}

#chicken-modal .pill-autocomplete-option > span {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    gap: 12px !important;
}

#chicken-modal .pill-autocomplete-option small {
    margin-left: auto !important;
    white-space: nowrap !important;
    color: #6b7280 !important;
    font-size: 0.8rem !important;
    font-weight: 500 !important;
}

/* Hover and active states */
#chicken-modal .lineage-autocomplete-option:hover,
#chicken-modal .lineage-autocomplete-option:focus-visible,
#chicken-modal .sick-autocomplete-option:hover,
#chicken-modal .sick-autocomplete-option:focus-visible,
#chicken-modal .pill-autocomplete-option:hover,
#chicken-modal .pill-autocomplete-option:focus-visible {
    background: #f0fdf4 !important;
    color: #111827 !important;
    outline: none !important;
}

#chicken-modal .lineage-autocomplete-option.is-active,
#chicken-modal .lineage-autocomplete-option[aria-selected="true"],
#chicken-modal .sick-autocomplete-option.is-active,
#chicken-modal .sick-autocomplete-option[aria-selected="true"],
#chicken-modal .pill-autocomplete-option.is-active,
#chicken-modal .pill-autocomplete-option[aria-selected="true"] {
    background: #dcfce7 !important;
    color: #111827 !important;
    font-weight: 600 !important;
}

/* Empty or info messages */
#chicken-modal .sick-autocomplete-message,
#chicken-modal .pill-autocomplete-empty {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 80px !important;
    padding: 18px 12px !important;
    color: #64748b !important;
    font-size: 13.5px !important;
    text-align: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

#chicken-modal .sick-autocomplete-message i,
#chicken-modal .pill-autocomplete-empty i {
    font-size: 20px !important;
    color: #94a3b8 !important;
}

#chicken-modal .sick-autocomplete-message.is-empty i {
    color: #ef4444 !important;
}

/* Scrollbar styling for all dropdown & autocomplete menus */
#chicken-modal .add-chicken-select-menu::-webkit-scrollbar,
#cost-modal .add-chicken-select-menu::-webkit-scrollbar,
#inventory-modal .add-chicken-select-menu::-webkit-scrollbar,
#chicken-modal .lineage-autocomplete-menu::-webkit-scrollbar,
#chicken-modal .sick-autocomplete-menu::-webkit-scrollbar,
#chicken-modal .pill-autocomplete-menu::-webkit-scrollbar {
    width: 6px;
}

#chicken-modal .add-chicken-select-menu::-webkit-scrollbar-track,
#cost-modal .add-chicken-select-menu::-webkit-scrollbar-track,
#inventory-modal .add-chicken-select-menu::-webkit-scrollbar-track,
#chicken-modal .lineage-autocomplete-menu::-webkit-scrollbar-track,
#chicken-modal .sick-autocomplete-menu::-webkit-scrollbar-track,
#chicken-modal .pill-autocomplete-menu::-webkit-scrollbar-track {
    background: #f3f5f4;
    border-radius: 4px;
}

#chicken-modal .add-chicken-select-menu::-webkit-scrollbar-thumb,
#cost-modal .add-chicken-select-menu::-webkit-scrollbar-thumb,
#inventory-modal .add-chicken-select-menu::-webkit-scrollbar-thumb,
#chicken-modal .lineage-autocomplete-menu::-webkit-scrollbar-thumb,
#chicken-modal .sick-autocomplete-menu::-webkit-scrollbar-thumb,
#chicken-modal .pill-autocomplete-menu::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 4px;
}

#chicken-modal .add-chicken-select-menu::-webkit-scrollbar-thumb:hover,
#cost-modal .add-chicken-select-menu::-webkit-scrollbar-thumb:hover,
#inventory-modal .add-chicken-select-menu::-webkit-scrollbar-thumb:hover,
#chicken-modal .lineage-autocomplete-menu::-webkit-scrollbar-thumb:hover,
#chicken-modal .sick-autocomplete-menu::-webkit-scrollbar-thumb:hover,
#chicken-modal .pill-autocomplete-menu::-webkit-scrollbar-thumb:hover {
    background: #9ca3af;
}