/**
 * Claim wizard Choices.js — layering + list behaviour only.
 * Field chrome and hover colours come from c360-choices-form-align.css
 * and c360-choices-dropdown-colors.css (same as Tasks Team dropdown).
 */

/* Stay below C360 chrome / action bars (1200); JS pins open panel at 1100 */
body.broker-c360-ui #tab-container .claim-form.row > [class*="col"]:has(.choices.is-open),
body.broker-c360-ui #tab-container .mb-3:has(.choices.is-open),
body.broker-c360-ui #tab-container .claim-config-table tbody td:has(.choices.is-open) {
    z-index: 2 !important;
}

body.broker-c360-ui #tab-container .choices.c360-claim-form-choices.is-open {
    z-index: 3 !important;
}

body.broker-c360-ui #tab-container .choices.c360-claim-form-choices .choices__list--dropdown,
body.broker-c360-ui #tab-container .choices.c360-claim-form-choices .choices__list[aria-expanded] {
    z-index: 1100 !important;
}

/* Do not show placeholder row as a selectable list item */
body.broker-c360-ui #tab-container .choices.c360-claim-form-choices .choices__list--dropdown .choices__item--placeholder,
body.broker-c360-ui #tab-container .choices.c360-claim-form-choices .choices__list[aria-expanded] .choices__item--placeholder,
body.broker-c360-ui #tab-container .choices.c360-claim-form-choices .choices__list--dropdown .choices__item[data-value=""],
body.broker-c360-ui #tab-container .choices.c360-claim-form-choices .choices__list[aria-expanded] .choices__item[data-value=""] {
    display: none !important;
}

body.broker-c360-ui #tab-container .choices.c360-claim-form-choices .choices__list--dropdown .choices__item--selectable::after,
body.broker-c360-ui #tab-container .choices.c360-claim-form-choices .choices__list[aria-expanded] .choices__item--selectable::after {
    display: none !important;
    content: none !important;
}

/* Search field inside open list — bottom divider only */
body.broker-c360-ui #tab-container .choices.c360-claim-form-choices:not(.c360-claim-choices--no-search) .choices__list--dropdown .choices__input,
body.broker-c360-ui #tab-container .choices.c360-claim-form-choices:not(.c360-claim-choices--no-search) .choices__list--dropdown .choices__input--cloned,
body.broker-c360-ui #tab-container .choices.c360-claim-form-choices:not(.c360-claim-choices--no-search) .choices__list[aria-expanded] .choices__input,
body.broker-c360-ui #tab-container .choices.c360-claim-form-choices:not(.c360-claim-choices--no-search) .choices__list[aria-expanded] .choices__input--cloned {
    display: block !important;
    border: none !important;
    border-bottom: 1px solid rgb(203, 208, 221) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    margin: 0 0 4px 0 !important;
    padding: 6px 16px !important;
    font-size: 13px !important;
    min-height: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

body.broker-c360-ui #tab-container .choices.c360-claim-form-choices:not(.c360-claim-choices--no-search) .choices__list--dropdown .choices__input:focus,
body.broker-c360-ui #tab-container .choices.c360-claim-form-choices:not(.c360-claim-choices--no-search) .choices__list[aria-expanded] .choices__input:focus {
    border: none !important;
    border-bottom: 1px solid rgb(203, 208, 221) !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Short lists (e.g. province) — no search row */
body.broker-c360-ui #tab-container .choices.c360-claim-choices--no-search .choices__list--dropdown .choices__input,
body.broker-c360-ui #tab-container .choices.c360-claim-choices--no-search .choices__list--dropdown .choices__input--cloned,
body.broker-c360-ui #tab-container .choices.c360-claim-choices--no-search .choices__list[aria-expanded] .choices__input,
body.broker-c360-ui #tab-container .choices.c360-claim-choices--no-search .choices__list[aria-expanded] .choices__input--cloned {
    display: none !important;
}

body.broker-c360-ui #tab-container .choices.c360-claim-form-choices .choices__list--dropdown .choices__list,
body.broker-c360-ui #tab-container .choices.c360-claim-form-choices .choices__list[aria-expanded] .choices__list {
    max-height: 240px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

body.broker-c360-ui #tab-container .claim-config-table .choices.c360-claim-form-choices .choices__inner {
    min-height: 33px;
    padding: 6px 40px 6px 16px !important;
    font-size: 13px;
}

/* Override per-claim module rules that force teal borders / z-index 10891 */
body.broker-c360-ui #tab-container .choices.c360-claim-form-choices .choices__inner {
    border-color: rgb(203, 208, 221) !important;
}

body.broker-c360-ui #tab-container .choices.c360-claim-form-choices.is-focused .choices__inner,
body.broker-c360-ui #tab-container .choices.c360-claim-form-choices.is-open .choices__inner {
    border-color: color-mix(in srgb, #5cbdb4 42%, rgb(203, 208, 221)) !important;
    box-shadow: 0 0 0 0.15rem rgba(92, 189, 180, 0.22) !important;
}

body.broker-c360-ui #tab-container .choices.c360-claim-form-choices .choices__list--dropdown,
body.broker-c360-ui #tab-container .choices.c360-claim-form-choices .choices__list[aria-expanded] {
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;
}

/* Single chevron — do not show both up and down triangles when open */
body.broker-c360-ui #tab-container .choices.c360-claim-form-choices[data-type*="select-one"]::after {
    border-top-color: #6e7891 !important;
    border-bottom-color: transparent !important;
}

body.broker-c360-ui #tab-container .choices.c360-claim-form-choices[data-type*="select-one"].is-open::after {
    border-top-color: transparent !important;
    border-bottom-color: #6e7891 !important;
}

body.broker-c360-ui #tab-container .choices.c360-claim-form-choices:hover .choices__inner {
    border-color: rgb(203, 208, 221) !important;
}

/* List hover — same as Tasks Team (c360-choices-dropdown-colors); beats per-claim soft-teal wash */
body.broker-c360-ui #tab-container .choices.c360-claim-form-choices .choices__list--dropdown .choices__item--selectable.is-highlighted,
body.broker-c360-ui #tab-container .choices.c360-claim-form-choices .choices__list[aria-expanded] .choices__item--selectable.is-highlighted,
body.broker-c360-ui #tab-container .choices.c360-claim-form-choices .choices__list--dropdown .choices__item--selectable:hover,
body.broker-c360-ui #tab-container .choices.c360-claim-form-choices .choices__list[aria-expanded] .choices__item--selectable:hover {
    background-color: var(--t, #5cbdb4) !important;
    color: #fff !important;
}

body.broker-c360-ui #tab-container .choices.c360-claim-form-choices .choices__list--dropdown .choices__item--selectable.is-selected:not(.is-highlighted),
body.broker-c360-ui #tab-container .choices.c360-claim-form-choices .choices__list[aria-expanded] .choices__item--selectable.is-selected:not(.is-highlighted) {
    background-color: rgba(92, 189, 180, 0.12) !important;
    color: #1a252e !important;
    font-weight: 500;
}