/* KI-Suchfeld über den Filter-Ergebnissen (nur KI-Filter-Element).
   Baum- und Button-Styles liegen in maschinen_markt_filter.css (von beiden
   Modulen genutzt). */
.mm_kisearch { margin: 0 0 16px; }
.mm_kisearch_form { display: flex; gap: 8px; align-items: stretch; flex-wrap: wrap; }
.mm_kisearch_input {
    flex: 1 1 320px; min-width: 200px;
    padding: 10px 12px; font-size: 15px;
    border: 2px solid #e85d26; border-radius: 6px; background: #fff; color: #222;
}
.mm_kisearch_input:focus { outline: none; border-color: #c04b1e; }
.mm_kisearch_btn {
    background: #e85d26; color: #fff; border: none; border-radius: 6px;
    padding: 0 20px; font-size: 15px; font-weight: 500; cursor: pointer;
    text-transform: uppercase; transition: background .3s;
}
.mm_kisearch_btn:hover, .mm_kisearch_btn:focus { background: #c04b1e; }
.mm_kisearch_clear {
    background: #eee; color: #555; border: none; border-radius: 6px;
    padding: 0 14px; font-size: 20px; line-height: 1; cursor: pointer;
}
.mm_kisearch_clear:hover { background: #e85d26; color: #fff; }
.mm_kisearch_note {
    margin-top: 8px; padding: 8px 12px; font-size: 13px;
    background: #fff6f2; border: 1px solid #f3cdbb; border-radius: 6px; color: #7a3b23;
}
html.mm-dark .mm_kisearch_input,
.mm_dark .mm_kisearch_input { background: #1e1f24; color: #fff; }
.mm_dark .mm_kisearch_clear { background: #2a3852; color: #ccc; }
.mm_dark .mm_kisearch_note { background: #23180f; border-color: #6b3a22; color: #f0c8b4; }