/*
 * Filament multi-select: flex children default to min-width:auto, so the control
 * grows past the field and badges stay on one row. min-width:0 + width:100% fixes wrap.
 */
.fi-carteira-field-wrapper {
    min-width: 0 !important;
    width: 100%;
    max-width: 100%;
}

.fi-ta-toolbar-carteira {
    min-width: 0;
    max-width: 100%;
}

.fi-carteira-multiselect.fi-select-input {
    min-width: 0 !important;
    max-width: 100%;
}

.fi-carteira-multiselect .fi-select-input-ctn {
    min-width: 0 !important;
    max-width: 100%;
}

.fi-carteira-multiselect .fi-select-input-btn {
    min-width: 0 !important;
    max-width: 100%;
    height: auto !important;
    min-height: calc(var(--spacing) * 9);
    align-items: flex-start !important;
    align-content: flex-start;
    padding-block: calc(var(--spacing) * 1.5);
}

.fi-carteira-multiselect .fi-select-input-value-ctn {
    min-width: 0 !important;
    max-width: 100%;
    align-items: flex-start !important;
}

.fi-carteira-multiselect .fi-select-input-value-badges-ctn {
    min-width: 0 !important;
    max-width: 100%;
}

/* Modal Enviar WhatsApp: canal como dois botões compactos lado a lado */
.fi-whatsapp-channel-radio.fi-fo-radio.fi-inline {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.fi-whatsapp-channel-radio.fi-fo-radio.fi-inline .fi-fo-radio-label {
    margin: 0;
    flex: 1 1 0;
    min-width: 7.5rem;
    max-width: 11rem;
    align-items: center;
    padding: 0.35rem 0.6rem;
    border-radius: 0.375rem;
    border: 1px solid rgb(229 231 235);
    background: rgb(249 250 251);
    cursor: pointer;
    transition: border-color 150ms ease, box-shadow 150ms ease, background 150ms ease;
}

.dark .fi-whatsapp-channel-radio.fi-fo-radio.fi-inline .fi-fo-radio-label {
    border-color: rgb(75 85 99);
    background: rgb(31 41 55);
}

.fi-whatsapp-channel-radio.fi-fo-radio.fi-inline .fi-fo-radio-label:has(.fi-radio-input:checked) {
    border-color: rgb(var(--primary-500, 234 88 12));
    background: rgb(var(--primary-50, 255 247 237));
    box-shadow: 0 0 0 1px rgb(var(--primary-500, 234 88 12));
}

.dark .fi-whatsapp-channel-radio.fi-fo-radio.fi-inline .fi-fo-radio-label:has(.fi-radio-input:checked) {
    background: rgb(30 58 91 / 35%);
}

.fi-whatsapp-channel-radio.fi-fo-radio.fi-inline .fi-radio-input {
    width: 0.875rem;
    height: 0.875rem;
    flex-shrink: 0;
}

.fi-whatsapp-channel-radio.fi-fo-radio.fi-inline .fi-fo-radio-label-text p {
    margin: 0;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.25;
}
