.colored_table tbody tr:nth-child(odd) { background-color: #fafafa; }
.search-and-note-wrapper {
    display: flex;
    align-items: center; /* центрирует инпут и плашку по вертикали */
    gap: 12px;           /* расстояние между ними */
    margin-bottom: 10px; /* небольшой отступ до таблицы */
    justify-content: space-between;
    margin-bottom: 15px;
}

.sale-badge-row {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.sale-badge {
    width: 55px;
    height: 24px;
    display: block;
    border: 1px solid #ddd;
}

.sale-badge-text {
    font-size: 13px;
    color: #888888;
    font-weight: 600;
}
@media (max-width: 700px) {
    .search-and-note-wrapper{
        flex-direction: column;
        align-items: flex-start;
    }
}