/* components/molecules/search-input.css — SearchInput (M09). */

.cmp-search-input {
  display: inline-flex;
  align-items: stretch;
  gap: 6px;
  width: 100%;
}

.cmp-search-input__input-wrap {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}

.cmp-search-input__icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-muted, #9ca3af);
  pointer-events: none;
  z-index: 1;
}

.cmp-search-input__input-wrap > .cmp-input {
  padding-left: 30px;
}

.cmp-search-input__export {
  flex-shrink: 0;
}