/**
 * Letterhead Channel Selector Styles
 *
 * Styling for the built-in SlimSelect-compatible wrapper.
 */

.letterhead-channel-selector-container {
    margin: 12px 0;
    max-width: 640px;
}

.letterhead-slimselect {
    border: 1px solid #c3c4c7;
    border-radius: 4px;
    padding: 8px;
    background: #fff;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
}

.letterhead-slimselect__header {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 8px;
}

.letterhead-slimselect__search {
    flex: 1 1 auto;
    padding: 6px 8px;
    border: 1px solid #c3c4c7;
    border-radius: 3px;
    font-size: 14px;
}

.letterhead-slimselect__clear {
    margin: 0;
    line-height: 1.6;
}

.letterhead-slimselect__select {
    width: 100%;
    min-height: 140px;
    padding: 6px 8px;
    border: 1px solid #c3c4c7;
    border-radius: 3px;
    font-size: 14px;
    background-color: #fff;
}

.letterhead-slimselect__select option {
    padding: 4px 6px;
}

.letterhead-slimselect__status {
    margin-top: 6px;
    color: #646970;
    font-size: 13px;
}